/* Field Academy: real Academy v1 styles mapped onto the unified tokens, then shell overrides. */

/* ===== Unified shell for the real Academy v1 app ===== */
:root{--a-w:#fff;--a-s1:#F4F6FB;--a-line:#E2E5EC;--a-line2:#CBD0DA;--a-mute:#586071;--a-ink2:#2F3441;--a-ink:#171717;--a-dark:#0A0F2C;--shadow:none;--radius:12px}
:root[data-theme="dark"]{--a-w:#141A3D;--a-s1:#171E47;--a-line:#262E5A;--a-line2:#3A4577;--a-mute:#9AA5C6;--a-ink2:#C9D1EA;--a-ink:#ECEFF8;--a-dark:#1B2250}

button:disabled{cursor:not-allowed;opacity:.45}img{max-width:100%}::selection{background:var(--navy-100);color:var(--link)}
#view{flex:1;width:100%}.page{max-width:1550px;margin:0 auto;padding:32px 38px 45px}.eyebrow{color:var(--link);letter-spacing:2.25px;text-transform:uppercase;font-size:12px;font-weight:800}.eyebrow.light{color:var(--orange)}.page-title{font:600 clamp(30px,3.4vw,45px)/1.1 var(--font-display);letter-spacing:-.9px;color:var(--a-ink);margin:9px 0 9px}.page-intro{max-width:760px;color:var(--a-mute);font-size:13px;line-height:1.8}.section-title{font:600 23px/1.25 var(--font-display);margin:8px 0;color:var(--a-ink)}.section-header{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:35px 0 17px}.section-sub{font-size:13px;color:var(--a-mute);margin:5px 0 0}.panel{background:var(--a-w);border:1px solid var(--a-line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-pad{padding:24px}.metric-card{background:var(--a-w);border:1px solid var(--a-line);border-radius:13px;padding:23px;min-width:0}.metric-label{font-size:12px;letter-spacing:1.6px;font-weight:800;color:var(--a-mute)}.metric-number{font:800 30px/1.15 var(--font-display);color:var(--a-ink);letter-spacing:-1.8px;margin:10px 0 2px}.metric-caption{color:var(--a-mute);font-size:12px}.grid{display:grid;gap:17px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-lg{gap:25px}.btn{border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;padding:11px 18px;transition:transform .15s,background .15s;line-height:1.3}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--a-dark);color:#fff}.btn-primary:hover{background:var(--a-dark)}.btn-ink{background:var(--a-dark);color:#fff}.btn-gold{background:var(--orange);color:var(--a-ink)}.btn-outline{background:var(--a-w);border-color:var(--navy-100);color:var(--a-ink)}.btn-ghost{background:var(--a-s1);color:var(--a-ink2)}.btn-danger{background:var(--fail);color:#fff}.btn-sm{font-size:12px;padding:8px 12px}.btn-wide{width:100%}.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.card-overline{letter-spacing:1.7px;color:var(--a-mute);font-size:12px;font-weight:800;text-transform:uppercase}.muted{color:var(--a-mute)}.strong{font-weight:800}.text-teal{color:var(--link)}.text-red{color:var(--fail)}.text-gold{color:var(--warn)}.mini{font-size:12px}.tiny{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums}.tag{border-radius:99px;padding:5px 9px;font-size:12px;font-weight:800;background:var(--a-s1);color:var(--a-mute);display:inline-block;white-space:nowrap}.tag.green{background:var(--navy-50);color:var(--a-ink2)}.tag.gold{background:var(--warn-bg);color:var(--warn)}.tag.red{background:var(--fail-bg);color:var(--fail)}.tag.blue{background:var(--navy-50);color:var(--a-ink2)}.tag.dark{background:var(--a-dark);color:var(--on-dark-1)}.callout{padding:15px 17px;background:var(--navy-50);border-left:3px solid var(--a-ink2);border-radius:0 9px 9px 0;color:var(--a-ink2);font-size:13px;line-height:1.75}.callout.warning{background:var(--warn-bg);border-color:var(--orange);color:var(--warn)}.callout.danger{background:var(--fail-bg);border-color:var(--fail);color:var(--fail)}.callout.neutral{background:var(--a-s1);border-color:var(--a-mute);color:var(--a-mute)}.callout strong{color:inherit}
/* Expedition hero */
.hero{;min-height:362px;border-radius:18px;color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 43%;align-items:center;padding:42px 45px}.hero:before{content:'';position:absolute;inset:0;opacity:.12;}.hero-content{position:relative;z-index:1}.hero h1{font:600 clamp(35px,4vw,55px)/1.08 var(--font-display);letter-spacing:-1.6px;margin:15px 0 12px;max-width:650px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{color:var(--on-dark-2);max-width:490px;line-height:1.8;font-size:13px;margin-bottom:23px}.hero .hero-buttons{display:flex;gap:9px;flex-wrap:wrap}.hero .btn-outline{background:transparent;border-color:var(--a-mute);color:#fff}.hero-art{height:290px;position:relative;z-index:1;display:grid;place-items:center}.hero-art svg{width:100%;height:100%;max-width:560px;filter:drop-shadow(0 22px 26px rgba(0,0,0,.2))}.hero-stamp{position:absolute;right:2%;top:5%;border:1px solid #82b6a99a;border-radius:50%;width:83px;height:83px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(13deg);color:var(--orange);font:800 9px/1.4 Manrope;text-align:center;letter-spacing:1.5px}.hero-stamp strong{font-size:22px;color:#FFF3DC}.hero-caption{position:absolute;bottom:1px;right:12px;color:var(--navy-200);letter-spacing:1.7px;font-size:12px}.kicker-line{border-left:3px solid var(--gold);padding-left:18px;color:var(--a-mute);font:italic 17px/1.6 var(--font-display);margin:25px 0 0}.journey-card{background:var(--a-w);border:1px solid var(--a-line);border-radius:14px;padding:23px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:223px;transition:.2s}.journey-card:hover{box-shadow:0 15px 34px #1f4d4820;transform:translateY(-3px)}.journey-card .mission-number{color:var(--orange);font:800 38px/.9 Manrope;letter-spacing:-3px;margin-bottom:19px}.journey-card .mission-icon{position:absolute;top:24px;right:20px;font-size:23px;color:var(--warn)}.journey-card h3{font:800 15px Manrope;margin:0 0 7px}.journey-card p{font-size:12px;color:var(--a-mute);line-height:1.7;margin:0 0 14px}.journey-card .journey-footer{margin-top:auto;color:var(--link);font-size:12px;font-weight:800}.journey-card .small-line{height:3px;background:var(--a-line);border-radius:10px;position:absolute;left:23px;right:23px;bottom:0}.journey-card .small-line b{display:block;background:var(--navy);height:3px;border-radius:10px}.story-band{border-radius:15px;padding:23px 29px;display:flex;gap:25px;align-items:center;border:1px solid var(--warn-bg)}.story-number{font:600 48px var(--font-display);color:var(--orange)}.story-band h3{font:600 20px var(--font-display);margin:0 0 5px}.story-band p{color:var(--a-mute);font-size:13px;margin:0}.feature-card{border:1px solid var(--navy-50);background:var(--a-w);padding:22px;border-radius:13px;display:flex;gap:14px}.feature-icon{color:var(--link);background:var(--navy-50);width:43px;height:43px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;font-size:22px}.feature-card h4{margin:0 0 5px;font-size:13px}.feature-card p{margin:0;color:var(--a-mute);font-size:12px;line-height:1.6}
/* Simulator */
.sim-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px;align-items:start}.sim-card{background:var(--a-w);border:1px solid var(--navy-50);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.sim-header{padding:26px 29px 19px;border-bottom:1px solid var(--a-line)}.sim-header h2{font:600 25px var(--font-display);margin:8px 0 4px}.sim-header p{font-size:13px;color:var(--a-mute);margin:0}.stepper{display:flex;gap:5px;margin:23px 0 20px}.step{border:1px solid var(--a-line);background:var(--a-w);flex:1;border-radius:9px;text-align:left;min-height:71px;padding:12px 9px;display:flex;flex-direction:column;gap:5px;color:#8fa0a1}.step strong{width:23px;height:23px;display:grid;place-items:center;background:var(--a-s1);color:var(--a-mute);border-radius:50%;font-size:12px}.step small{font-size:12px;font-weight:800;line-height:1.3}.step.active{border-color:var(--navy);background:var(--navy-50);color:var(--link)}.step.active strong{background:var(--a-dark);color:#fff}.step.done{color:var(--a-ink2)}.step.done strong{background:var(--navy-50);color:var(--link)}.form-body{padding:25px 28px}.form-section{border-bottom:1px solid var(--a-line);padding:5px 0 24px;margin-bottom:22px}.form-section:last-child{border:0;margin:0}.section-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:var(--a-ink);margin:0 0 16px}.section-label span{display:grid;place-items:center;background:var(--navy-50);color:var(--link);font-size:12px;border-radius:8px;height:29px;width:29px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.span2{grid-column:span 2}.field label,.label{font-weight:800;font-size:12px;color:var(--a-ink2)}.required-star{color:var(--fail)}.field input,.field select,.field textarea,.manual-search,.plain-input{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--a-line);background:var(--a-w);outline:none;color:var(--a-ink);min-height:41px;font-size:13px}.field textarea{min-height:91px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.manual-search:focus,.plain-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #27b7991a}.field small{color:var(--a-mute);font-size:12px}.field.error input,.field.error select{border-color:var(--fail)}.field .errtext{color:var(--fail);font-size:12px}.evidence-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.evidence-tile{position:relative;min-height:110px;background:var(--a-s1);border:1px dashed var(--a-line2);border-radius:9px;text-align:center;padding:12px 7px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;transition:.15s;overflow:hidden}.evidence-tile:hover{border-color:var(--navy);background:var(--navy-50)}.evidence-tile.done{background:var(--navy-50);border:1px solid var(--navy-100)}.evidence-tile .camera{font-size:23px;color:#9db0ad}.evidence-tile.done .camera{color:var(--link)}.evidence-tile strong{font-size:12px;line-height:1.35}.evidence-tile small{font-size:12px;color:var(--a-mute)}.evidence-tile.done small{color:var(--a-ink2)}.evidence-tile img{width:100%;height:65px;object-fit:cover;border-radius:5px}.evidence-tile input{display:none}.upload-zone{border:1px dashed var(--navy-100);background:var(--navy-50);border-radius:11px;padding:23px;text-align:center;cursor:pointer;display:block}.upload-zone .big{font-size:28px;color:var(--link)}.upload-zone strong{display:block;margin:3px 0;font-size:13px}.upload-zone p{margin:0;color:var(--a-mute);font-size:12px}.upload-zone input{display:none}.file-pill{border:1px solid var(--navy-50);border-radius:7px;background:var(--a-w);padding:8px 12px;display:inline-flex;gap:6px;align-items:center;font-size:12px;margin:5px 5px 0 0}.file-pill button{border:0;color:var(--fail);background:none;font-size:15px}.tiny-checks{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.tick-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;border:1px solid var(--navy-50);font-size:12px;color:var(--a-mute);background:var(--a-w)}.tick-item input{accent-color:var(--navy)}.radio-pills{display:flex;flex-wrap:wrap;gap:9px}.radio-pill{position:relative}.radio-pill input{position:absolute;opacity:0}.radio-pill span{display:inline-block;border:1px solid var(--a-line);border-radius:8px;color:var(--a-mute);padding:9px 15px;font-size:12px;font-weight:800;background:var(--a-w);cursor:pointer}.radio-pill input:checked+span{background:var(--navy-50);border-color:var(--a-ink2);color:var(--link)}.sim-footer{padding:20px 28px;border-top:1px solid var(--navy-50);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.form-note{font-size:12px;color:var(--a-mute);margin-bottom:7px}.helper-panel{position:sticky;top:96px}.guide-box{background:var(--a-dark);color:#fff;border-radius:14px;padding:24px;margin-bottom:14px}.guide-box .card-overline{color:var(--orange)}.guide-box h3{font:600 20px var(--font-display);margin:12px 0 7px}.guide-box p{font-size:12px;color:#b1c8c6;line-height:1.8}.guide-box .gold-line{height:1px;background:var(--a-dark);margin:17px 0}.guide-box .guide-number{font:600 45px var(--font-display);color:var(--orange);line-height:1}.guide-steps{list-style:none;padding:0;margin:12px 0}.guide-steps li{margin:9px 0;display:flex;gap:8px;font-size:12px;color:var(--on-dark-2)}.guide-steps li:before{content:'✦';color:var(--orange)}.guide-link{font-size:12px;color:var(--navy-200);font-weight:800;cursor:pointer;background:none;border:0;padding:0}.mini-calcs{padding:20px;background:var(--a-w);border:1px solid var(--a-line);border-radius:13px}.mini-calcs h3{font-size:13px;margin:0 0 14px}.calc-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--a-line);padding:8px 0;gap:15px;font-size:12px}.calc-row:last-child{border:0}.calc-row span{color:var(--a-mute)}.calc-row strong{color:var(--a-ink)}.package-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.package-box{padding:20px;background:var(--a-s1);border:1px solid var(--navy-50);border-radius:12px;margin-bottom:18px}.package-box h4{margin:0;font-size:13px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.summary-cell{background:var(--a-s1);border:1px solid var(--a-line);padding:15px;border-radius:9px}.summary-cell span{font-size:12px;color:var(--a-mute);text-transform:uppercase;font-weight:800;letter-spacing:.9px}.summary-cell strong{display:block;margin-top:4px;font:800 16px Manrope;color:var(--a-ink)}.force-bars .force-line{display:grid;grid-template-columns:115px 1fr 75px;align-items:center;gap:12px;margin:13px 0;font-size:12px;color:var(--a-ink2)}.bar-bg{height:10px;border-radius:30px;background:var(--a-line);overflow:hidden}.bar-fill{height:100%;border-radius:30px}.force-line strong{text-align:right;font-size:13px;color:var(--a-ink)}.sticky-gate{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:15px;border-radius:10px;border:1px solid var(--navy-50);background:var(--navy-50);margin-top:15px}.sticky-gate p{font-size:12px;margin:0;color:var(--a-mute)}.sticky-gate strong{font-size:12px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:12px}table.data th{text-align:left;color:var(--a-mute);font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:var(--navy-50);padding:11px 13px;border-bottom:1px solid var(--a-line)}table.data td{border-bottom:1px solid var(--navy-50);padding:12px 13px;color:var(--a-ink2);vertical-align:top}table.data tr:last-child td{border-bottom:0}.review-list{display:grid;gap:9px}.review-item{display:flex;align-items:center;gap:11px;border:1px solid var(--a-line);padding:12px;border-radius:9px}.review-item>span:first-child{height:25px;width:25px;display:grid;place-items:center;border-radius:50%;background:var(--navy-50);color:var(--a-ink2);font-weight:800}.review-item strong{font-size:12px}.review-item small{display:block;font-size:12px;color:var(--a-mute)}.review-item .tag{margin-left:auto}
/* manual + physics */
.manual-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.manual-nav{position:sticky;top:calc(96px + var(--ob-h,0px));padding:16px}.manual-nav a{display:block;padding:11px 10px;border-radius:8px;font-size:12px;color:var(--a-mute);margin:2px 0}.manual-nav a.active,.manual-nav a:hover{background:var(--navy-50);color:var(--link);font-weight:800}.manual-content{padding:29px 32px}.manual-chapter h2{font:600 29px var(--font-display);margin:10px 0 16px}.manual-block{margin-bottom:16px}.manual-block h3{font:600 20px var(--font-display);margin:26px 0 11px}.manual-block h4{font:800 14px Manrope;margin:21px 0 9px}.manual-block p{font-size:13px;color:var(--a-ink2);line-height:1.85;margin:0}.manual-block.figure{text-align:center}.manual-block.figure img{max-width:100%;border:1px solid var(--a-line);border-radius:9px;max-height:490px;object-fit:contain;cursor:zoom-in}.manual-block.text-bullet{border-left:2px solid var(--navy-100);padding-left:15px}.manual-block .data td,.manual-block .data th{font-size:12px}.manual-search-wrap{display:flex;align-items:center;gap:9px;margin:20px 0}.manual-search{font-size:13px;padding:14px 16px}.search-result{border:1px solid var(--a-line);border-radius:11px;background:var(--a-w);padding:16px;cursor:pointer;display:block;margin:9px 0}.search-result:hover{border-color:var(--navy)}.search-result strong{font-size:13px;color:var(--a-ink2)}.search-result p{font-size:12px;color:var(--a-mute);margin:5px 0 0}.search-result small{font-size:12px;letter-spacing:1px;color:var(--link)}.manual-hit{background:var(--warn-bg);border-radius:3px}.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.atlas-card{background:var(--a-w);border:1px solid var(--a-line);border-radius:11px;padding:10px;overflow:hidden;cursor:pointer;transition:.2s}.atlas-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.atlas-card img{width:100%;aspect-ratio:1.75;object-fit:contain;background:var(--a-s1);border-radius:6px}.atlas-card span{display:block;color:var(--a-mute);font-size:12px;padding:8px}.math-note{padding:14px;border-radius:10px;background:var(--navy-50);font-size:13px;color:var(--a-ink2);font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.8}.lab-illustration{;border-radius:15px;padding:17px 22px;margin-bottom:20px;color:white}.lab-illustration svg{width:100%;height:215px}.lab-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.lab-value{border-radius:11px;border:1px solid var(--navy-50);padding:17px;background:var(--a-w)}.lab-value span{display:block;font-size:12px;color:var(--a-mute)}.lab-value strong{display:block;margin-top:6px;font:800 22px Manrope;color:var(--a-ink)}.lab-value small{color:var(--a-mute);font-size:12px}.scenario{display:grid;gap:12px}.question-card{padding:24px;background:var(--a-w);border:1px solid var(--a-line);border-radius:14px}.question-card h3{font-size:15px;margin:0 0 13px}.question-options{display:grid;gap:9px}.question-option{display:flex;gap:10px;align-items:flex-start;border-radius:8px;border:1px solid var(--navy-50);padding:12px;cursor:pointer;font-size:13px}.question-option.selected{background:var(--navy-50);border-color:var(--a-ink2)}.question-option input{accent-color:var(--navy);margin-top:2px}.question-feedback{margin-top:12px;padding:14px;border-radius:8px;background:var(--navy-50);color:var(--a-ink2);font-size:12px;line-height:1.7}.chapter-deck{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.chapter-deck .btn{font-size:12px}.quiz-result{padding:25px;background:var(--a-dark);color:#fff;border-radius:13px;display:flex;align-items:center;justify-content:space-between}.quiz-result h2{font:600 31px var(--font-display);margin:0}.quiz-result p{color:var(--on-dark-2);margin:8px 0 0;font-size:13px}.divider{height:1px;background:var(--navy-50);margin:18px 0}.timeline{position:relative}.timeline-item{display:flex;gap:14px;padding:0 0 25px}.timeline-item .dot{height:30px;width:30px;border-radius:50%;background:var(--navy-50);color:var(--link);display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:800}.timeline-item:not(:last-child) .dot:after{content:'';display:block;position:absolute;width:1px;height:24px;background:var(--navy-100);transform:translateY(27px)}.timeline-item h4{margin:0 0 5px;font-size:13px}.timeline-item p{margin:0;color:var(--a-mute);font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#081d29c4;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:var(--a-w);border-radius:16px;padding:28px;max-width:620px;max-height:90vh;overflow:auto;width:100%;box-shadow:0 20px 60px #0003}.modal h2{font:600 24px var(--font-display);margin:0 0 10px}.modal img{width:100%;object-fit:contain;max-height:72vh}.modal-header{display:flex;justify-content:space-between;gap:15px}.modal-close{background:var(--navy-50);border:0;border-radius:50%;width:33px;height:33px;font-size:20px;color:var(--a-ink2)}.toast{position:fixed;bottom:24px;right:26px;z-index:110;background:var(--a-dark);color:white;padding:14px 18px;border-radius:9px;font-size:13px;box-shadow:0 10px 40px #132d3040;transform:translateY(90px);opacity:0;transition:.25s;max-width:380px}.toast.show{transform:translateY(0);opacity:1}.checklist-progress{display:flex;align-items:center;gap:9px}.checklist-progress .progress-track{width:150px;margin:0;background:var(--navy-50)}.checklist-progress strong{font-size:12px;color:var(--a-ink2)}.unload-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.unload-card{background:var(--a-w);border:1px solid var(--navy-50);border-radius:12px;padding:20px}.unload-card h3{font:600 19px var(--font-display);margin:5px 0}.unload-card p{font-size:12px;color:var(--a-mute)}.alert-stack{display:grid;gap:12px;margin:17px 0}.alert-banner{padding:13px 16px;border-radius:10px;background:var(--warn-bg);color:var(--warn);font-size:12px;border:1px solid var(--warn-bg)}.flow-route{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.flow-node{text-align:center;background:var(--a-w);border:1px solid var(--navy-50);padding:16px 7px;border-radius:10px;font-size:12px;font-weight:800;color:var(--a-ink2)}.flow-node strong{display:block;font:800 18px Manrope;color:var(--link);margin:0 0 7px}.word-wrap{overflow-wrap:anywhere}.no-margin{margin:0!important}.empty-state{padding:35px;text-align:center;color:var(--a-mute);font-size:13px}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1250px){.hero{grid-template-columns:1fr 37%;padding:34px}.hero-art{height:240px}.sim-layout{grid-template-columns:minmax(0,1fr) 245px}.evidence-grid{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.page{padding:28px 27px}}
@media(max-width:1000px){.sim-layout{grid-template-columns:1fr}.helper-panel{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.manual-layout{grid-template-columns:1fr}.manual-nav{position:static;display:flex;flex-wrap:wrap}.manual-nav a{flex:0 0 auto}.unload-triptych{grid-template-columns:1fr}}
@media(max-width:720px){.page{padding:21px 15px 30px}.hero{display:block;padding:30px 24px}.hero h1{font-size:39px}.hero-art{height:160px;margin-top:18px}.hero-stamp{width:62px;height:62px}.hero-caption{display:none}.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}.section-header{align-items:start}.journey-card{min-height:185px}.story-band{padding:17px;gap:13px}.story-number{font-size:34px}.story-band h3{font-size:17px}.story-band p{font-size:12px}.sim-header{padding:21px 16px 16px}.form-body{padding:20px 15px}.sim-footer{padding:18px 15px}.stepper{overflow-x:auto}.step{flex:0 0 101px}.form-grid,.helper-panel,.lab-numbers,.summary-grid{grid-template-columns:1fr 1fr}.evidence-grid{grid-template-columns:repeat(2,1fr)}.manual-content{padding:19px 16px}.atlas-grid{grid-template-columns:repeat(2,1fr)}.flow-route{grid-template-columns:1fr 1fr}.force-bars .force-line{grid-template-columns:75px 1fr 65px}.page-title{font-size:34px}}
@media(max-width:460px){.form-grid,.lab-numbers,.summary-grid{grid-template-columns:1fr}.field.span2{grid-column:span 1}.form-section{padding-bottom:20px}.evidence-grid{grid-template-columns:repeat(2,1fr)}.atlas-grid{grid-template-columns:1fr}.hero h1{font-size:35px}.hero-art{height:128px}.modal{padding:18px}.btn{font-size:12px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.manual-block[id]{scroll-margin-top:calc(95px + var(--ob-h,0px))}.chapter-deck{border:1px solid var(--navy-50);border-radius:11px;background:var(--pass-bg);padding:12px;margin:20px 0 26px}.chapter-deck .btn{white-space:normal;text-align:left}

.acad-bar{background:var(--card);border-bottom:1px solid var(--line)}
.acad-bar .row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:56px;padding-block:6px}
.acad-bar .spacer{flex:1}
.acad-bar a.back{font-weight:600;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.crumb{font-size:.8125rem;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}
.crumb b{color:var(--text);font-weight:600}
.chipbtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r1);background:var(--card);cursor:pointer;font-weight:500;font-size:.9375rem;color:var(--text)}
.chipbtn:hover{border-color:var(--navy-300)}
.chipbtn kbd{font:500 .75rem var(--font-mono);border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--text-muted)}
.tag-demo{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--line);border-radius:99px;padding:4px 10px}
.menu-btn,.nav-close{display:none}
.acad{display:grid;grid-template-columns:250px minmax(0,1fr);gap:var(--s5);padding-block:var(--s4) var(--s6);align-items:start}
.sidebar{position:sticky;top:calc(88px + var(--ob-h,0px));display:grid;gap:4px;align-content:start}
.nav-caption{font-size:var(--fs-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:14px 12px 4px}
.nav-group{display:grid;gap:2px}
.nav-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px;border-radius:var(--r1);text-decoration:none;color:var(--text);font-weight:500;border:1px solid transparent}
.nav-item:hover{background:var(--navy-50)}
.nav-item.active{background:var(--navy-50);border-color:var(--navy-200);color:var(--navy);font-weight:600}
:root[data-theme="dark"] .nav-item.active{color:#fff;border-color:var(--grey-300)}
.nav-subpill{margin-left:auto;font:500 .75rem var(--font-mono);color:var(--text-muted)}
.sidebar-progress{margin:18px 0 6px;padding:14px;border:1px solid var(--line);border-radius:var(--r2);background:var(--card)}
.progress-head{display:flex;justify-content:space-between;font-size:.875rem;gap:8px}
.progress-track{height:6px;background:var(--grey-200);border-radius:99px;margin-top:10px;overflow:hidden}
.progress-track div{height:100%;width:0;background:var(--navy);transition:width .3s}
:root[data-theme="dark"] .progress-track div{background:var(--link)}
.sidebar-progress p{font-size:.8125rem;color:var(--text-muted);margin-top:8px}
.sidebar .rule{font-size:.8125rem;color:var(--text-muted);margin:10px 12px}
.acad-foot{border-top:1px solid var(--line);background:var(--card)}
.acad-foot .row{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center;justify-content:space-between;padding-block:var(--s3)}
.acad-foot p{max-width:70ch;font-size:.875rem;color:var(--text-muted)}
#main{min-width:0}
#view{outline:none}
.page{max-width:none;margin:0;padding:0}
@media (max-width:900px){
  .acad{grid-template-columns:minmax(0,1fr);gap:var(--s3)}
  .menu-btn{display:inline-flex}
  .sidebar{display:none;position:static;border:1px solid var(--line);border-radius:var(--r2);padding:12px;background:var(--card)}
  .sidebar.open{display:grid}
  .sidebar.open .nav-close{display:inline-flex;justify-self:end}
  .tag-demo{display:none}
}
/* v1 components, calmed */
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);max-width:min(520px,calc(100% - 32px));background:var(--navy-900);color:#fff;border-radius:var(--r1);padding:12px 18px;opacity:0;pointer-events:none;z-index:95;box-shadow:var(--e2)}
.toast.show{opacity:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r1);font-weight:600;border:1.5px solid transparent;cursor:pointer;text-decoration:none}
.btn-primary{background:var(--orange);color:var(--navy-900);border-color:var(--orange)}
.btn-primary:hover{background:#E07F1B;border-color:#E07F1B}
.btn-outline{background:transparent;border-color:var(--navy);color:var(--navy)}
:root[data-theme="dark"] .btn-outline{color:#fff;border-color:var(--grey-300)}
.btn-outline:hover{background:var(--navy-50)}
.btn-ghost{background:transparent;border-color:transparent;color:var(--link)}
.btn-ink{background:var(--navy);color:#fff}
.btn-danger{background:var(--fail);color:#fff}
.btn-sm{min-height:40px;padding:0 14px;font-size:.9375rem}
.hero{background:var(--navy-900)!important;color:#fff;border-radius:var(--r2)}
.hero h1,.hero h1 em{color:#fff;font-style:normal}
.hero:before{display:none}
.hero p{color:#D5DBEF}
.hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.5)}
.eyebrow{color:var(--text-muted)!important}
.eyebrow.light{color:#B6C6E9!important}
.page-title,.hero h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}
.page-title{color:var(--text)}
.guide-box,.mini-calcs,.quiz-result,.lab-illustration{background:var(--a-dark);color:#fff}
.guide-box h3,.guide-box p,.mini-calcs h3{color:#fff}
.guide-box .card-overline,.mini-calcs .card-overline{color:#B6C6E9!important}
img{max-width:100%}
.manual-block img,.shot img{border:1px solid var(--line);border-radius:var(--r1);background:#fff}
.modal{background:var(--card);color:var(--text)}
table{border-collapse:collapse}
input,select,textarea{background:var(--field-bg);color:var(--text);border-color:var(--field-line)}
.tag{white-space:nowrap}

#view a{text-decoration:none}
#view a:hover{text-decoration:underline}
.story-number{color:var(--navy)!important}.journey-card:not([style]) .mission-number{color:var(--navy)}
:root[data-theme="dark"] .story-number,:root[data-theme="dark"] .mission-number{color:var(--link)!important}
.story-card.dark .story-number,.dark .story-number{color:#B6C6E9!important}
.nav-subpill{white-space:nowrap}
.nav-item{flex-wrap:nowrap}

.step{color:var(--text-muted)}
.mini-calcs .calc-row,.guide-box .calc-row{border-color:rgba(255,255,255,.16)}
.mini-calcs .calc-row span{color:#B6C6E9}
.mini-calcs .calc-row strong{color:#fff}
.mini-calcs .btn-outline,.guide-box .btn-outline,.quiz-result .btn-outline{color:#fff;border-color:rgba(255,255,255,.45)}
.mini-calcs p,.mini-calcs .muted{color:#B6C6E9}
.guide-steps li,.guide-link{color:#E8ECF8}
.guide-link{background:none;border:0;font-weight:600;text-decoration:underline;cursor:pointer;padding:0}

#view .callout{display:block}
#view .callout strong,#view .callout b{display:inline}

.chapter-deck{background:var(--navy-50);border-color:var(--line)}
#view h1,#view h2,#view h3,#view h4,#view h5{font-family:var(--font-display)}
#view h4,#view h5{font-family:var(--font-body);font-weight:600}
#view *{min-width:0}
.manual-block,.manual-chapter{overflow-wrap:anywhere}
.manual-block .table-scroll,.manual-block table{max-width:100%}
.manual-block:has(table){overflow-x:auto}
.chapter-nav,.manual-nav{max-width:100%}
@media (max-width:900px){
  .manual-layout{grid-template-columns:minmax(0,1fr)}
}

.manual-block{overflow-x:auto}
.chapter-deck{overflow-x:auto}
.manual-chapter,.manual-main{min-width:0;max-width:100%}
.manual-nav{overflow-x:auto;max-width:100%}

/* Paid-users gate (modal opened by paidGate in app.js) */
.nav-paid{margin-left:auto;padding:1px 8px;border:1px solid var(--line);border-radius:99px;font:600 .6875rem var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.modal-body{padding:0 var(--s3) var(--s3)}
.modal-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}

/* C16: static headline and intro shown before the app loads and to visitors without JavaScript; the app replaces #view */
.acad-static{max-width:62ch;padding-block:var(--s4)}
.acad-static h2{font-family:var(--font-display);font-size:var(--fs-2);margin:var(--s4) 0 var(--s2)}
.acad-static ul{padding-left:1.1em;display:grid;gap:6px}

/* dark journey card (inline dark background): readable number and icon */
.journey-card[style] .mission-icon{color:#F2C26B}

:root[data-theme="dark"] .callout b{color:var(--link)}

/* The "Load sample ..." buttons are the way into every practice step: bold, orange, impossible to miss, in both themes */
.btn[data-action^="sample"],:root[data-theme="dark"] .btn.btn-outline[data-action^="sample"]{background:var(--orange);color:var(--navy-900)!important;border:2px solid var(--orange);font-weight:800;box-shadow:0 2px 0 rgba(0,0,0,.18)}
.btn[data-action^="sample"]:hover,:root[data-theme="dark"] .btn.btn-outline[data-action^="sample"]:hover{background:#F59E42;border-color:#F59E42;color:var(--navy-900)!important}