:root{--gold:#f0b82d;--black:#000;--gray:#53565a;--light:#e2e1dd;--blue:#4298b5;--blue-dark:#236a84;--white:#fff;--cream:#f7f6f2;--max:1120px;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:Aptos,Arial,Helvetica,sans-serif;color:#000;background:var(--cream);line-height:1.5;font-size:17px}a{color:var(--blue-dark)}button,input,textarea,select{font:inherit}:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.skip-link{position:absolute;left:-9999px;background:#000;color:#fff;padding:.7rem;z-index:999}.skip-link:focus{left:1rem;top:1rem}.shell{width:min(var(--max),calc(100% - 2rem));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:#fffffff5;border-bottom:1px solid #bbb}.nav-wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none;color:#000}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#000;color:var(--gold);font-weight:900}.brand strong,.brand small{display:block}.brand small{color:var(--gray);font-size:.74rem}.site-header nav{display:flex;gap:.25rem}.site-header nav a{white-space:nowrap;text-decoration:none;color:#000;font-weight:800;font-size:.8rem;padding:.42rem .52rem;border-radius:6px}.site-header nav a:hover{background:var(--light)}.menu-button{display:none}.hero{padding:60px 0 52px;color:#fff;background:#000;border-bottom:8px solid var(--gold)}.hero-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:2rem;align-items:center}.eyebrow,.card-label{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem;font-weight:900;color:var(--blue-dark)}.hero .eyebrow,.closing .eyebrow{color:var(--gold)}h1,h2,h3{line-height:1.12;margin:0 0 .6rem}h1{font-size:clamp(2.35rem,5.5vw,4.7rem)}h2{font-size:clamp(1.7rem,3.6vw,2.65rem)}h3{font-size:1.2rem}.lead{max-width:760px;font-size:1.12rem;color:#eee}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem .9rem;border:2px solid transparent;border-radius:9px;font-weight:900;text-decoration:none;cursor:pointer}.button:disabled{opacity:.4;cursor:not-allowed}.button.primary{background:var(--blue);color:#fff}.button.secondary{background:#fff;color:var(--blue-dark);border-color:var(--blue-dark)}.button.text{background:transparent;color:var(--blue-dark);padding:.2rem .35rem;min-height:auto}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.principle-card,.panel{background:#fff;color:#000;border:1px solid #bbb;border-radius:var(--radius);padding:1.2rem}.principle-card{border-left:7px solid var(--gold)}.principle-card p{font-size:1.25rem;font-weight:900}.section{padding:46px 0;scroll-margin-top:76px}.section.alt{background:#eef2f3}.section-heading{max-width:780px;margin-bottom:1.25rem}.timeline{display:grid;gap:.6rem;list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:68px 1fr 2fr 90px;gap:.8rem;align-items:center;background:#fff;border:1px solid #bbb;border-left:6px solid var(--blue);border-radius:11px;padding:.72rem .85rem}.timeline span{font-weight:900;color:var(--blue-dark)}.timeline p{margin:.1rem 0;color:var(--gray)}.mode{display:inline-flex;width:max-content;border-radius:999px;padding:.12rem .4rem;font-size:.62rem;letter-spacing:.05em;font-weight:900;background:#eaf5f8;color:var(--blue-dark);border:1px solid var(--blue)}.mode.print{background:#fff3c8;color:#664600;border-color:var(--gold)}.mode.canvas{background:#eee;color:#000;border-color:#999}.modes{display:flex;gap:.25rem;margin-top:.25rem}.activity{background:#fff;border:1px solid #bbb;border-radius:var(--radius);margin:0;overflow:visible;scroll-margin-top:76px}.activity-head{padding:1.05rem 1.2rem;border-left:7px solid var(--blue)}.activity-head p{margin:.2rem 0;color:var(--gray)}.workspace{padding:1.1rem;background:#fafafa;border-top:1px solid #ddd}.prompt-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.prompt-card,.dropzone{background:#fff;border:1px solid #aaa;border-radius:11px;padding:.9rem}.prompt-card p,.dropzone p{margin:.2rem 0}.reveal{margin-top:.6rem;padding:.7rem;background:#fff8df;border-left:5px solid var(--gold)}.chip-group,.card-bank{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0}.choice-chip,.drag-card,.spot{border:2px solid #aaa;background:#fff;border-radius:9px;padding:.5rem .65rem;font-weight:800;cursor:pointer}.choice-chip.selected,.spot.found{border-color:var(--blue-dark);background:#eaf5f8}.drag-card{cursor:grab}.drag-card.dragging{opacity:.45}.drag-card.sort-selected{outline:4px solid var(--gold)}.sort-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.dropzone{min-height:110px;border-style:dashed}.bad-assignment{background:#fff;border:1px solid #aaa;padding:.9rem;border-radius:10px}.bad-assignment .spot{display:inline;border-width:1px;padding:.1rem .22rem;font-weight:inherit}.ponder{position:relative;display:inline-block;margin:.45rem 0}.ponder>button{border:0;background:transparent;color:var(--blue-dark);font-weight:900;text-decoration:underline dotted;cursor:pointer}.ponder-card{display:none;position:absolute;z-index:20;width:300px;left:0;top:1.8rem;background:#000;color:#fff;padding:.75rem;border-radius:10px;box-shadow:0 8px 24px #0003}.ponder.ponder-open .ponder-card{display:block}@media(hover:hover) and (pointer:fine){.ponder:hover .ponder-card{display:block}}.popout{margin-top:.7rem;border:1px solid #bbb;border-radius:9px;background:#fff}.popout summary{cursor:pointer;padding:.65rem .85rem;font-weight:900;color:var(--blue-dark)}.popout>div{padding:0 .85rem .85rem}.connection{border-left:5px solid var(--gold);background:#fff8df;padding:.72rem .85rem;margin-top:.75rem}.connection strong{display:block}.evidence-note{font-size:.86rem;color:var(--gray)}.requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.requirements article{background:#fff;border:1px solid #bbb;border-radius:11px;padding:.9rem}.requirements ul{margin:.45rem 0;padding-left:1.15rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.note{margin-top:.8rem;padding:.75rem .85rem;border-left:5px solid var(--gold);background:#fff8df}.apply-box{display:grid;grid-template-columns:1.15fr .85fr;gap:.65rem;margin-top:.8rem;padding:.75rem;background:#fff;border:1px solid #bbb;border-left:6px solid var(--gold);border-radius:10px}.apply-main{display:grid;gap:.2rem}.apply-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:900;color:var(--blue-dark)}.access-fallback{margin:0;border-left:1px solid #ddd;padding-left:.75rem}.access-fallback summary{cursor:pointer;font-weight:900;color:var(--blue-dark)}.access-fallback p{margin:.4rem 0 0}.access-note{font-size:.82rem;color:var(--gray)}.closing{background:#000;color:#fff;border-top:8px solid var(--gold)}.closing p{color:#eee}.closing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem}.commitment-card{background:#fff;color:#000;padding:1rem;border-radius:11px}.commitment-card p{color:var(--gray)}footer{background:#111;color:#fff;padding:1rem 0}.footer-wrap{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem}.footer-wrap p{margin:0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.quick-card{appearance:none;text-align:left;font:inherit;color:#000;text-decoration:none;background:#fff;border:2px solid #aaa;border-top:6px solid var(--blue);border-radius:var(--radius);padding:.9rem;display:grid;gap:.2rem;cursor:pointer}.quick-card span{font-weight:900;color:var(--blue-dark);font-size:.78rem}.quick-card small{color:var(--gray)}.workshop-dock,.stage-bar{display:none!important}.screen-mode main>section:not([hidden]){min-height:calc(100vh - 110px)}.screen-mode #activities:not([hidden]){padding:28px 0}.screen-mode #activities>.shell>.section-heading[hidden]{display:none}.screen-controls{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.65rem;margin:1.1rem 0 0;padding-top:.9rem;border-top:1px solid #ccc}.screen-progress{text-align:center;color:var(--gray);font-size:.82rem;font-weight:800}.screen-controls .button.text{justify-self:end}.screen-mode .activity .connection{font-size:.94rem}.screen-mode .activity .popout,.screen-mode .access-fallback{font-size:.92rem}@media(max-width:900px){.hero-grid,.two-col,.closing-grid,.requirements,.apply-box{grid-template-columns:1fr}.timeline li{grid-template-columns:64px 1fr}.prompt-row,.sort-grid,.quick-grid{grid-template-columns:1fr 1fr}.access-fallback{border-left:0;border-top:1px solid #ddd;padding:.6rem 0 0}}@media(max-width:700px){body{font-size:16px}.menu-button{display:inline-flex;border:2px solid #000;background:#fff;padding:.4rem .6rem;font-weight:900}.site-header nav{display:none;position:absolute;left:1rem;right:1rem;top:64px;flex-direction:column;background:#fff;border:1px solid #aaa;padding:.65rem}.site-header nav.open{display:flex}.timeline li,.prompt-row,.sort-grid,.quick-grid{grid-template-columns:1fr}.ponder-card{width:min(300px,82vw)}.footer-wrap{display:block}.screen-controls{grid-template-columns:1fr 1fr}.screen-progress{grid-column:1/-1;grid-row:1}.screen-controls .button.text{justify-self:center}.screen-mode main>section:not([hidden]){min-height:auto}}@media print{.site-header,.hero-actions,.menu-button,.ponder,.screen-controls{display:none!important}body{background:#fff;color:#000;font-size:11pt}.hero,.closing{background:#fff;color:#000;border-color:#000}.hero h1,.hero .lead,.closing p{color:#000}.section{padding:18px 0}.activity,.panel,.timeline li,.apply-box{break-inside:avoid}}
