:root{color-scheme:light;--ink:#21333f;--muted:#586b78;--teal:#306d7e;--deep:#25576b;--pale:#eaf3f6;--bg:#f7fafb;--border:#dbe5ea;--line:#a8c1cc;--gold:#876328;font-family:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button{background:none;border:0}a{color:var(--deep)}:focus-visible{outline:3px solid #286c92;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.18;font-weight:650}h1{font-size:38px;max-width:780px}h2{font-size:21px}h3{font-size:20px;margin-bottom:10px}h4{font-size:15px;margin-bottom:7px}p{line-height:1.65}.story-shell{width:min(100%,1200px);margin:auto}.brand-header{padding:17px 28px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:white;border-bottom:1px solid var(--border)}.brand-header img{width:133px;height:auto}.brand-header>span{font-size:11px;color:var(--muted)}main{padding:0 28px 28px}.intro{margin:34px 0 28px}.eyebrow{font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:750;color:var(--teal);margin-bottom:11px}.intro>p:last-child{font-size:15px;color:var(--muted);margin-top:14px;max-width:720px}.flow-stage{border:1px solid var(--border);border-radius:18px;background:linear-gradient(90deg,#dbe5ea33 1px,transparent 1px),linear-gradient(#dbe5ea33 1px,transparent 1px),#f3f8fa;background-size:23px 23px;box-shadow:0 2px 0 #e8eff2;overflow:hidden}.flow-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px 0}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 6px;color:var(--deep);font-size:12px;font-weight:600;border-radius:6px;flex-shrink:0}.text-button:hover{background:#e6f0f4}.text-button>span{font-size:20px}.workflow-canvas{position:relative;margin:16px 24px 0;height:510px;--card:152px;--step:calc((100% - var(--card))/5)}.workflow-node{position:absolute;left:calc(var(--step)*var(--i));top:calc(355px - var(--i)*68px);width:var(--card);height:136px;padding:13px 11px;border:1px solid #a9c1cc;border-radius:10px;background:#ffffffed;box-shadow:0 6px 0 #e2edf2,0 7px 0 #b3c7d0,0 10px 18px #274c6010;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:8px;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .6s,border-color .2s;z-index:1}.workflow-node:hover{border-color:var(--teal);background:#f4fbfd}.workflow-node[aria-current]{border:2px solid var(--teal)}.workflow-node:focus-visible{z-index:3}.node-copy{display:contents}.node-copy strong{font-size:14px;line-height:1.2;color:var(--deep)}.node-caption{font-size:10px;line-height:1.35;color:var(--muted);order:2}.node-number{position:absolute;right:8px;top:-13px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:white;border:1px solid #a9c1cc;font-size:9px;font-weight:700;color:var(--teal)}.advisor-node{border-color:#b5b09b}.advisor-node strong{color:#706137}.workflow-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;transition:opacity .4s}.workflow-wires>path{fill:none;stroke:var(--teal);stroke-width:1.3;marker-end:url(#arrow)}.workflow-canvas.collapsed .workflow-wires{opacity:0}.workflow-canvas.collapsed .workflow-node{transform:translate(calc((2.5 - var(--i))*var(--step)),calc((var(--i) - 2.5)*68px)) rotate(calc((var(--i) - 2.5)*2deg));opacity:.7}.flow-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 20px 8px;font-size:11px;color:var(--muted)}.flow-hint{text-align:center;font-size:12px;color:var(--muted);margin-top:15px}.mini-art{position:relative;display:block;width:86px;height:46px;margin-inline:auto;color:var(--teal)}.mini-signals{display:flex;justify-content:space-between;align-items:center}.mini-signals:before{content:"";position:absolute;left:5px;right:5px;top:23px;height:1px;background:var(--line)}.mini-signals i{z-index:1;width:20px;height:27px;display:block;background:#f4f9fb;border:1px solid var(--line);box-shadow:2px 3px #e1edf2}.mini-signals i:after{content:"";display:block;height:2px;background:#8babb7;margin:7px 4px;box-shadow:0 5px #bacfd8}.mini-trigger:before{content:"";position:absolute;top:26px;width:100%;border-top:1px solid var(--line)}.mini-trigger i{position:absolute;width:1px;height:36px;background:var(--teal);left:35px;top:5px}.mini-trigger b,.mini-trigger em{position:absolute;top:0;left:48px;font-size:13px;font-style:normal}.mini-trigger b:after{content:"";display:block;height:14px;border-left:2px solid var(--deep);margin:3px}.mini-trigger em{left:26px;top:28px;font-size:10px}.mini-stack{display:flex;align-items:flex-end;gap:3px;padding-right:25px}.mini-stack i{background:#b3d1dc;width:17px;height:20px;border:1px solid #6390a1}.mini-stack i:nth-child(2){height:37px;background:#80acba}.mini-stack i:nth-child(3){height:37px;background:#477c8e}.mini-stack b{font-size:15px;position:absolute;right:0;top:16px}.mini-ladder{display:flex;flex-direction:column;gap:4px;justify-content:center}.mini-ladder i{height:5px;border:1px solid #b1c8d2;background:#f4f8fa;width:100%}.mini-ladder i:nth-child(2){width:85%}.mini-ladder i:nth-child(3){width:70%}.mini-ladder i:nth-child(4){width:55%}.mini-ladder i:nth-child(5){width:40%}.mini-ladder i.current{background:#477c8e;border-color:#477c8e}.mini-contact{display:flex;align-items:center;gap:7px}.mini-contact i{font-style:normal;border:1px solid var(--line);border-radius:4px;padding:1px 5px;background:#f1f7fa;font-size:21px}.mini-contact b{flex:1;border-top:1px dashed var(--teal)}.mini-context i{position:absolute;inset:0 20px 5px 6px;border:1px solid var(--line);background:#eff5f8;border-radius:3px;transform:rotate(-6deg)}.mini-context i:nth-child(2){transform:rotate(5deg)}.mini-context i:nth-child(3){transform:none;background:white;box-shadow:1px 2px #dce9ef}.mini-context i:nth-child(3):after{content:"";display:block;height:2px;background:#b1c8d2;margin:10px;box-shadow:0 6px #b1c8d2,0 12px #b1c8d2}.mini-context b{position:absolute;bottom:4px;right:11px;border:1px solid #b5b09b;border-radius:50%;background:#fffdf5;padding:0 5px;color:#706137}
#step-panel{position:fixed;inset:0;width:min(860px,84vw);height:86dvh;max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #b9ced9;border-radius:18px;overflow:hidden;box-shadow:0 24px 90px #17384838;color:var(--ink);background:white}#step-panel[open]{display:flex;flex-direction:column;animation:popup .18s ease-out}#step-panel::backdrop{background:#18374745}.step-popup-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 26px;border-bottom:1px solid var(--border);background:#f5f9fb;flex-shrink:0}.step-popup-bar>span{font-size:13px;font-weight:600;color:var(--deep)}.step-popup-bar .text-button{min-width:76px}.step-popup-body{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;padding:28px 32px 32px;scroll-padding-block:20px;scrollbar-gutter:stable}.panel-heading h2{font-size:30px;max-width:660px}#panel-title:focus{outline:none}.panel-heading>p:last-child{color:var(--muted);margin-top:13px;font-size:15px}.student-context{display:flex;align-items:center;gap:11px;border-block:1px solid var(--border);padding:13px 0;margin:20px 0 24px}.avatar{display:grid;place-items:center;width:35px;height:35px;border:1px solid #bed1d9;border-radius:50%;background:var(--pale);flex-shrink:0;font-weight:600;color:var(--deep)}.student-context strong{display:block;font-size:12px}.student-context div>span{font-size:11px;color:var(--muted);display:block;margin-top:3px}.concept{border:1px solid var(--border);background:#f3f8fa;border-radius:12px;padding:22px;margin-bottom:22px}.concept figcaption{font-size:13px;font-weight:600;color:var(--deep);margin-bottom:21px}.info-block{border:1px solid var(--border);border-radius:10px;background:#f3f8fa;padding:20px;margin:22px 0}.info-block p+p{margin-top:12px}.takeaway{border-left:3px solid #91b9c5;padding:3px 0 3px 15px;margin:24px 0 4px;font-size:15px}.small{font-size:12px;color:var(--muted)}details{border:1px solid var(--border);border-radius:9px;margin-top:22px;padding:0 16px;background:#fcfdfe}summary{font-size:14px;font-weight:600;color:var(--deep);cursor:pointer;min-height:48px;padding:14px 0}details[open]{padding-bottom:17px}details p+p{margin-top:12px}blockquote{margin:20px 0;padding:20px;border-left:3px solid #b29a5c;background:#fffdf6;font-size:18px;line-height:1.55;color:#514b3c}.signal-timeline,.contact-timeline{list-style:none;padding:0;margin:0}.signal-timeline li,.contact-timeline li{display:grid;grid-template-columns:39px 1fr;gap:16px;position:relative;padding-bottom:18px}.signal-timeline li:before,.contact-timeline li:before{content:"";position:absolute;left:18px;top:33px;bottom:0;border-left:1px solid var(--line)}.signal-timeline li:last-child:before,.contact-timeline li:last-child:before{display:none}.day{font-size:10px;text-transform:uppercase;letter-spacing:.03em;position:relative;background:var(--bg);border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:var(--deep);font-weight:650}.signal-timeline button{padding:16px;border:1px solid var(--border);border-radius:9px;text-align:left;background:white;box-shadow:0 4px 0 #eaf1f5}.signal-timeline button[aria-pressed=true]{border-color:var(--teal);background:#f1f8fa}.signal-timeline strong,.signal-timeline button>span,.signal-timeline small{display:block}.signal-timeline strong{font-size:17px}.signal-timeline button>span{font-size:13px;color:var(--muted);margin-top:4px}.signal-timeline small{font-size:11px;color:var(--deep);margin-top:10px}.fact-rule{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:42px}.fact-rule>div{background:white;border:1px solid var(--border);padding:14px;border-radius:7px}.fact-rule span{display:block;font-size:12px;color:var(--muted)}.fact-rule strong{font-size:36px;color:var(--deep);font-weight:600}.fact-rule small{font-size:14px;font-weight:500}.trigger-axis{height:62px;position:relative;margin-inline:20px;border-top:1px solid var(--line)}.active-zone{position:absolute;top:-7px;bottom:auto;height:13px;right:0;background:#d7e9ee}.fact-marker,.rule-marker{position:absolute;top:-8px;width:2px;height:16px;background:var(--deep);left:41.6667%;font-style:normal}.fact-marker span{position:absolute;white-space:nowrap;left:50%;transform:translateX(-50%);bottom:23px;font-size:12px;font-weight:600}.rule-marker{height:34px;top:-4px;border-left:2px dashed #876328;background:none}.rule-marker span{position:absolute;white-space:nowrap;left:50%;transform:translateX(-50%);top:37px;font-size:12px;color:#755420}.axis-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.control-block{margin:22px 0}.control-block label{font-size:14px;font-weight:600;display:block;line-height:1.5}.control-block output{display:block;color:var(--teal);font-size:15px;margin-top:5px}input[type=range]{width:100%;height:38px;accent-color:var(--teal);cursor:pointer}select{width:100%;min-height:44px;border:1px solid #aac2ce;border-radius:7px;background:white;padding:9px;font-size:14px;margin-top:8px}.preset-row{display:flex;gap:9px;flex-wrap:wrap}.small-button{min-height:40px;border:1px solid #aac2ce;border-radius:6px;padding:7px 12px;font-size:12px;color:var(--deep);background:white}.small-button:hover{background:var(--pale)}.result{font-size:14px;padding:16px;border-radius:8px;background:#eaf3f6;color:var(--deep);margin:16px 0;line-height:1.6}.sum-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.sum-header>span{font-size:13px;color:var(--muted);max-width:150px}.sum-header strong{font-size:44px;line-height:1;color:var(--deep);font-weight:600;white-space:nowrap}.sum-header small{font-size:14px;font-weight:500}.contribution-stack{height:48px;display:flex;margin:24px 0 13px;border:1px solid #b0c8d2;border-radius:6px;overflow:hidden;background:#e0e9ed}.contribution-stack span{display:grid;place-items:center;background:#b3d1dc;font-size:15px;font-weight:650;transition:flex .3s;min-width:0;color:#21333f}.contribution-stack span:nth-child(2){background:#729dad;color:#132d38}.contribution-stack span:nth-child(3){background:#306d7e;color:white}.equation{font-size:15px;font-variant-numeric:tabular-nums;text-align:center}.weight-card{border:1px solid var(--border);border-radius:10px;margin:13px 0;padding:18px}.weight-top{display:flex;justify-content:space-between;gap:15px}.weight-top h3{font-size:17px;margin:0}.weight-top strong{font-size:20px;color:var(--deep);white-space:nowrap}.weight-card p{font-size:12px;color:var(--muted);margin:6px 0 12px}.weight-control{display:flex;align-items:center;justify-content:space-between;gap:16px}.weight-control label{font-size:13px}.weight-control input,.boundary-controls input{width:80px;min-height:44px;padding:9px;border:1px solid #a5beca;border-radius:6px;background:white}.weight-card.inactive{background:#f7f9fa}.error{font-size:12px!important;color:#9a352a!important}[aria-invalid=true]{border-color:#9a352a!important}.ladder-total{font-size:14px;color:var(--deep);margin-bottom:15px}.ladder-total strong{font-size:32px}.response-ladder{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;gap:9px}.response-ladder li{border:1px solid var(--border);background:white;border-radius:7px;padding:12px 14px;margin-right:calc((4 - var(--row))*12px);position:relative;font-size:14px}.response-ladder li span{font-size:11px;display:block;color:var(--muted)}.response-ladder li.current{border-color:var(--teal);background:#e4f0f4;box-shadow:3px 4px 0 #d2e4eb}.response-ladder li.current:before{content:"Alex is here";display:block;font-size:10px;font-weight:700;color:var(--teal);margin-bottom:4px}.boundary-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.boundary-controls label{font-size:12px;display:block;font-weight:600;margin-bottom:7px}.boundary-controls input{width:100%}.boundary-controls .error{margin-top:6px}.coordination-art{padding:18px 5px 25px}.source-chips,.assembly-inputs{display:flex;gap:8px;justify-content:center}.source-chips span,.assembly-inputs span{padding:8px;border:1px solid #afc6d0;background:#f3f8fa;font-size:11px;border-radius:5px;text-align:center;flex:1}.merge-lines{border:1px solid var(--line);border-top:0;height:20px;margin:0 16%;position:relative}.merge-lines:after{content:"";height:20px;border-left:1px solid var(--line);position:absolute;top:19px;left:50%}.shared-history{position:relative;margin:20px auto 0;width:min(100%,390px);border:1px solid #a9c1cc;padding:18px;background:white;border-radius:9px;box-shadow:0 5px #e2edf2,0 6px #b3c7d0;text-align:center}.shared-history>span{display:block;color:var(--muted);font-size:12px}.shared-history>span:first-child{font-size:23px;color:var(--teal);line-height:1.2}.shared-history strong{display:block;margin:5px 0;font-size:16px}.contact-timeline{margin:20px 0}.contact-timeline strong{font-size:15px}.contact-timeline p{font-size:13px;color:var(--muted);margin-top:5px}.assembly{padding-top:5px}.assembly-inputs{margin:0 8px 26px;position:relative}.assembly-inputs:after{content:"";position:absolute;bottom:-26px;height:26px;border-left:1px solid var(--line);left:50%}.assembly-card{border:1px solid #b5b09b;border-radius:10px;background:#fffefb;box-shadow:0 5px #f0f1e9,0 6px #c4c7b8;padding:22px}.assembly-card>p:not(.eyebrow){font-size:14px}.assembly-card details{margin-top:10px;background:white}.assembly-card summary{font-size:13px}.assembly-card details p{font-size:13px}.context-section{border-top:1px solid var(--border);margin-top:20px;padding-top:17px}.context-section p{font-size:14px}.deadline{font-size:11px!important;color:var(--muted);margin-top:9px}.check-control{display:flex;align-items:center;gap:10px;margin-top:22px;min-height:44px;font-size:13px;cursor:pointer}.check-control input{width:18px;height:18px;accent-color:var(--teal);flex-shrink:0}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{display:block;padding:10px;background:white}.step-popup-body section>h3+p{color:var(--muted);font-size:14px}@keyframes popup{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:1049px){.workflow-canvas{height:570px;margin:22px 18px 5px;--card:calc(100% - 22px)}.workflow-node{top:calc(var(--i)*92px);left:calc(mod(var(--i),2)*22px);width:var(--card);height:75px;padding:10px 14px;flex-direction:row;align-items:center;gap:8px}.node-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.node-copy strong{font-size:15px}.node-caption{font-size:11px}.mini-art{flex-shrink:0;width:70px;margin:0 3px 0 0}.node-number{left:-10px;right:auto;top:25px}.workflow-canvas.collapsed .workflow-node{transform:translateY(calc((2.5 - var(--i))*92px)) rotate(calc((var(--i) - 2.5)*2deg))}.flow-heading h2{font-size:17px}.flow-heading{padding:12px 16px 0}.flow-heading .text-button{font-size:10px;gap:5px}.intro h1{font-size:32px}.intro{max-width:700px;margin:27px auto 24px}.flow-footer{padding-inline:16px}.mini-stack{padding-right:22px}.mini-stack i{width:14px}.mini-contact{gap:4px}.mini-trigger i{left:25px}.mini-trigger b{left:36px}.mini-trigger em{left:17px}}@media(min-width:650px) and (max-width:1049px){.workflow-canvas{max-width:660px;margin-inline:auto}.flow-stage{padding-inline:20px}.intro{max-width:none}.workflow-node{height:75px}}@media(max-width:649px){main{padding:0 14px 20px}.brand-header{padding:14px 16px}.brand-header>span{font-size:9px;max-width:100px;text-align:right}.intro{margin:23px 0 22px}.intro h1{font-size:28px}.intro>p:last-child{font-size:13px;margin-top:12px}.eyebrow{font-size:9px}.flow-heading{align-items:flex-start;padding:10px 13px 0;gap:5px}.flow-heading h2{font-size:16px;max-width:150px;padding-top:7px}.flow-heading .text-button{font-size:9px;gap:3px}.flow-footer{flex-wrap:wrap;gap:0;padding:0 12px 5px}.flow-footer>span{font-size:10px;max-width:165px}.flow-footer .text-button{font-size:11px;margin-left:auto}.flow-hint{font-size:11px}.workflow-canvas{margin-inline:17px;--card:calc(100% - 13px)}.workflow-node{left:calc(mod(var(--i),2)*13px);padding:9px 11px}.node-copy strong{font-size:13px;max-width:155px}.node-caption{font-size:10px;max-width:155px}.mini-art{width:60px;transform:scale(.88);transform-origin:right center;margin:0;flex-shrink:0}.mini-stack{padding-right:22px}.mini-stack i{width:11px}.mini-signals i{width:17px}.mini-contact i{font-size:18px;padding:1px 3px}#step-panel{width:calc(100% - 24px);height:90dvh;max-height:calc(100dvh - 24px);border-radius:14px}.step-popup-bar{padding:8px 14px;gap:8px}.step-popup-bar>span{font-size:11px}.step-popup-bar .text-button{font-size:12px;min-width:63px}.step-popup-body{padding:22px 18px 26px}.panel-heading h2{font-size:26px}.panel-heading>p:last-child{font-size:14px}.concept{padding:16px}.fact-rule{gap:10px}.fact-rule>div{padding:10px}.fact-rule strong{font-size:32px}.fact-rule span{font-size:11px}.sum-header{align-items:flex-start}.sum-header strong{font-size:36px}.sum-header small{display:block;margin-top:7px;text-align:right}.sum-header>span{max-width:110px}.signal-timeline li,.contact-timeline li{gap:10px}.signal-timeline button{padding:12px}.signal-timeline strong{font-size:15px}.signal-timeline button>span{font-size:12px}.info-block,.weight-card,.assembly-card{padding:16px}.boundary-controls{gap:13px}.response-ladder li{margin-right:calc((4 - var(--row))*6px);padding:10px;font-size:13px}.source-chips,.assembly-inputs{gap:5px}.source-chips span,.assembly-inputs span{font-size:10px;padding:7px 4px}.assembly-inputs{margin-inline:0}blockquote{font-size:16px;padding:16px}.student-context div>span{font-size:10px}.weight-control{gap:10px}.weight-control label{font-size:12px}.flow-stage{border-radius:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(min-width:1050px){.workflow-canvas{height:405px}.workflow-node{top:calc(265px - var(--i)*50px)}.workflow-canvas.collapsed .workflow-node{transform:translate(calc((2.5 - var(--i))*var(--step)),calc((var(--i) - 2.5)*50px)) rotate(calc((var(--i) - 2.5)*2deg))}.intro{margin:25px 0 22px}.intro h1{font-size:34px}.intro>p:last-child{margin-top:11px}.flow-hint{margin-top:10px}}

.workflow-canvas.collapsed .workflow-node{transform:translate(var(--collapse-x),var(--collapse-y)) rotate(calc((var(--i) - 2.5)*2deg))}
/* Presenter companion: visual plates with labels, not a second product demo. */
.panel-heading{margin-bottom:24px}.panel-heading h2{max-width:590px}.flow-footer{padding-block:14px;gap:12px}.figure-note{font-size:11px;color:var(--muted);text-align:center;margin:20px 0 0;line-height:1.5}.signal-atlas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.signal-tile{position:relative;border:1px solid #bacdd6;border-radius:10px;padding:18px 18px 17px 61px;background:linear-gradient(140deg,#fff,#f4f9fb);box-shadow:0 4px 0 #e7eff3}.signal-tile svg{position:absolute;left:19px;top:18px;width:25px;height:25px;fill:none;stroke:var(--teal);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.signal-tile h3{font-size:18px;margin:0 0 10px}.signal-tile ul{list-style:none;margin:0;padding:0}.signal-tile li{font-size:13px;line-height:1.5;padding:5px 0;border-top:1px solid #dce7ed}.signal-tile:last-child{grid-column:1/-1;max-width:calc(50% - 6px);width:100%;justify-self:center}.visual-note{display:flex;justify-content:center;gap:20px;padding-top:23px;font-size:12px;color:var(--deep)}.visual-note span:before{content:'✓';margin-right:7px}.trigger-visual{padding:10px 0 20px}.observed-card{border:1px solid #a9c1cc;border-radius:12px;padding:20px;max-width:330px;margin:auto;display:flex;align-items:center;flex-direction:column;background:#f1f7fa;box-shadow:0 5px #e1edf2}.observed-card strong{font-size:68px;color:var(--deep);line-height:1.2;font-weight:600}.observed-card strong small{font-size:20px;font-weight:500}.observed-card>span:last-child{font-size:14px;color:var(--muted)}.fork{height:35px;width:50%;border:1px solid var(--line);border-bottom:0;margin:24px auto 0;position:relative;border-radius:8px 8px 0 0}.fork:before{content:'';position:absolute;left:50%;top:-24px;height:24px;border-left:1px solid var(--line)}.trigger-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rule-card{border:1px solid #bacdd6;border-radius:10px;padding:22px;background:#f8fafb}.rule-card>span{font-size:19px;font-weight:600}.rule-card>strong{display:block;font-size:16px;color:var(--muted)}.rule-card>strong b{float:right}.rule-active{border-color:#73a6b2;background:#ebf5f6;box-shadow:0 4px #dbecef}.rule-active>strong{color:var(--deep)}.day-dots{display:flex;gap:6px;margin:24px 0}.day-dots i{flex:1;height:23px;background:#82abb9;border:1px solid #5b8d9f;border-radius:3px;position:relative}.day-dots .empty{background:white;border-style:dashed}.day-dots .boundary:after{content:'';position:absolute;right:-5px;top:-7px;bottom:-7px;border-left:2px solid #876328}.institution-choices{border-top:1px solid var(--border);padding-top:22px;margin-top:12px}.institution-choices>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.institution-choices article{border:1px solid var(--border);border-radius:7px;padding:12px;background:#fafcfd}.institution-choices article>span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.institution-choices strong{font-size:13px;font-weight:600}.score-visual{border:1px solid #bed1da;border-radius:13px;background:#f3f8fa;padding:25px}.contribution-rows{display:grid;gap:18px}.contribution-rows>div{display:grid;grid-template-columns:175px 1fr;align-items:center;gap:18px}.contribution-rows>div>span{font-size:15px;font-weight:600}.weighted-bar{height:39px;border-bottom:1px solid #c3d7e0}.weighted-bar i{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;background:#b3d1dc;border:1px solid #93b7c5;border-radius:5px 5px 0 0;font-style:normal;font-weight:650;font-size:20px;color:#21333f}.contribution-rows>div:nth-child(2) i{background:#729dad;border-color:#729dad;color:#142d37}.contribution-rows>div:nth-child(3) i{background:#306d7e;border-color:#306d7e;color:white}.score-collector{height:25px;margin:0 20%;border:1px solid var(--line);border-top:0;position:relative}.score-collector:after{content:'';position:absolute;left:50%;height:20px;top:24px;border-left:1px solid var(--line)}.score-total{padding-top:30px;text-align:center}.score-total>span{display:block;font-size:12px;color:var(--muted)}.score-total>strong{font-size:76px;line-height:1.15;font-weight:600;color:var(--deep)}.score-total small{font-size:20px;font-weight:500}.score-strip{display:flex;max-width:320px;margin:16px auto 0;border-radius:5px;overflow:hidden}.score-strip i{flex:2;padding:10px;background:#729dad;color:#142d37;font-style:normal;font-size:14px;font-weight:600}.score-strip i:first-child{flex:1;background:#b3d1dc;color:#21333f}.score-strip i:last-child{background:#306d7e;color:white}.scoring-key{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0 0}.scoring-key>div{border-left:2px solid #a6c4cf;padding-left:13px}.scoring-key span{display:block;font-size:12px;color:var(--muted)}.scoring-key strong{display:block;font-size:15px;margin-top:5px;font-weight:600}.visual-ladder{display:flex;flex-direction:column;gap:13px;margin:28px 0}.visual-ladder article{display:flex;align-items:center;border:1px solid #bed1da;background:#f7fafc;padding:20px;border-radius:9px;gap:20px;min-height:76px;box-shadow:0 4px 0 #e7eff3;margin-right:calc(var(--level,0)*14px)}.visual-ladder article:nth-child(2){--level:1}.visual-ladder article:nth-child(3){--level:2}.visual-ladder article:nth-child(4){--level:3}.visual-ladder article:nth-child(5){--level:4}.visual-ladder article>span{min-width:68px;font-size:23px;letter-spacing:-.035em;color:var(--deep);font-variant-numeric:tabular-nums}.visual-ladder strong{font-size:16px;font-weight:600}.visual-ladder small{display:block;color:var(--deep);font-size:11px;margin-top:5px}.visual-ladder .highlight{border-color:#306d7e;background:#e6f2f5;box-shadow:0 4px #cfe3eb}.visual-ladder b{color:var(--teal);font-size:25px;margin-left:auto}.boundary-key{display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;color:var(--deep);padding-top:12px}.boundary-key svg{width:70px;flex-shrink:0;fill:none;stroke:#739eac;stroke-width:1.5}.coordination-art{padding-top:4px}.visual-contact{display:flex;flex-direction:column;gap:18px;margin:10px 0 26px}.visual-contact article{display:flex;align-items:center;gap:14px;border:1px solid #d2dfe5;border-radius:9px;padding:15px;background:#f7fafc;position:relative}.visual-contact article:not(:last-child):after{content:'';height:18px;border-left:1px solid var(--line);position:absolute;left:34px;bottom:-19px}.visual-contact article>div{flex:1}.visual-contact strong{display:block;font-size:16px}.visual-contact div>span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.visual-contact .contact-pause{background:#fffdf6;border-color:#d3c8a9}.contact-pause b{font-size:26px;color:#876328;font-weight:400}.human-lane{border:1px solid #b8cbd4;border-left:3px solid #876328;padding:17px;display:flex;gap:17px;border-radius:8px;background:#fffef9}.human-lane strong{display:block;font-size:16px}.human-lane div>span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.person-symbol{font-size:27px;color:#876328}.policy-chips{display:flex;justify-content:center;gap:8px;margin:22px 0 0}.policy-chips span{font-size:11px;border:1px solid var(--border);border-radius:5px;padding:8px;background:#fafcfd}.context-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.context-inputs>div{border:1px solid #afc6d0;border-radius:7px;padding:16px 8px;background:#f3f8fa;text-align:center;font-size:12px;font-weight:600;box-shadow:0 4px #e5eef2}.context-dot{display:block;width:17px;height:20px;border:1px solid #6d98a8;background:repeating-linear-gradient(0deg,#b7ced7 0 1px,#fff 1px 5px);margin:0 auto 9px;transform:rotate(-5deg);box-shadow:3px 3px #d1e3eb}.context-join{height:27px;width:67%;margin:auto;border:1px solid var(--line);border-top:0;position:relative}.context-join:after{content:'';position:absolute;height:22px;border-left:1px solid var(--line);left:50%;top:26px}.advisor-dossier{border:1px solid #b5b09b;border-radius:12px;padding:24px;margin-top:22px;box-shadow:0 5px #ebeee6,0 6px #c4c7b8;background:#fffefb}.dossier-heading{display:flex;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid var(--border)}.dossier-heading h3{font-size:22px;margin-bottom:2px}.dossier-heading div>span{font-size:11px;color:var(--muted)}.dossier-heading>strong{margin-left:auto;font-size:34px;color:var(--deep);font-weight:600}.dossier-heading small{font-size:12px;font-weight:500}.dossier-signals{display:grid;gap:10px;margin:20px 0}.dossier-signals>span{display:flex;justify-content:space-between;font-size:13px;gap:12px}.dossier-signals b{color:var(--deep)}.dossier-history{display:flex;align-items:center;gap:9px;border-block:1px solid var(--border);padding:16px 0;font-size:12px;color:var(--muted)}.dossier-history i{color:var(--teal);font-size:20px}.student-voice{padding-top:20px}.student-voice blockquote{margin:0;padding:0;border:0;background:none;font-size:21px;color:var(--ink)}.next-barrier{border:1px solid #b5c8be;border-radius:7px;padding:17px;margin-top:22px;background:#f0f5ef}.next-barrier .eyebrow{display:block;color:#486b58;margin-bottom:7px}.next-barrier strong{display:block;font-size:18px;line-height:1.3}.next-barrier>span:last-child{display:block;font-size:12px;color:var(--muted);margin-top:9px}
@media(min-width:650px){#step-panel{height:auto;max-height:88dvh}.step-popup-body{flex:0 1 auto}.panel-heading{margin-bottom:26px}}
@media(max-width:649px){.panel-heading h2{font-size:25px}.panel-heading{margin-bottom:24px}.step-popup-body{padding:22px 16px}.signal-atlas{gap:10px}.signal-tile{padding:14px 11px}.signal-tile svg{position:static;width:25px;height:25px;margin-bottom:9px}.signal-tile h3{font-size:15px;margin-bottom:8px}.signal-tile li{font-size:12px}.signal-tile:last-child{max-width:calc(50% - 5px)}.visual-note{font-size:10px;gap:10px}.visual-note span:before{margin-right:4px}.observed-card{max-width:220px;padding:18px}.observed-card strong{font-size:60px}.trigger-pair{gap:10px}.rule-card{padding:14px 10px}.rule-card>span{font-size:16px}.rule-card>strong{font-size:13px}.day-dots{gap:4px;margin:22px 0}.day-dots i{height:20px}.day-dots .boundary:after{right:-3px}.institution-choices>div{grid-template-columns:1fr 1fr}.score-visual{padding:18px}.contribution-rows{gap:22px}.contribution-rows>div{grid-template-columns:1fr;gap:8px}.contribution-rows>div>span{font-size:14px}.weighted-bar{height:35px}.score-total>strong{font-size:63px}.scoring-key{gap:10px}.scoring-key strong{font-size:13px}.visual-ladder{gap:13px;margin:23px 0}.visual-ladder article{padding:15px 11px;gap:12px;margin-right:calc(var(--level,0)*5px);min-height:78px}.visual-ladder article>span{font-size:20px;min-width:54px}.visual-ladder strong{font-size:14px}.visual-ladder b{display:none}.boundary-key{font-size:12px;gap:10px}.boundary-key svg{width:35px}.visual-contact strong{font-size:14px}.visual-contact div>span{font-size:11px}.policy-chips{gap:5px}.policy-chips span{font-size:10px;padding:7px}.context-inputs{gap:6px}.context-inputs>div{font-size:11px;padding:12px 5px}.advisor-dossier{padding:17px}.dossier-heading{gap:8px}.dossier-heading>strong{font-size:29px}.dossier-heading small{display:block;text-align:right;font-size:10px}.dossier-signals>span{font-size:12px}.dossier-history{font-size:11px;gap:7px}.student-voice blockquote{font-size:19px}.next-barrier{padding:14px}.next-barrier strong{font-size:16px}}
@media(max-width:649px){.signal-tile{padding:12px 10px}.signal-tile svg{position:absolute;left:10px;top:13px;width:18px;height:18px;margin:0}.signal-tile h3{font-size:14px;padding-left:25px;margin-bottom:12px;line-height:1.4}.signal-tile li{font-size:11.5px;padding:5px 0}.signal-tile:last-child{max-width:none}.signal-tile:last-child ul{padding-left:25px}.visual-note{flex-wrap:wrap;gap:5px 13px;padding-top:18px}}
/* Compact illustrated cards and a persistent collapsed cover, matching Accessibility. */
.workflow-canvas{--card:142px;--rise:136px;--step:calc((100% - var(--card) - 20px)/6);height:970px;margin:22px 18px 0;max-width:none;transition:height .8s cubic-bezier(.2,.7,.2,1)}
.workflow-node{left:calc(10px + var(--step)*var(--i));top:calc(12px + (6 - var(--i))*var(--rise));width:var(--card);height:124px;padding:11px 10px;display:flex;flex-direction:column;align-items:stretch;gap:6px;justify-content:space-between;transition:opacity .4s,transform .8s,border-color .2s}
.node-copy{display:contents}.node-copy strong{font-size:13px;line-height:1.18;max-width:none}.node-caption{font-size:10px;line-height:1.3;max-width:none;order:2}.node-number{left:auto;right:8px;top:-13px}.mini-art{width:76px;height:43px;margin:0 auto;transform:none;flex-shrink:0}.mini-stack{padding-right:23px}.mini-stack i{width:14px}.mini-trigger i{left:29px}.mini-trigger em{left:21px}.mini-trigger b{left:43px}.mini-contact{gap:6px}.mini-contact i{font-size:20px}.mini-support svg{width:100%;height:100%;fill:none;stroke:var(--teal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.intervention-node{border-color:#8ab8b0;background:#f7fcfa}.workflow-wires{transition:opacity .5s}.workflow-canvas.is-collapsed{height:325px}.is-collapsed .workflow-node{opacity:0;pointer-events:none;visibility:hidden}.is-collapsed .workflow-wires{opacity:0}.stack-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.stack-label{position:absolute;top:10px;left:calc(50% - 136px);font-size:14px;color:var(--deep);font-weight:600;display:flex;gap:8px;align-items:start}.stack-label svg{width:86px;height:60px;fill:none;stroke:var(--teal);stroke-width:1.2;margin-top:5px}.stack-cover>button{width:156px;height:186px;position:relative;margin-top:34px;transform:rotate(-6deg);border-radius:9px}.cover-sheet{position:absolute;inset:0;border:1px solid #9cbfce;border-radius:8px;background:#fff;box-shadow:0 5px #e1edf2;pointer-events:none}.back-two{transform:translate(-2px,9px) rotate(-1deg);background:#edf5f8}.back-one{transform:translate(2px,4px) rotate(2deg);background:#f4f9fb}.cover-sheet.front{display:flex;align-items:center;flex-direction:column;padding:18px 12px;gap:10px}.cover-title{font-size:13px;font-weight:650;color:var(--deep)}.cover-sheet svg{width:77px;height:70px;fill:none;stroke:#729fae;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cover-caption{font-size:10px;line-height:1.5;color:var(--muted)}.stack-cover>button:hover .front{background:#f4fafc;border-color:var(--teal)}
.student-field{background:#f3f8fa;border:1px solid #bed1da;border-radius:12px;padding:20px;text-align:center}.student-field svg{width:100%;max-width:380px;display:block;margin:0 auto 13px}.student-peers{fill:none;stroke:#b4c6cf;stroke-width:1.5}.student-highlight{stroke:#306d7e;stroke-width:1.5;fill:none}.student-highlight rect{fill:#dceef0;stroke:#86aeb8}.student-field>span{font-size:13px;color:var(--deep);font-weight:600}.early-link{height:23px;border-left:1px solid #a8c1cc;width:0;margin:auto}.early-step{display:flex;align-items:center;gap:18px;border:1px solid #b8cdd6;border-radius:10px;padding:20px;background:#f9fbfc;box-shadow:0 4px #e8f0f3}.early-number{width:32px;height:32px;border:1px solid #a7c3ce;border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--teal);flex-shrink:0;background:white}.early-step .eyebrow{display:block;margin-bottom:6px}.early-step strong{display:block;font-size:19px;line-height:1.3;font-weight:600}.early-step div>span:last-child{display:block;font-size:12px;color:var(--muted);margin-top:7px}.support-step{background:#f0f6f2;border-color:#a5c2b0}.support-step .eyebrow{color:#446d53}
@media(min-width:1050px){.workflow-canvas{--rise:74px;height:603px;margin-inline:24px}.workflow-node{height:132px}.node-copy strong{font-size:13px}.workflow-canvas.is-collapsed{height:340px}}
@media(min-width:650px) and (max-width:1049px){.flow-stage{padding-inline:0}}
@media(max-width:359px){.workflow-canvas{--card:132px;margin-inline:12px}.node-copy strong{font-size:12px}.node-caption{font-size:9px}.workflow-node{padding:10px 8px}.stack-label{left:calc(50% - 118px);font-size:12px;gap:4px}.stack-label svg{width:68px}}
@media(max-width:649px){.early-step{padding:15px;gap:12px}.early-step strong{font-size:16px}.early-step div>span:last-child{font-size:11px}.student-field{padding:15px}.flow-heading h2{max-width:150px}.flow-footer{font-size:10px}.workflow-canvas.is-collapsed{height:310px}}

.workflow-node{transform:translate(0,0);transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1),visibility 0s,border-color .2s}.is-collapsed .workflow-node{transform:translate(var(--fold-x),var(--fold-y)) rotate(-6deg);transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1),visibility 0s .8s}.stack-cover{animation:stack-appear .65s ease both}@keyframes stack-appear{from{opacity:0}to{opacity:1}}
@media(max-width:1049px){.workflow-canvas{--rise:146px;height:1034px}}

.flow-heading{justify-content:flex-end}