.assessment-demo{--demo-navy:#05051f;--demo-gold:#ffca45;--demo-paper:#f5f6fb;color:var(--demo-navy);padding:clamp(3.5rem,7vw,7rem) 0;font-family:Archivo,sans-serif}.assessment-demo .demo-intro{max-width:52rem;margin-bottom:2.75rem}.assessment-demo .eyebrow{letter-spacing:.15em;align-items:center;gap:.7rem;margin:0 0 1.2rem;font-size:.69rem;font-weight:700;line-height:1.5;display:flex}.assessment-demo .eyebrow>span{background:#a27822;width:1.7rem;height:2px}.assessment-demo h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:800;line-height:1.06}.assessment-demo h2>span{color:#7d621e}.assessment-demo .intro-copy{color:#4e5865;max-width:38rem;margin:1.4rem 0 0;font-size:1rem;line-height:1.7}.assessment-demo .workbench{border:1px solid #15233a;grid-template-columns:minmax(15rem,.8fr) minmax(0,1.45fr);display:grid;box-shadow:0 16px 44px #05051f12}.assessment-demo .route-picker{background:radial-gradient(ellipse at 0 100%, #233751 0, transparent 70%), var(--demo-navy);color:#fff;padding:2rem 1.5rem}.assessment-demo .picker-label{color:#aeb7c5;letter-spacing:.17em;margin:0 .5rem 1.25rem;font-size:.6rem;font-weight:600;line-height:1.6}.assessment-demo .route-button{text-align:left;color:#dce2ea;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-top:1px solid #ffffff25;align-items:flex-start;gap:.8rem;padding:1.2rem .65rem;transition:background .18s,color .18s;display:flex}.assessment-demo .route-button:last-of-type{border-bottom:1px solid #ffffff25}.assessment-demo .route-button:hover{background:#ffffff08}.assessment-demo .route-button[aria-pressed=true]{color:var(--demo-gold);box-shadow:inset 3px 0 var(--demo-gold);background:#ffca450c}.assessment-demo .route-number{letter-spacing:.03em;opacity:.8;padding-top:.15rem;font-size:.65rem;line-height:1.6}.assessment-demo .route-description{flex:1;min-width:0}.assessment-demo .route-description strong{font-size:.88rem;font-weight:600;line-height:1.5;display:block}.assessment-demo .route-description small{color:#b5becb;margin-top:.3rem;font-size:.72rem;line-height:1.6;display:block}.assessment-demo .route-arrow{opacity:.6;line-height:1.5}.assessment-demo .route-button[aria-pressed=true] .route-arrow{opacity:1}.assessment-demo .local-note{align-items:flex-start;gap:.65rem;margin:2rem .5rem 0;display:flex}.assessment-demo .local-dot{background:var(--demo-gold);border-radius:50%;flex-shrink:0;width:.4rem;height:.4rem;margin-top:.45rem}.assessment-demo .local-note p,.assessment-demo .noscript-note{color:#aeb7c5;margin:0;font-size:.65rem;line-height:1.8}.assessment-demo .local-note strong{color:#e3e7ee;font-weight:400}.assessment-demo .noscript-note{margin-top:1rem}.assessment-demo .preview-area{background:var(--demo-paper);min-width:0;padding:2rem clamp(1.25rem,3.5vw,3.25rem)}.assessment-demo .preview-topline{letter-spacing:.12em;color:#586474;border-bottom:1px solid #16223a30;justify-content:space-between;gap:1rem;padding-bottom:1rem;font-size:.56rem;font-weight:700;line-height:1.5;display:flex}.assessment-demo .sample-mark{color:#85671d;white-space:nowrap}.assessment-demo .assessment-preview[hidden]{display:none}.assessment-demo .output-format{color:#756030;margin:1.75rem 0 .6rem;font-size:.68rem;line-height:1.6}.assessment-demo h3{letter-spacing:-.045em;margin:0 0 1.4rem;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700;line-height:1.13}.assessment-demo .sample-context{background:#e9e6dd;border-left:2px solid #b39149;padding:1rem 1.1rem}.assessment-demo .sample-context>span{letter-spacing:.1em;color:#6b5a37;font-size:.55rem;font-weight:700}.assessment-demo .sample-context p{color:#47505b;margin:.45rem 0 0;font-size:.76rem;line-height:1.7}.assessment-demo .output-items{margin:1.4rem 0}.assessment-demo .output-item+.output-item{margin-top:1.15rem}.assessment-demo h4{letter-spacing:.045em;text-transform:uppercase;margin:0 0 .25rem;font-size:.67rem;line-height:1.6}.assessment-demo .output-item p{color:#4b5563;margin:0;font-size:.82rem;line-height:1.7}.assessment-demo .prompt-details{border-top:1px solid #16223a25;padding:.9rem 0}.assessment-demo .prompt-details summary{cursor:pointer;font-size:.7rem;font-weight:600;line-height:1.5}.assessment-demo .prompt-details p{color:#4b5563;user-select:text;font-size:.78rem;line-height:1.75}.assessment-demo .copy-prompt{background:var(--demo-navy);width:100%;color:var(--demo-paper);border:1px solid var(--demo-navy);font:inherit;cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;font-size:.76rem;font-weight:600;display:flex}.assessment-demo .copy-prompt:hover{background:#243752}.assessment-demo .copy-prompt span{color:var(--demo-gold);font-size:1rem}.assessment-demo .copy-status{color:#5b6470;min-height:2.8em;margin:.8rem 0 0;font-size:.64rem;line-height:1.65}.assessment-demo button:focus-visible,.assessment-demo summary:focus-visible{outline-offset:4px;outline:3px solid #b78b32}.assessment-demo .route-button:focus-visible{outline-color:var(--demo-gold);position:relative}@media (width<=700px){.assessment-demo .workbench{grid-template-columns:1fr}.assessment-demo .route-picker{padding:1.5rem 1.1rem}.assessment-demo .route-button{padding:.85rem .65rem}.assessment-demo .route-description small{margin-top:.1rem}.assessment-demo .local-note{margin-top:1.2rem}.assessment-demo .preview-area{padding-top:1.5rem;padding-bottom:1.5rem}}@media (prefers-reduced-motion:reduce){.assessment-demo .route-button{transition:none}}.example-intro[data-astro-cid-jon2qpe7]{grid-template-columns:1fr .9fr;align-items:center;gap:56px;display:grid}.example-intro[data-astro-cid-jon2qpe7] figure[data-astro-cid-jon2qpe7]{margin:0}.example-intro[data-astro-cid-jon2qpe7] h1[data-astro-cid-jon2qpe7]{font-size:clamp(2.5rem,4.4vw,4rem)}.example-intro[data-astro-cid-jon2qpe7] img[data-astro-cid-jon2qpe7]{border-radius:16px;width:100%;height:auto}.example-intro[data-astro-cid-jon2qpe7] figcaption[data-astro-cid-jon2qpe7]{color:var(--muted);margin-top:12px;font-size:.75rem;line-height:1.6}.example-intro[data-astro-cid-jon2qpe7] figcaption[data-astro-cid-jon2qpe7] span[data-astro-cid-jon2qpe7]{margin-top:4px;font-size:.65rem;display:block}@media (width<=800px){.example-intro[data-astro-cid-jon2qpe7]{grid-template-columns:1fr;gap:28px}}.example-note[data-astro-cid-jon2qpe7]{padding-bottom:65px}.example-note[data-astro-cid-jon2qpe7]>p[data-astro-cid-jon2qpe7]{color:var(--muted);max-width:850px;font-size:.9rem}