/* Metabolic pathway pages (pathways.js). Design tokens from styles.css :root. */
.pw-controls { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: flex-end; margin: 8px 0; }
.pw-sources { display: flex; flex-wrap: wrap; gap: 4px 14px; border: 1px solid var(--line, #d9dfe2); border-radius: var(--radius, 3px); padding: 4px 10px 6px; margin: 0; }
.pw-sources legend { font-weight: 600; padding: 0 4px; }
.pw-sources label { white-space: nowrap; }
.pw-compartment select, .pw-find input { margin-left: 6px; max-width: 100%; }
.pw-find input { width: 14em; }
.pw-source-note { color: var(--ink-soft, #56656c); margin: 6px 0; }
.pw-list td.pw-comp { color: var(--ink-soft, #56656c); }
.pw-list th[data-sort], .pw-reactions th { cursor: pointer; }
.pw-list th[aria-sort="ascending"]::after { content: " ▲"; font-size: 10px; }
.pw-list th[aria-sort="descending"]::after { content: " ▼"; font-size: 10px; }
.pw-context, .pw-choke-flag { border: 1px solid var(--line, #d9dfe2); border-radius: 2px; padding: 0 4px; font-size: 12px; color: var(--ink-soft, #56656c); white-space: nowrap; }
.pw-choke-flag { color: var(--ink, #1f2a30); font-weight: 600; }
td.pw-src[data-source="reactome"] { font-style: italic; }
.pw-summary-list { margin: 4px 0 10px; padding-left: 18px; }
.pw-summary-list li { margin: 2px 0; }
.pw-plain { list-style: none; margin: 0; padding: 0; }
.pw-strips h3 { margin: 12px 0 6px; }
.pw-strip-row { display: grid; grid-template-columns: 11em minmax(0, 1fr); gap: 4px 12px; align-items: center; margin: 4px 0 8px; }
.pw-strip-name { font-weight: 600; }
.pw-strip { display: flex; height: 14px; border: 1px solid var(--line, #d9dfe2); min-width: 0; }
.pw-seg { display: block; min-width: 2px; }
.pw-seg-none { background: repeating-linear-gradient(45deg, #eef1f2 0 4px, #ffffff 4px 8px); }
.pw-strip-legend { grid-column: 2; display: flex; flex-wrap: wrap; gap: 2px 14px; list-style: none; margin: 0; padding: 0; font-size: 12px; color: var(--ink-soft, #56656c); }
.pw-key { display: inline-block; width: 10px; height: 10px; margin-right: 4px; vertical-align: -1px; border: 1px solid var(--line, #d9dfe2); }
.pw-reactions td { vertical-align: top; }
.pw-rxn { white-space: nowrap; }
.pw-rxn-name, .pw-gene-name, .pw-gene-comp { color: var(--ink-soft, #56656c); font-size: 12px; }
.pw-rxn-name { white-space: normal; display: inline-block; max-width: 18em; }
.pw-eq { min-width: 16em; max-width: 34em; overflow-wrap: anywhere; }
.pw-rxn-genes { min-width: 14em; }
.pw-gene { display: block; }
.pw-gene-comp::before { content: "· "; }
.pw-and { color: var(--ink-soft, #56656c); font-size: 12px; }
.pw-or { display: block; color: var(--ink-soft, #56656c); font-size: 12px; font-style: italic; margin: 1px 0; }
a.pw-fc { font-weight: 600; }
.pw-genes td.pw-ec { white-space: nowrap; }
@media (max-width: 900px) {
  .pw-strip-row { grid-template-columns: minmax(0, 1fr); }
  .pw-strip-legend { grid-column: 1; }
  .pw-eq { min-width: 12em; }
  .pw-rxn { white-space: normal; }
}
.protein-types .pt-pathway-link { margin-right: 8px; font-size: 13px; }