:root{color-scheme:dark;--bg:#191c19;--panel:#222620;--text:#eee7d8;--muted:#b9b9a8;--gold:#d4b77b;--line:#4b4d40}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-100px;background:var(--text);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:0}header,main,footer{max-width:1240px;margin:auto}header{padding:24px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.brand{font:26px Georgia,serif;letter-spacing:-1px;white-space:nowrap}.seal{color:var(--gold);margin-right:8px}.brand-dot{color:var(--gold)}.nav-link{font-size:13px;color:var(--muted);padding:10px 0}main{padding:0 22px}.hero{padding:64px 0 32px;position:relative}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:650;color:var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}h1{font-size:clamp(40px,7vw,82px);letter-spacing:-1.8px;margin:22px 0}h1 em{font-weight:400;color:var(--gold)}.hero p{color:var(--muted);font-size:17px;margin-bottom:28px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:var(--gold);color:#202219;border:1px solid var(--gold);padding:14px 18px;min-height:48px;font-size:14px;font-weight:650;max-width:100%;border-radius:3px}.primary:hover{background:#e5ce9b}.hero-note{font-size:11px;color:var(--muted);margin-top:16px}.ornament{display:flex;gap:0;justify-content:space-between;border-block:1px solid var(--line);margin-top:40px;padding:16px 12px;font:26px Georgia;color:#a5a88b}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:32px 0 24px}.section-heading>.small{display:none}h2{font-size:32px;margin:10px 0}.small{font-size:12px;color:var(--muted)}.courses{display:grid;gap:14px}.course{display:flex;flex-direction:column;border:1px solid var(--line);padding:24px;background:linear-gradient(145deg,#262a22,#1e221e);border-radius:3px}.course.active{border-color:#9e8d64}.course.active:hover{background:#2c3026}.course-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1px;color:var(--muted);align-items:center}.badge{border:1px solid #736e4f;color:#e1c68f;padding:3px 7px;border-radius:2px;font-size:10px;white-space:nowrap;letter-spacing:.3px}.glyph{font:32px Georgia;color:var(--gold);margin:30px 0 12px;letter-spacing:4px}.course h3{font-size:26px;margin:0 0 12px}.course p{font-size:13px;color:var(--muted);margin:0 0 24px}.course-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.course-foot span{color:var(--gold)}.study{border-top:1px solid var(--line);margin-top:60px;padding-top:40px;display:grid;gap:25px;scroll-margin-top:20px}.study aside>p{color:var(--muted);max-width:36ch}.method{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--gold);margin:24px 0}.exercise{background:#e9e1cf;color:#292d25;border:1px solid #e9e1cf;border-radius:3px;padding:24px 20px}.exercise-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#505747}.exercise .badge{color:#5a4925;border-color:#918164}.exercise h3{font-size:30px;margin:22px 0 15px}.exercise p{font-size:14px}.exercise fieldset{padding:0;border:0;margin:25px 0}.exercise legend{font-family:Georgia,serif;font-size:21px;line-height:1.45;margin-bottom:18px}#options{display:grid;gap:10px;width:100%}.option{border:1px solid #b3af9c;border-radius:3px;display:flex;gap:12px;align-items:center;min-height:52px;padding:12px;font-size:14px;cursor:pointer}.option:has(input:checked){border-color:#475941;background:#d6dbc7}.option input{accent-color:#42533b;width:18px;height:18px;flex-shrink:0}.exercise .primary{background:#323f30;color:#fff4dc;border-color:#323f30;width:100%}.exercise .primary:hover{background:#42553f}.exercise .small{color:#545b4f}.disclosure{border-top:1px solid #b3af9c;padding-top:16px;margin-top:24px}#feedback{margin-top:20px;padding:16px;border-left:3px solid #6c7049;background:#d7d9c7;font-size:14px}#feedback strong{display:block;margin-bottom:5px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.secondary{min-height:48px;border:1px solid #6a725e;color:#2d3928;background:transparent;padding:10px 16px;border-radius:3px}.closing{text-align:center;padding:56px 0}.closing>span:first-child{color:var(--gold);font:34px Georgia}.closing p{font:28px Georgia;margin:15px 0 8px}footer{padding:24px 22px;border-top:1px solid var(--line);display:flex;gap:12px;flex-direction:column;font-size:12px;color:var(--muted)}footer>span:first-child{font:22px Georgia;color:var(--text)}@media(min-width:650px){.courses{grid-template-columns:1fr 1fr}.hero{padding-top:80px}.section-heading>.small{display:block}.exercise{padding:32px}header,footer{padding-inline:36px}main{padding-inline:36px}footer{flex-direction:row;justify-content:space-between;align-items:center}}@media(min-width:1050px){.courses{grid-template-columns:repeat(4,1fr)}.course{padding:22px}.course h3{font-size:25px}.study{grid-template-columns:1fr 1.55fr;gap:80px;padding-top:60px;margin-top:80px}.hero{padding-bottom:45px}.ornament{position:absolute;right:40px;top:75px;width:210px;height:210px;border:1px solid var(--line);border-radius:50%;display:grid;grid-template-columns:1fr 1fr;place-items:center;transform:rotate(-12deg);font-size:42px;opacity:.8}.ornament span:last-child{grid-column:1/3}.hero p{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.path-banner{border-bottom:1px solid #a9ac97;padding-bottom:24px;margin-bottom:24px}.path-banner .eyebrow{color:#5d512f}.path-banner h3{margin-top:12px}.path-banner details{border-top:1px solid #b3af9c;padding:10px 0;font-size:14px}.path-banner summary{cursor:pointer;min-height:44px;display:list-item;align-content:center}.path-select{display:grid;gap:8px;font-size:12px;margin-top:16px}.path-select select{width:100%;max-width:100%;min-width:0;min-height:48px;padding:10px;background:#f4eddc;color:#292d25;border:1px solid #7e8572;border-radius:3px;font:14px system-ui}.path-banner progress{width:100%;height:8px;accent-color:#45583c;display:block;margin-top:18px}.reward{border:1px solid var(--line);padding:22px;margin-top:24px;border-radius:4px;background:#22271f}.reward strong{display:block;font:23px Georgia;margin-top:12px}.reward p,.reward li{font-size:12px;color:var(--muted)}.reward ul{list-style:none;padding:0;margin-bottom:0}.seal-art{border:3px double #938361;border-radius:50%;height:64px;width:64px;display:grid;place-items:center;font:32px Georgia;color:#c8af77}.reward.earned{border-color:var(--gold)}.earned .seal-art{color:#f4d292;border-color:var(--gold);background:#3a3727}.completion{border:1px solid var(--gold);padding:28px;margin-top:35px;background:var(--panel)}.completion p{max-width:65ch;color:var(--muted)}
/* Mobile: the active task precedes optional progress and collections. */
.study>.exercise{order:0;min-width:0}.study>aside{order:1;min-width:0}.trail{list-style:none;padding:0;display:grid;gap:8px;margin:22px 0}.trail button{width:100%;text-align:left;min-height:46px;border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 14px;border-radius:3px;font-size:12px}.trail button[aria-current]{border-color:var(--gold);color:var(--text);background:#30372a}.trail button:hover{background:#30372a}.milestone-collection{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.milestone-collection h3{font-size:26px;margin:12px 0}#milestone-gallery{display:grid;gap:9px}.milestone-card{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid #8f805d;background:#252d22;color:var(--text);min-height:72px;width:100%;padding:12px;border-radius:4px}.milestone-card:disabled{opacity:1;border-color:var(--line);background:#20251f;color:#b1b3a5}.milestone-card>span:last-child{min-width:0}.milestone-card strong{display:block;font:17px Georgia}.milestone-card span span{display:block;font:11px/1.6 system-ui;color:var(--muted);margin-top:4px}.milestone-icon{height:40px;width:40px;border:1px solid #8f805d;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:var(--gold);font:25px Georgia}.milestone-card:disabled .milestone-icon{border-color:var(--line);color:#a5a88b}.celebration-setting{display:flex;align-items:center;gap:10px;min-height:48px;font-size:12px;margin-top:16px}.celebration-setting input{height:20px;width:20px;accent-color:var(--gold)}dialog#celebration{padding:0;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 28px);border:1px solid #ab9360;border-radius:8px;background:#20281f;color:var(--text);overflow:auto;box-shadow:0 24px 100px #0008}dialog::backdrop{background:#080d0bd9}.celebration-body{padding:24px}.celebration-art{margin:20px -8px 10px;overflow:hidden}.celebration-art svg{display:block;width:100%;height:auto}.celebration-body h2{font-size:32px;margin:10px 0 15px}.celebration-body>p:not(.small){font-size:15px;line-height:1.7;color:var(--muted)}.celebration-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.celebration-actions .secondary{color:var(--text);border-color:#a18a5a}.celebration-actions button{flex:1 1 auto}.scene-glow{animation:archive-glow 3s ease-out both}.scene-lamp{animation:archive-enter 1.4s ease-out both;transform-origin:center}.lamp-bulb{animation:archive-glow 2s ease-out both}.scene-doors .door-left{animation:archive-door-left 2s ease-in-out both;transform-origin:211px 150px}.scene-doors .door-right{animation:archive-door-right 2s ease-in-out both;transform-origin:429px 150px}.scene-reveal{animation:archive-enter 2.4s ease-out both}.scene-book{animation:archive-book 2s ease-out both;transform-origin:320px 230px}.book-ribbon{animation:archive-enter 2.5s ease-out both}.scene-seal{animation:archive-seal 2s cubic-bezier(.2,.7,.2,1) both;transform-origin:320px 160px}@keyframes archive-glow{from{opacity:0}to{opacity:1}}@keyframes archive-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes archive-door-left{from{transform:scaleX(1)}to{transform:scaleX(.18)}}@keyframes archive-door-right{from{transform:scaleX(1)}to{transform:scaleX(.18)}}@keyframes archive-book{from{opacity:0;transform:translateY(12px) scaleY(.35)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes archive-seal{from{opacity:0;transform:translateY(-24px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1050px){.study>.exercise{order:1}.study>aside{order:0}}@media(prefers-reduced-motion:reduce){.celebration-art *{animation:none!important}.scene-doors .door-left,.scene-doors .door-right{transform:scaleX(.18)}}
#path-label{display:block;margin-top:22px}.logic-lab{border:1px solid #858d76;border-radius:4px;padding:12px 16px;margin:0 0 24px}.logic-lab summary{cursor:pointer;min-height:48px;align-content:center;font-family:Georgia,serif;font-size:20px}.logic-lab input[type=text],#formula-input{width:100%;min-height:50px;border:1px solid #7e8572;border-radius:3px;background:#f4eddc;color:#292d25;padding:12px;font-size:20px;font-family:Georgia,serif;margin-top:8px}.symbol-pad{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.symbol-pad button{min-height:48px;min-width:44px;padding:6px 12px;border:1px solid #858d76;background:#d7dbc9;color:#253023;border-radius:3px;font:23px Georgia}.symbol-pad button:hover{background:#c2cbb4}.logic-lab .primary{width:auto}.helper-toggle{display:flex;gap:10px;align-items:center;font-size:13px;margin-top:22px;min-height:48px}.helper-toggle input{height:20px;width:20px;flex-shrink:0;accent-color:#40523a}.table-scroll{overflow-x:auto;max-width:100%;margin:16px 0}.table-scroll table{border-collapse:collapse;width:100%;font-size:14px}.table-scroll caption{text-align:left;line-height:1.5;margin-bottom:10px}.table-scroll td,.table-scroll th{border:1px solid #8b937e;padding:10px;text-align:center;white-space:nowrap}.table-scroll th{background:#d8dccb;font-weight:600}.table-scroll select{min-width:65px;min-height:44px;border:1px solid #77826b;border-radius:3px;background:#f4eddc;color:#292d25;padding:6px;font-size:16px}.table-scroll select[aria-invalid=true]{border:2px solid #9b422b;background:#f4ddce}#table-feedback{border-left:3px solid #6c7049;padding-left:12px}#table-feedback:empty{display:none}
.proof-lab h4{font:24px/1.3 Georgia;margin:24px 0 12px}.proof-lines{list-style:none;padding:0;border-top:1px solid #8b937e;margin:20px 0}.proof-line{display:grid;grid-template-columns:24px minmax(0,1fr) auto;column-gap:8px;row-gap:6px;padding:12px 0;border-bottom:1px solid #a6ad98;align-items:start}.proof-number{font-size:12px;color:#5a6352}.proof-line-formula{font:19px/1.5 Georgia;overflow-wrap:anywhere}.proof-reason{font-size:11px;color:#48513f;max-width:110px;overflow-wrap:anywhere}.proof-line details{grid-column:2/4;font-size:12px}.proof-line details summary{font:12px/1.5 system-ui;min-height:36px}.proof-line details p{font-size:12px;margin:8px 0}.closed-proof-line{background:#d5d7c8}.closed-proof-line .proof-number:after{content:' ·';color:#715d3b}.proof-context,.proof-help{padding:12px;background:#d7dbc9;border-left:3px solid #6a7757;font-size:13px!important}.proof-refs{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0}.proof-refs label{display:grid;gap:6px;font-size:12px}.proof-refs select{width:100%;min-width:0;min-height:48px;padding:8px;background:#f4eddc;color:#292d25;border:1px solid #7e8572;border-radius:3px;font-size:14px}#proof-feedback{border-left:3px solid #6c7049;padding-left:12px}.proof-worked{font:14px/1.7 system-ui;padding:8px 12px;background:#d7dbc9;overflow-wrap:anywhere}.proof-worked ol{padding-left:20px}@media(min-width:650px){.proof-refs{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Fitch: a continuous root rail, one rail per assumption, and assumption dividers. */
.fitch-line{position:relative;border-bottom:0;min-height:56px}.fitch-root-rail,.fitch-scope-rail{position:absolute;top:0;bottom:0;border-left:1px solid #606a52;pointer-events:none}.fitch-root-rail{left:32px}.fitch-line details{padding-left:calc(12px + var(--proof-depth)*16px)}.fitch-line.fitch-assumption:after{content:'';position:absolute;bottom:0;left:calc(32px + var(--proof-depth)*16px);right:0;border-bottom:1px solid #606a52;pointer-events:none}.fitch-line.fitch-premise-end:after{content:'';position:absolute;bottom:0;left:32px;right:0;border-bottom:1px solid #606a52;pointer-events:none}.proof-lines{border-top:0}.closed-proof-line .proof-number:after{content:''}.fitch-line .proof-line-formula{min-width:0}
.model-lab h4{font:23px/1.35 Georgia;margin:26px 0 14px}.model-limit,.model-translation{border-left:3px solid #6a7757;background:#d7dbc9;padding:12px;font-size:13px!important}.model-unary{display:grid;gap:8px}.model-object{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;border:1px solid #8b937e;padding:8px;align-items:center;border-radius:3px;font-size:13px}.model-object label{display:flex;gap:5px;align-items:center;min-height:44px;cursor:pointer}.model-object input,.model-pair input{width:21px;height:21px;accent-color:#40523a;flex-shrink:0}.model-pair{display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer}.relation-table td{padding:0}.relation-details{border-top:1px solid #8b937e;margin-top:20px;padding-top:10px}.relation-details summary{font:17px/1.4 Georgia;min-height:48px}.model-lab fieldset{border:0;padding:0;margin:20px 0}.model-lab legend{font-size:15px;margin-bottom:12px}.model-lab .option{margin:8px 0}.model-explanation{padding-left:20px;font-size:13px}.model-explanation li{margin:8px 0}#model-feedback{border-left:3px solid #6c7049;padding-left:12px}.model-lab .primary{width:100%}@media(max-width:380px){.model-object{grid-template-columns:1fr 1fr}.model-object>strong{grid-column:1/3}}
/* Page separation preserves the original palette, typography and course cards. */
.catalogue-page{padding:48px 0 64px}.catalogue-page h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1px;margin:10px 0}.catalogue-page .section-heading{margin-top:0}.catalogue-toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0 0 24px}.catalogue-toolbar p{margin:0}.view-toggle{display:flex;border:1px solid var(--line);border-radius:4px;padding:4px;gap:4px;max-width:100%}.view-toggle button{min-height:46px;border:1px solid transparent;border-radius:3px;color:var(--muted);background:transparent;padding:10px 12px;font:12px system-ui;cursor:pointer}.view-toggle button[aria-pressed=true]{background:#323b2c;border-color:#9b8a61;color:var(--text)}.view-toggle button span{margin-right:5px}.course-back{padding:25px 0 0;font-size:13px;color:var(--gold)}.course-back a{display:inline-flex;align-items:center;min-height:44px}.course-back+.study{border-top:0;margin-top:0;padding-top:24px}.path-banner h1{font-size:32px;letter-spacing:-.4px;margin:12px 0 20px}.courses.list-view{grid-template-columns:1fr;gap:12px}.list-view .course{display:grid;grid-template-columns:64px minmax(0,1fr);gap:9px 16px;padding:20px}.list-view .course-top{grid-column:2;grid-row:1}.list-view .glyph{white-space:nowrap;grid-column:1;grid-row:1/4;font-size:22px;letter-spacing:0;margin:0;align-self:start}.list-view .course h3{grid-column:2;grid-row:2;font-size:24px;margin:0}.list-view .course p{grid-column:2;grid-row:3;margin:0;font-size:13px}.list-view .course-foot{grid-column:2;grid-row:4;margin-top:4px;min-width:0}.list-view .course h3 br{display:none}.list-view .course h3 br:after{content:' '}@media(min-width:800px){.catalogue-toolbar{flex-direction:row;justify-content:space-between;align-items:center}.list-view .course{grid-template-columns:72px minmax(160px,1.2fr) minmax(160px,1fr) minmax(140px,.8fr);column-gap:24px;align-items:center}.list-view .glyph{grid-row:1/3;align-self:center}.list-view .course-top{grid-column:2;grid-row:1}.list-view .course h3{grid-column:2;grid-row:2}.list-view .course p{grid-column:3;grid-row:1/3}.list-view .course-foot{grid-column:4;grid-row:1/3;border-top:0;padding:0;display:block;font-size:11px}}@media(prefers-reduced-motion:reduce){.view-toggle *{transition:none}}
/* Compact dropdown rows for Fitch proofs. */
.proof-grid-head,.proof-grid-row,.proof-entry{display:grid;grid-template-columns:24px minmax(70px,1.3fr) minmax(65px,.85fr) minmax(70px,1fr);gap:8px;align-items:center}.proof-grid-head{font-size:10px;color:#505a45;padding:8px 0;border-bottom:1px solid #939a86}.proof-grid-row{padding:6px 0;min-height:56px}.proof-grid-row select,.proof-entry select{width:100%;min-width:0;min-height:44px;padding:6px;border:1px solid #8e9780;border-radius:3px;font:14px Georgia;color:#293423;background:#f4eddc}.proof-grid-row select:disabled{opacity:1;color:#293423;-webkit-text-fill-color:#293423;background:#e2e4d5;border-color:#acb29f}.proof-formula-cell{min-width:0;padding-left:calc(12px + var(--proof-depth,0)*16px)}.proof-grid-refs{display:flex;gap:4px;flex-wrap:wrap;align-items:center;min-width:0}.proof-grid-refs select{flex:1;min-width:45px;width:auto}.proof-entry{position:relative;border-left:1px solid #606a52;margin-left:32px;padding:8px 0 8px 10px;grid-template-columns:minmax(70px,1.3fr) minmax(65px,.85fr) minmax(70px,1fr)}.proof-entry>.proof-number{position:absolute;left:-32px;top:19px}.proof-entry .proof-formula-cell{padding-left:calc(var(--proof-depth,0)*16px)}.proof-entry .primary{grid-column:1/-1;justify-self:end;width:auto;min-height:42px;padding:8px 16px;font-size:12px}.proof-lab #proof-context{padding:0;background:transparent;border:0;font-size:11px!important;margin:12px 0 0}.proof-lab #proof-blocks{margin:4px 0 0}.proof-optional-help{margin-top:16px;border-top:1px solid #a6ad98;padding-top:8px}.proof-optional-help summary{font:13px system-ui;min-height:44px}.proof-optional-help p,.proof-optional-help li{font-size:12px}.proof-grid-row .proof-number{align-self:center}.proof-lines{margin:0}.proof-optional-help ol{padding-left:20px}@media(max-width:600px){.proof-grid-head,.proof-grid-row{grid-template-columns:24px minmax(60px,1fr) minmax(65px,1fr)}.proof-grid-head>span:last-child{display:none}.proof-grid-row .proof-grid-refs{grid-column:2/4;padding-left:calc(12px + var(--proof-depth,0)*16px)}.proof-grid-row .proof-grid-refs:before{content:'Ref.';font:10px system-ui;color:#525d48}.proof-grid-row .proof-grid-refs select{max-width:100px;min-height:36px}.proof-entry{grid-template-columns:minmax(60px,1fr) minmax(65px,1fr)}.proof-entry .proof-grid-refs{grid-column:1/-1}.proof-entry .proof-grid-refs select{min-width:48px}.proof-grid-row{row-gap:4px}}

.advanced{margin:40px 0;padding:28px 20px;border:1px solid var(--line);border-radius:3px;background:var(--panel)}.advanced>p{max-width:65ch}.advanced h3{font:26px Georgia;line-height:1.25}.advanced .secondary{color:var(--text);border-color:var(--muted)}.advanced fieldset{border:0;padding:0;margin:20px 0}.advanced legend{font:20px/1.5 Georgia;margin-bottom:16px}.advanced .option{margin:10px 0;border-color:var(--line)}.advanced .option:has(input:checked){background:#343e2e;border-color:var(--gold)}.journey-case{border-left:3px solid var(--gold);padding:4px 16px;margin:28px 0}.journey-case p{font-size:16px}.journey-case .small{font-size:13px}#journey-feedback:empty{display:none}#journey-feedback{border-left:3px solid var(--gold);padding:12px 16px;background:#303729}:is(#journey-tools,#free-tools) .logic-lab{background:#e9e1cf;color:#292d25;padding:16px;margin:24px 0;border-radius:3px}:is(#journey-tools,#free-tools) .secondary{color:#2d3928;border-color:#6a725e}:is(#journey-tools,#free-tools) .primary{background:#323f30;color:#fff4dc;border-color:#323f30}:is(#journey-tools,#free-tools) .small{color:#545b4f}:is(#journey-tools,#free-tools) .option{border-color:#a6ad98}:is(#journey-tools,#free-tools) .option:has(input:checked){background:#d6dbc7}:is(#journey-tools,#free-tools)>details>summary{min-height:44px}:is(#journey-tools,#free-tools) select,:is(#journey-tools,#free-tools) input{max-width:100%}#journey-start:disabled{opacity:.65}#journey-content{max-width:850px}#journey-summary{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}@media(min-width:650px){.advanced{padding:36px}.journey-case{position:sticky;top:0;background:var(--panel);z-index:2;padding-block:12px}.journey-case h3{margin:8px 0}.journey-case p{margin:8px 0}}@media(max-width:649px){.advanced{padding:20px 12px}:is(#journey-tools,#free-tools) .logic-lab{padding:12px}.journey-case{padding-inline:12px}#journey-content .actions{gap:10px}}
.journey-case{position:sticky;top:0;background:var(--panel);z-index:2;max-height:35vh;overflow:auto}.journey-case:focus-within{outline:1px solid var(--gold)}@media(max-width:649px){.journey-case{padding-block:8px}.journey-case h3{font-size:21px;margin:8px 0}.journey-case p{font-size:14px;margin:8px 0}.journey-case .small{font-size:12px}}

.preview-notice{margin:24px 0;padding:20px;border:1px solid var(--gold);border-radius:3px;background:var(--panel)}.preview-notice strong{color:var(--gold);font-size:18px}.preview-notice p{font-size:14px}.preview-notice nav{display:grid;gap:8px;margin:16px 0}.preview-notice a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.journey-preview{display:grid;gap:12px;margin:20px 0;padding:16px;border:1px solid var(--gold);border-radius:3px}.journey-preview label{display:grid;gap:6px;font-size:13px}.journey-preview select{width:100%;min-width:0;min-height:44px;border:1px solid var(--muted);border-radius:3px;padding:8px;background:var(--bg);color:var(--text);font:inherit}.journey-preview button{justify-self:start}@media(min-width:650px){.preview-notice nav{grid-template-columns:1fr 1fr}.journey-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.journey-preview button{grid-column:1/-1}}

.header-nav{display:flex;align-items:center;gap:10px;margin-left:auto}.nav-icon{width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold);border-radius:3px}.nav-icon:hover,.nav-icon[aria-current=page]{background:#303729}.site-settings{position:relative}.site-settings>summary{cursor:pointer;list-style:none}.site-settings>summary::-webkit-details-marker{display:none}.settings-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:min(300px,calc(100vw - 32px));padding:20px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:4px;box-shadow:0 12px 30px #0006}.settings-panel strong{font:22px Georgia}.settings-panel .celebration-setting{min-height:48px;margin-top:16px;font-size:14px;line-height:1.5;display:flex;align-items:center;gap:12px}.settings-panel input{width:18px;height:18px;flex-shrink:0;accent-color:var(--gold)}.settings-panel a{display:flex;align-items:center;min-height:44px;color:var(--gold);font-size:14px}.settings-panel p:empty{display:none}.collection-page{padding:40px 0}.collection-page h1{font-size:clamp(38px,6vw,60px)}#milestone-gallery>section{margin:36px 0}.milestone-grid{display:grid;gap:12px}.milestone-grid .milestone-card{min-height:100px}.collection-page>p{max-width:65ch}@media(min-width:650px){.milestone-grid{grid-template-columns:1fr 1fr}}@media(min-width:1050px){.milestone-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:420px){header{padding-inline:14px;gap:8px}.brand{font-size:22px}.header-nav{gap:3px}.header-nav .nav-link{font-size:12px}.nav-icon{width:44px}.seal{margin-right:4px}}

.course-flow{margin:24px 0 28px}.course-flow h1{font-size:clamp(36px,6vw,60px);margin:12px 0 16px}.flow-lead{color:var(--muted);max-width:65ch}.flow-roadmap{display:grid;grid-template-columns:1fr;list-style:none;padding:0;gap:10px;margin:24px 0}.flow-roadmap button{width:100%;min-height:76px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text);text-align:left;padding:14px;display:flex;align-items:center;gap:12px}.flow-roadmap button:disabled{opacity:1;color:var(--muted)}.flow-roadmap button[aria-current=step]{border:2px solid var(--gold);background:#303729}.flow-roadmap button.is-done .flow-number{background:var(--gold);color:var(--bg)}.flow-number{border:1px solid var(--gold);border-radius:50%;width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;color:var(--gold)}.flow-roadmap strong{display:block;font-size:14px;line-height:1.4}.flow-state{display:block;font-size:11px;line-height:1.5;margin-top:4px}.flow-intro{padding:24px;border:1px solid var(--line);border-radius:4px;max-width:850px;background:var(--panel)}.flow-intro h2{font-size:26px}.flow-intro p{font-size:15px;max-width:65ch}.flow-current{font-size:12px;color:var(--gold);scroll-margin-top:20px}.flow-unlock{margin-top:20px;padding:20px;border:1px solid var(--gold);border-radius:4px;background:var(--panel);color:var(--text)}.flow-unlock h2,.flow-unlock h3{font:24px Georgia;margin:0 0 12px}.flow-unlock p{font-size:14px}.course-support{border:1px solid var(--line);border-radius:4px;padding:16px;margin-top:20px}.course-support>summary{min-height:44px;cursor:pointer}.course-support aside>h2,.course-support aside>.eyebrow,.course-support aside>.method,.course-support aside>p:first-of-type{display:none}body[data-flow] .study{display:block;border:0;margin:0;padding:0;max-width:850px}body[data-flow] .study>aside{display:none}body[data-flow] .path-banner>#path-label,body[data-flow] .path-banner>#path-title{display:none}body[data-flow] .path-banner{margin-top:0}body[data-flow] #advanced,body[data-flow] #free-practice{margin-top:0;max-width:920px}body:not([data-flow]) #flow-basic-done,body:not([data-flow]) #flow-guided-done,body:not([data-flow]) #free-practice{display:none!important}.free-practice .logic-lab{margin-top:20px}#flow-save-status:empty{display:none}@media(min-width:650px){.flow-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-roadmap button{min-height:104px;align-items:flex-start}.flow-roadmap strong{font-size:15px}.flow-state{font-size:12px}}
@media(max-width:649px){.flow-roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.flow-roadmap button{min-height:144px;flex-direction:column;align-items:flex-start;padding:10px;gap:8px}.flow-number{width:26px;height:26px;font-size:12px}.flow-roadmap strong{font-size:12px;overflow-wrap:anywhere}.flow-state{font-size:10px}.flow-intro{padding:18px}.course-flow h1{font-size:36px}.flow-lead{font-size:14px}}
