:root{--ink:#294858;--blue:#215f87;--muted:#687e8a;--line:#dbe5eb;--purple:#8966a8;--green:#308875;--gold:#d6a344;--orange:#ce8b35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#f4f7fa;color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1480px;margin:auto;padding:24px 30px 35px}button,input,select{font:inherit}button,select{border:1px solid #cadbe4;border-radius:9px;background:white;color:var(--blue);padding:9px 13px}button{cursor:pointer;font-weight:650}button:hover{background:#edf4f8}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,.diagram-scroll:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e5b352;outline-offset:3px}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#194e70}.purple{color:#775592;border-color:#d6c4e5;background:#fbf8fe}.quiet{font-size:12px}.skip{position:absolute;left:14px;top:-100px;background:white;padding:8px;z-index:10}.skip:focus{top:10px}a{color:var(--blue)}header{display:flex;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--blue);text-decoration:none;font-size:10px;line-height:1.4;letter-spacing:1.8px}.brand svg{fill:var(--green)}.brand strong{font-size:14px;letter-spacing:2px}.unit{margin-left:auto;font-size:10px;letter-spacing:1.6px;color:var(--muted)}.review{background:#f1ebf7;border:1px solid #d7c7e6;color:#826296;font-size:10px;border-radius:20px;padding:5px 11px}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:27px 0 25px}.eyebrow{font-size:10px;color:var(--green);font-weight:750;letter-spacing:1.4px;margin:0 0 7px}h1{color:#1b5477;font-size:clamp(28px,3.1vw,43px);line-height:1.15;letter-spacing:-1.25px;margin:8px 0 12px}h2{font-size:22px;color:#205c80;margin:5px 0 0;line-height:1.3}h3{font-size:15px;color:#2b617f;margin:0 0 10px;line-height:1.4}p{margin:8px 0 14px}.intro p:last-child{color:var(--muted);font-size:14px;max-width:850px;margin-bottom:0}[hidden]{display:none!important}.activity-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.activity-tabs [role=tab]{display:flex;align-items:center;gap:13px;text-align:left;padding:13px 17px;border:1px solid var(--line);border-radius:12px;font-size:14px;line-height:1.4;color:var(--muted)}.activity-tabs [role=tab][aria-selected=true]{background:#eaf4f1;border-color:#70aa99;color:#216d5c;box-shadow:inset 0 -3px #308875}.tab-number{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#edf2f5;font-size:11px;letter-spacing:1px}.activity-tabs [aria-selected=true] .tab-number{background:#308875;color:white}.activity-tabs small{display:block;font-size:11px;font-weight:400;margin-top:3px;color:var(--muted)}[role=tabpanel]:focus-visible{outline:3px solid #e5b352;outline-offset:3px}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px}.section-heading h3{margin-bottom:0}.compare-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.workbench{min-width:0}.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.action-row button{font-size:12px}.action-row .quiet{margin-left:auto}.protein-switch{display:flex;gap:6px;max-width:100%}.protein-choice{padding:7px 11px;text-align:left;line-height:1.35;min-height:44px}.protein-choice small{display:block;margin-top:3px;font-size:10px;font-weight:400}.protein-choice[aria-pressed=true]{background:#eaf4f1;border-color:#70aa99;color:#216d5c;box-shadow:inset 0 -2px #308875}.protein-choice[aria-pressed=false]:hover{background:#f0f6f4}.hint{font-size:11px;color:var(--muted);margin:8px 0 9px}.diagram-scroll{min-width:0}.diagram-scroll svg{display:block;width:100%;height:auto}.workbench #bench{background:#f8fbfc;border:1px solid #edf1f4;border-radius:12px}.protein-state{display:flex;align-items:center;gap:14px;margin:14px 0 9px;font-size:13px}.state-pill{font-size:10px;border-radius:20px;padding:5px 10px;background:#f0f3f5;color:#6a7b87}.state-pill.bound{background:#fcf1d6;color:#9b7728}.protein-state strong{color:var(--green)}.protein-state strong.inactive{color:#84919a}.reaction-caption{font-size:12px;padding:10px 13px;border-left:3px solid #80b7a6;background:#f0f7f3;border-radius:5px;min-height:55px;margin:8px 0 14px}.reaction-totals{display:flex;gap:9px;flex-wrap:wrap}.reaction-totals span{font-size:10px;color:#758793;padding:5px 10px;background:#f6f8fa;border:1px solid #e8edf0;border-radius:7px}.reaction-totals b{color:var(--blue);font-size:13px;margin-left:7px}.compare-notes{display:grid;gap:12px;align-content:start}.compare-notes article{background:#f8fafc;border:1px solid #e4ebf0;border-radius:11px;padding:15px}.compare-notes h3{font-size:14px}.compare-notes p{font-size:12px;line-height:1.65;margin:8px 0}.kinase-text{color:var(--blue)}.phosphatase-text{color:var(--purple)}.compare-notes p.key-note{font-size:11px;border-top:1px solid var(--line);padding-top:10px}.small,.compare-notes p.small{font-size:10px;line-height:1.6;color:var(--muted)}.pathway-heading{margin:0 2px 17px}.model-tag{font-size:10px;color:var(--muted);white-space:nowrap}.experiment-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-bottom:18px}.transport{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-bottom:13px;border-bottom:1px solid #e7edf1}.transport button{font-size:12px}.transport label{display:flex;align-items:center;gap:8px;font-size:11px;margin-left:6px}.transport select{font-size:11px;padding:7px}.transport output{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.signal-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:12px}.signal-controls>span{font-weight:700;color:var(--blue)}.signal-controls [role=group]{display:flex;flex-wrap:wrap;gap:5px}.signal-controls [role=group] button{font-size:11px;padding:8px 10px;min-height:38px}.signal-controls [aria-pressed=true]{background:#2d8274;border-color:#2d8274;color:white}.signal-controls [data-receptor=mutant][aria-pressed=true]{background:#936963;border-color:#936963}.pulse{font-size:11px;border-color:#a6cbbc;background:#f2f9f5;color:#337763}.pulse:hover{background:#e5f3eb}.condition-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;margin-top:15px;font-size:12px}.condition-row>label:first-child{font-size:11px;font-weight:650}.condition-row output{float:right;color:var(--purple);font-weight:650}.condition-row input[type=range]{display:block;width:100%;accent-color:var(--purple);margin:10px 0 4px}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);font-weight:400}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px}.checkbox input{width:17px;height:17px;accent-color:var(--blue)}.control-note{font-size:10px;color:#79608d;background:#f7f3fa;border-radius:6px;padding:8px 10px;margin:12px 0 0}.prompts{padding:16px}.prompts h3{font-size:14px}.prompts ol{font-size:11px;color:#5b7383;padding-left:17px;margin:0;line-height:1.65}.prompts li+li{margin-top:8px}.cascade-panel{padding:19px 20px 14px;min-width:0}.signal-badge{border-radius:20px;background:#edf1f4;color:#728490;font-size:11px;padding:5px 12px;white-space:nowrap}.signal-badge.on{background:#e4f3e9;color:#2e7f67}.signal-badge.ended{background:#f3ebf8;color:#8961a2}.pathway-caption{background:#f1f6fa;border-left:3px solid #3b80a2;padding:11px 13px;font-size:12px;border-radius:6px;margin:12px 0;min-height:58px}.diagram-legend{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;color:var(--muted);margin:12px 0 7px}.diagram-legend span{display:flex;align-items:center;gap:5px}.diagram-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.diagram-legend i.pathway-line{width:15px;height:2px;border-radius:0;background:#588cad}.gold-dot{background:var(--gold)}.purple-dot{background:var(--purple)}.green-dot{background:var(--green)}.diagram-limit{margin:7px 0 0;max-width:1150px}.pan-hint{display:none}.readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0}.readouts article{background:white;border:1px solid var(--line);border-radius:12px;padding:14px 17px}.readouts span{display:block;font-size:11px;color:var(--muted);min-height:18px}.readouts strong{display:block;font-size:29px;color:#b88235;margin:4px 0 11px;line-height:1.3;font-variant-numeric:tabular-nums}.readouts article:nth-child(2) strong{color:var(--blue)}.readouts article:nth-child(3) strong{color:var(--purple)}.readouts article:nth-child(4) strong{color:var(--green)}.meter,.flux-meter{height:6px;border-radius:5px;background:#edf1f3;overflow:hidden}.meter i,.flux-meter i{display:block;width:0;height:100%;background:var(--orange)}.meter.blue i{background:var(--blue)}.purple-meter i{background:var(--purple)}.meter.green i{background:var(--green)}.analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.plot-panel svg{width:100%;display:block}.plot-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:var(--muted);margin:10px 0}.plot-legend span:before{content:'';display:inline-block;width:13px;height:3px;vertical-align:middle;margin-right:5px;background:#d5e5dc}.plot-legend .orange-line:before{background:var(--orange)}.plot-legend .blue-line:before{background:var(--blue)}.plot-legend .purple-line:before{background:var(--purple)}.plot-legend .signal-key:before{height:9px;background:#dcefe3}.plot-panel>.small{margin:4px 0 0}.balance-panel h3{margin-top:7px}.flux-label{display:flex;justify-content:space-between;font-size:11px;margin:15px 0 7px;color:#617a89}.flux-label output{font-variant-numeric:tabular-nums;font-weight:700}.flux-meter{height:8px}.flux-meter.removal i{background:var(--purple)}.balance-panel #balance-caption{font-size:12px;margin-top:18px;line-height:1.7;min-height:62px}.notes{margin-top:18px;font-size:12px}.notes summary{font-size:12px;color:var(--blue);font-weight:700;cursor:pointer}.notes[open] summary{margin-bottom:15px}.notes p{max-width:1150px;line-height:1.75}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#7b8d98;border-top:1px solid var(--line);padding-top:18px;margin-top:26px}svg text{font-family:system-ui}svg .svg-title{font-size:15px;font-weight:700;fill:#345e76}svg .svg-small{font-size:12px;fill:#738995}svg .svg-label{font-size:13px;font-weight:650;fill:#426c81}
@media(max-width:1100px){main{padding:22px}.compare-grid{grid-template-columns:minmax(0,1fr) 250px}.experiment-grid{grid-template-columns:minmax(0,1fr) 280px}.compare-notes article{padding:12px}.condition-row{gap:18px}.analysis-grid{grid-template-columns:minmax(0,1fr) 250px}.model-tag{display:none}.section-heading{gap:20px}.action-row .quiet{margin-left:0}.transport output{margin-left:0}}
@media(max-width:900px){.compare-grid{grid-template-columns:minmax(0,1fr)}.compare-notes{grid-template-columns:1fr 1fr;gap:12px}.experiment-grid{grid-template-columns:minmax(0,1fr)}.prompts ol{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.prompts li+li{margin-top:0}.analysis-grid{grid-template-columns:minmax(0,1fr)}.balance-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.balance-panel>.eyebrow,.balance-panel>h3,.balance-panel>p{grid-column:1/-1}.balance-panel>.flux-label:nth-of-type(1){grid-column:1;grid-row:3}.balance-panel>.flux-meter:nth-of-type(2){grid-column:1;grid-row:4}.balance-panel>.flux-label:nth-of-type(3){grid-column:2;grid-row:3}.balance-panel>.flux-meter:nth-of-type(4){grid-column:2;grid-row:4}.balance-panel #balance-caption{min-height:0;margin:13px 0 0}.balance-panel>.small{margin-top:5px}.unit{font-size:9px}.section-heading h2{font-size:20px}}
@media(max-width:600px){.activity-tabs{gap:8px;margin-bottom:16px}.activity-tabs [role=tab]{gap:8px;padding:11px 9px;font-size:12px}.activity-tabs small{font-size:10px}.tab-number{width:25px;height:25px;font-size:10px}main{padding:14px 10px 26px}header{gap:10px}.unit{display:none}.review{margin-left:auto}.intro{margin:23px 3px}h1{font-size:30px;letter-spacing:-.8px}.intro p:last-child{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1px}.panel{padding:13px}.section-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:14px}.section-heading h2{font-size:21px}.action-row{gap:6px}.action-row button{padding:8px 9px;font-size:11px}.action-row .quiet{font-size:10px}.protein-switch{flex-wrap:wrap}.action-row .protein-choice{padding:7px 9px}.protein-choice small{font-size:9px}.compare-notes{grid-template-columns:1fr}.compare-notes article{padding:12px}.protein-state{gap:10px;font-size:12px}.state-pill{font-size:9px}.reaction-caption{font-size:11px;min-height:68px}.reaction-totals{gap:6px}.reaction-totals span{font-size:9px;padding:5px 7px}.reaction-totals b{font-size:12px;margin-left:4px}.diagram-scroll{overflow-x:auto;overscroll-behavior-x:contain}.diagram-scroll #bench{min-width:650px;width:650px;max-width:none}.diagram-scroll #cascade{min-width:930px;width:930px;max-width:none}.pan-hint{display:block;font-size:10px;color:var(--muted);margin:0 0 8px}.transport{gap:7px}.transport button{padding:8px;font-size:11px}.transport label{margin:0}.transport select{padding:5px}.signal-controls{gap:9px}.signal-controls .pulse{margin-left:0}.signal-controls [role=group] button{min-width:0;font-size:10px;min-height:40px}.receptor-choices{width:100%}.condition-row{grid-template-columns:1fr;gap:13px}.control-note{font-size:10px}.prompts ol{grid-template-columns:1fr;gap:9px}.cascade-panel>.section-heading .eyebrow{font-size:8px}.cascade-panel>.section-heading h3{font-size:13px}.signal-badge{font-size:10px}.pathway-caption{font-size:11px;min-height:76px}.diagram-legend{gap:9px;font-size:9px}.readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.readouts article{padding:12px}.readouts strong{font-size:27px}.readouts span{font-size:10px}.analysis-grid{gap:14px}.plot-legend{gap:9px;font-size:9px}.balance-panel{gap:0 15px}.balance-panel #balance-caption{font-size:11px}.notes{font-size:11px}footer{display:block;font-size:9px}footer span{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}