@font-face{font-family:Inter;src:url('./inter-3100e775e861.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('./space-grotesk-0640890476fc.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--bg:#071116;--panel:#0e2028;--field:#08171e;--line:#43606d;--text:#eff8fb;--muted:#b4c8d1;--cyan:#27d7f2;--pink:#ff4fd8;--radius:1rem;font-family:Inter,'Segoe UI',sans-serif;font-size:16px;line-height:1.6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--cyan);text-underline-offset:.25em}a:hover{color:#fff}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--pink);outline-offset:4px}h1,h2,h3,legend{font-family:'Space Grotesk',Inter,sans-serif;line-height:1.2}h1,h2,h3,p{margin-block-start:0}h1{font-size:clamp(1.9rem,5vw,3.1rem);letter-spacing:-.045em;margin-block-end:.6rem}h2{font-size:clamp(1.4rem,3.5vw,1.8rem);margin-block-end:.55rem}h3{font-size:1.25rem;margin-block-end:.65rem}p{margin-block-end:1rem}button{min-block-size:48px;border-radius:.65rem;border:1px solid var(--line);padding:.65rem .9rem;line-height:1.35;color:var(--text);background:var(--panel);font-weight:600}button:hover:not(:disabled){border-color:var(--cyan)}button:disabled{cursor:default;opacity:.55}button.primary{background:var(--cyan);color:#061419;border-color:var(--cyan)}button.primary:hover{background:#81edfc;border-color:#81edfc}button.secondary{background:transparent}.shell{max-inline-size:1060px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;border-block-end:1px solid #25404c}.masthead img{object-fit:contain;flex-shrink:0}.masthead a{font-size:.875rem;min-block-size:44px;display:flex;align-items:center;gap:.4rem}.hero{padding-block:1.6rem 1.3rem;max-inline-size:48rem}.hero>p:last-child{color:var(--muted);font-size:1.05rem;margin:0}.eyebrow,.step-caption{font-size:.72rem;letter-spacing:.09em;font-weight:700;color:var(--cyan);margin-block-end:.55rem}.eyebrow span{color:var(--pink);padding-inline:.35rem}.step-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6.2rem),1fr));gap:.45rem;margin-block-end:1.4rem}.step-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.65rem .25rem;font-size:.9rem}.step-nav span{font-family:'Space Grotesk',Inter,sans-serif;font-size:.9rem;border:1px solid var(--line);border-radius:50%;inline-size:1.55rem;block-size:1.55rem;display:inline-grid;place-items:center;flex-shrink:0}.step-nav [aria-current=step]{border-color:var(--cyan);background:#0a313d;color:#a3f4ff}.step-nav [aria-current=step] span{background:var(--cyan);color:#071116;border-color:var(--cyan)}.step-panel{padding-block-end:1.5rem}.intro{color:var(--muted);max-inline-size:50rem}.diagram{padding:0;margin:1.25rem 0 1rem;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem}.node{background:var(--panel);border:1px solid var(--line);border-block-start:3px solid var(--cyan);border-radius:var(--radius);padding:1rem;position:relative;min-inline-size:0}.node:not(:last-child)::after{content:'→';position:absolute;inset-inline-end:-1.45rem;inset-block-start:3.3rem;color:var(--cyan);font-size:1.35rem}.node-header{display:flex;align-items:center;gap:.55rem;margin-block-end:.8rem;font-family:'Space Grotesk',Inter,sans-serif;font-weight:600}.position{color:var(--cyan);font-size:.85rem}.field{margin-block-end:1.15rem;min-inline-size:0}.field label{display:block;font-weight:600;margin-block-end:.4rem;font-size:.95rem}input,textarea,select{display:block;inline-size:100%;min-inline-size:0;max-inline-size:100%;min-block-size:48px;border:1px solid #6b8793;background:var(--field);color:var(--text);border-radius:.55rem;padding:.7rem .75rem;font-size:1rem;line-height:1.5}input::placeholder,textarea::placeholder{color:#a5b9c3;opacity:1}textarea{resize:vertical}.move-controls{display:flex;gap:.5rem}.move-controls button{flex:1;min-inline-size:0;padding:.6rem .25rem;font-size:.85rem}.hint{color:var(--muted);font-size:.85rem;line-height:1.55;margin-block:.5rem 0}.snapshot-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}.snapshot-row p{flex:1 1 12rem;min-inline-size:0}.step-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-block-start:1.5rem}.step-actions .primary{margin-inline-start:auto}.effects{display:grid;gap:1rem}.effect{margin:0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);min-inline-size:0}.effect legend{max-inline-size:100%;padding-inline:.35rem;overflow-wrap:break-word;font-size:1.12rem}.effect .field:last-child{margin-block-end:0}.permission-fields{border-inline-start:2px solid var(--pink);padding-inline-start:1rem;margin-block:1rem}.teaching-note{border-inline-start:3px solid var(--cyan);background:#0b242e;padding:1rem;border-radius:0 .65rem .65rem 0;color:#d1e7ed}.support{border:1px solid var(--line);border-radius:.75rem;margin-block:1rem}.support summary{cursor:pointer;min-block-size:48px;padding:.8rem 1rem;font-weight:600;color:#d3f7fc}.details-body{padding:0 1rem 1rem}.details-body p:last-child{margin:0}.details-body ol{padding-inline-start:1.35rem}.details-body li{padding-block:.35rem}.question{color:#e8d6f1;border-block-start:1px solid var(--line);padding-block-start:1rem}.export-panel{background:var(--panel);border:1px solid var(--cyan);border-radius:var(--radius);padding:1.25rem;margin-block-start:1.3rem}.export-panel>p{color:var(--muted)}.export-panel .primary{inline-size:100%}.save-note{font-size:.85rem;margin-block:1rem 0;color:var(--muted)}.example{margin-block:1.5rem}footer{border-block-start:1px solid #25404c;padding-block:1.2rem 2rem;font-size:.8rem;color:var(--muted)}footer p:last-child{margin:0;color:var(--cyan)}[hidden]{display:none!important}.visually-hidden{position:absolute;clip-path:inset(50%);inline-size:1px;block-size:1px;overflow:hidden;white-space:nowrap}.skip-link{position:absolute;inset-block-start:-10rem;inset-inline-start:1rem;background:var(--cyan);color:#071116;padding:.75rem;z-index:5}.skip-link:focus{inset-block-start:1rem}.notice{padding:1rem;border:1px solid var(--pink)}
@media(max-width:660px){.diagram{grid-template-columns:minmax(0,1fr);gap:1.8rem}.node:not(:last-child)::after{content:'↓';inset-inline-end:auto;inset-inline-start:calc(50% - .5rem);inset-block-start:auto;inset-block-end:-1.9rem}.hero{padding-block:1.1rem}.masthead{padding-block:.55rem}.step-nav{margin-block-end:1.2rem}.step-panel>.intro{font-size:.95rem}.step-actions{align-items:stretch}.step-actions button{inline-size:100%}.step-actions .primary{margin-inline-start:0}.node{padding:.85rem}.snapshot-row{align-items:flex-start}.snapshot-row button{inline-size:100%}}
@media(max-width:340px){.step-nav button{flex-direction:column;gap:.25rem;font-size:.85rem}.masthead a{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

h2,h3,legend{font-family:Inter,"Segoe UI",sans-serif;font-weight:650}

/* P175 journal additions. Native controls and learner reading text >=16px. */
.hero{padding-block:.9rem}.step-nav{margin-block-end:1rem}
.eyebrow,.step-caption,.masthead a,.step-nav button,.step-nav span,.hint,.save-note,footer,.field label,.step-panel>.intro{font-size:1rem}
.step-caption{margin-block-end:.4rem}.case-picker{padding:1rem;border:1px solid var(--line);border-radius:var(--radius);min-inline-size:0;margin:1rem 0 1.4rem}.case-picker legend{padding-inline:.35rem;max-inline-size:100%;font-size:1.08rem}.case-picker label{display:block;font-weight:600;margin-block-end:.4rem}.case-picker .hint{margin-block-end:0}.prediction-version{border-inline-start:3px solid var(--cyan);padding:1rem;background:var(--panel);border-radius:0 .75rem .75rem 0;margin-block:1rem}.prediction-version button{inline-size:100%}.prediction-version .hint{overflow-wrap:break-word}.field,.case-picker,.prediction-version{min-inline-size:0}.teaching-note .field:last-child{margin-block-end:0}

/* P180 measurement workbook additions */
.export-panel .secondary{inline-size:100%;margin-block-start:1rem}.details-body ul{padding-inline-start:1.25rem}.details-body li{margin-block:.55rem}.details-body{min-inline-size:0}.step-nav button{min-inline-size:0}.step-panel p,.support li{overflow-wrap:break-word}

/* P186 evidence index additions */
.index-actions{margin-block:1rem 1.5rem}.index-actions button{inline-size:100%}.milestone{border-inline-start:3px solid var(--cyan);padding-inline-start:1rem}.step-caption{letter-spacing:.035em}