:root{--guide-bg:#070707;--guide-surface:#0d1112;--guide-surface-2:#13191a;--guide-line:rgba(255,255,255,.14);--guide-gold:#e8c57e;--guide-gold-2:#fbebba;--guide-text:#f4f1e9;--guide-muted:#b9b7b0;--guide-petrol:#68a6a5;--guide-danger:#f1a69c;--guide-ok:#a6d8bd}
.guide-page{background:var(--guide-bg);color:var(--guide-text)}
.guide-page .topbar{background:#080909;border-color:var(--guide-line)}
.guide-page .portal-nav a,.guide-page .thematic-menu summary{color:#c8c5bd}
.guide-page .portal-nav a[aria-current=page]{background:rgba(232,197,126,.12);color:var(--guide-gold-2);box-shadow:0 0 0 1px rgba(232,197,126,.28)}
.guide-page .thematic-menu-panel{max-height:min(72vh,720px);overflow-y:auto}
.guide-hero{position:relative;isolation:isolate;max-width:1460px;margin:auto;padding:104px 28px 92px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:70px;align-items:end;overflow:hidden;background:radial-gradient(42% 80% at 86% 18%,rgba(232,197,126,.14),transparent 72%),radial-gradient(36% 60% at 8% 96%,rgba(70,130,125,.12),transparent 75%)}
.guide-hero::before{content:"x  %  √  ?";position:absolute;z-index:-1;right:2%;top:3%;color:rgba(248,217,138,.055);font:500 clamp(74px,14vw,220px)/1 var(--display);letter-spacing:.05em;white-space:nowrap}
.guide-hero h1{max-width:980px;margin:20px 0 30px;font:500 clamp(62px,8.5vw,132px)/.87 var(--display);letter-spacing:-.055em}
.guide-hero h1 em{color:var(--guide-gold);font-weight:500}
.guide-hero>div>p{max-width:820px;margin:0;color:var(--guide-muted);font:500 clamp(21px,2.1vw,31px)/1.38 var(--display)}
.guide-start{display:inline-flex;align-items:center;justify-content:center;min-height:54px;margin-top:34px;padding:0 22px;border-radius:8px;background:var(--guide-gold);color:#111;text-decoration:none;font-weight:800}
.guide-start:hover,.guide-start:focus-visible{background:var(--guide-gold-2)}
.guide-contract{padding:30px;border:1px solid rgba(232,197,126,.3);border-radius:18px;background:rgba(13,17,18,.88);box-shadow:0 28px 80px rgba(0,0,0,.28)}
.guide-contract>strong{display:block;color:var(--guide-text);font:550 27px/1.1 var(--display)}
.guide-contract ol{list-style:none;margin:24px 0;padding:0;border-top:1px solid var(--guide-line)}
.guide-contract li{display:grid;grid-template-columns:38px 1fr;gap:8px;padding:13px 0;border-bottom:1px solid var(--guide-line);color:#ddd8cf;font-size:13px;line-height:1.4}
.guide-contract li span{color:var(--guide-gold);font-size:10px;font-weight:800;letter-spacing:.12em}
.guide-contract p{margin:20px 0 0;color:#96948f;font-size:12px;line-height:1.55}
.guide-intake{max-width:1320px;margin:auto;padding:82px 28px}
.guide-intake>header{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1.62fr);gap:24px 46px;margin-bottom:38px}
.guide-intake h2,.analysis-heading h2,.route-result h3{margin:0;color:var(--guide-text);font:520 clamp(38px,5vw,70px)/.98 var(--display);letter-spacing:-.035em}
.guide-intake header p{max-width:760px;margin:15px 0 0;color:var(--guide-muted);font-size:16px;line-height:1.65}
#guide-form{padding:clamp(22px,4vw,46px);border:1px solid var(--guide-line);border-radius:20px;background:var(--guide-surface)}
.intake-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:18px}
.exercise-copy,.photo-panel{min-height:350px;padding:24px;border:1px solid var(--guide-line);border-radius:14px;background:#090b0c}
.exercise-copy{display:flex;flex-direction:column}
.exercise-copy>span,.field-label,.intake-tail label>span{display:block;margin-bottom:10px;color:var(--guide-gold-2);font-size:12px;font-weight:800;letter-spacing:.04em}
.exercise-copy textarea{flex:1;width:100%;min-height:220px;resize:vertical;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#111617;color:var(--guide-text);font:500 18px/1.55 var(--sans)}
.exercise-copy textarea::placeholder{color:#929691}
.exercise-copy small,.photo-panel small{display:block;margin-top:10px;color:#8f928f;font-size:11px;line-height:1.5}
.photo-panel{display:flex;flex-direction:column}
.photo-panel>div>p{margin:7px 0 0;color:var(--guide-muted);font-size:13px;line-height:1.5}
.photo-picker{display:grid;place-items:center;min-height:122px;margin-top:20px;padding:18px;border:1px dashed rgba(232,197,126,.45);border-radius:12px;background:rgba(232,197,126,.045);cursor:pointer;text-align:center}
.photo-picker:focus-within{outline:2px solid var(--guide-gold);outline-offset:3px}
.photo-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.photo-action{color:var(--guide-gold-2);font-weight:800;text-decoration:underline;text-underline-offset:5px}
.photo-preview{margin:16px 0 0}.photo-preview img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:10px;background:#050606}.photo-preview figcaption{margin-top:7px;color:#969994;font-size:11px;overflow-wrap:anywhere}
.photo-read{min-height:46px;margin-top:14px;border:1px solid var(--guide-gold);border-radius:8px;background:transparent;color:var(--guide-gold-2);font-weight:800;cursor:pointer}
.photo-read:disabled{opacity:.55;cursor:progress}.ocr-status{min-height:20px;margin:10px 0 0;color:var(--guide-ok);font-size:12px;line-height:1.45}.ocr-status.error{color:var(--guide-danger)}
.photo-connectivity{margin:10px 0 0;color:#a8aaa4;font-size:11px;line-height:1.45}.privacy-note{margin:auto 0 0!important;padding-top:17px;border-top:1px solid var(--guide-line);color:#929690!important;font-size:11px!important}.privacy-note strong{color:#d8d5cd}
.visual-cues{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 0;padding:0;border:0}.visual-cues legend{width:100%;margin-bottom:5px;color:#a9aaa5;font-size:12px}.visual-cues label{position:relative;cursor:pointer}.visual-cues input{position:absolute;opacity:0;pointer-events:none}.visual-cues span{display:flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid var(--guide-line);border-radius:999px;background:#101516;color:#c8c8c2;font-size:12px}.visual-cues input:checked+span{border-color:var(--guide-gold);background:rgba(232,197,126,.13);color:var(--guide-gold-2)}.visual-cues input:focus-visible+span{outline:2px solid var(--guide-gold);outline-offset:3px}
.intake-tail{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:18px;align-items:end;margin-top:28px;padding-top:28px;border-top:1px solid var(--guide-line)}
.intake-tail select{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--guide-line);border-radius:8px;background:#111617;color:var(--guide-text);font:600 14px var(--sans)}
.guide-submit,.diagnostic-submit{min-height:52px;padding:0 22px;border:0;border-radius:8px;background:var(--guide-gold);color:#111;font-weight:850;cursor:pointer}.guide-submit:hover,.diagnostic-submit:hover{background:var(--guide-gold-2)}
.form-error{min-height:20px;margin:12px 0 0;color:var(--guide-danger);font-size:13px}
.guide-analysis{max-width:1320px;margin:0 auto;padding:20px 28px 88px}
.analysis-shell{border-top:1px solid var(--guide-line)}
.analysis-heading{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1.62fr);gap:24px 46px;padding:76px 0 42px}
.analysis-heading h2{max-width:930px}.analysis-heading p{max-width:780px;margin:17px 0 0;color:var(--guide-muted);font-size:16px;line-height:1.65}
.frame-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:30px;padding:clamp(25px,4vw,42px);border:1px solid rgba(232,197,126,.32);border-radius:18px;background:radial-gradient(50% 100% at 100% 0,rgba(232,197,126,.09),transparent 74%),var(--guide-surface)}
.frame-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.frame-meta span{padding:6px 9px;border:1px solid var(--guide-line);border-radius:999px;color:#aaa;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.frame-meta .confidence{border-color:rgba(104,166,165,.5);color:#a8d0cb}
.frame-card h3{margin:0;color:var(--guide-text);font:550 clamp(34px,4vw,56px)/1.02 var(--display)}
.frame-idea{max-width:760px;margin:17px 0 0;color:#d2cfc7;font-size:16px;line-height:1.65}
.frame-signals ul{margin:0;padding:0;list-style:none}.frame-signals strong{display:block;margin-bottom:12px;color:var(--guide-gold);font:550 21px var(--display)}.frame-signals li{padding:10px 0;border-bottom:1px solid var(--guide-line);color:#b6b5af;font-size:12px}.frame-alternatives{grid-column:1/-1}.frame-alternatives summary{cursor:pointer;color:#a9aaa5;font-size:12px}.frame-alternatives div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.frame-alternatives a{padding:9px 11px;border:1px solid var(--guide-line);border-radius:7px;color:var(--guide-gold-2);font-size:12px;text-decoration:none}
.micro-lessons{margin-top:56px}.section-label{display:block;margin-bottom:18px;color:var(--guide-gold);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.guide-section-title{max-width:900px;margin:0 0 28px;color:var(--guide-text);font:550 clamp(34px,4vw,54px)/1 var(--display)}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--guide-line);background:var(--guide-line)}
.micro-lesson{min-height:370px;padding:30px;background:var(--guide-surface)}.micro-lesson>span{color:var(--guide-petrol);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.micro-lesson h3{margin:22px 0 15px;color:var(--guide-text);font:550 32px/1.05 var(--display)}.micro-lesson p{color:var(--guide-muted);font-size:14px;line-height:1.65}.micro-lesson>strong{display:block;margin-top:20px;color:#e0ddd5;font-size:12px}.micro-lesson ol{margin:10px 0 0;padding-left:20px;color:#d1cec6}.micro-lesson li{margin:10px 0;font-size:13px;line-height:1.55}.micro-lesson a{display:inline-block;margin-top:22px;color:var(--guide-gold-2);font-weight:800;text-underline-offset:4px}
.diagnostic{margin-top:56px;padding:clamp(24px,4vw,42px);border:1px solid var(--guide-line);border-radius:18px;background:var(--guide-surface)}
.diagnostic>header{display:grid;grid-template-columns:minmax(170px,.35fr) minmax(0,1.65fr);gap:24px 44px;margin-bottom:32px}.diagnostic h3{margin:0;color:var(--guide-text);font:550 clamp(34px,4vw,54px)/1 var(--display)}.diagnostic header p{max-width:720px;margin:13px 0 0;color:var(--guide-muted);font-size:14px;line-height:1.6}
.diagnostic-item{margin:0;padding:25px 0;border:0;border-top:1px solid var(--guide-line)}.diagnostic-item legend{display:block;width:100%;padding:0}.task-number{display:block;margin-bottom:10px;color:var(--guide-petrol);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.task-prompt{display:block;max-width:880px;color:var(--guide-text);font:550 24px/1.25 var(--display)}
.task-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.task-options label{position:relative}.task-options input{position:absolute;opacity:0}.task-options span{display:flex;align-items:center;min-height:52px;padding:11px 14px;border:1px solid var(--guide-line);border-radius:8px;background:#101516;color:#d2d0c9;font-size:13px}.task-options input:checked+span{border-color:var(--guide-gold);background:rgba(232,197,126,.12);color:var(--guide-gold-2)}.task-options input:focus-visible+span{outline:2px solid var(--guide-gold);outline-offset:3px}
.task-input{width:min(100%,440px);min-height:50px;margin-top:18px;padding:0 14px;border:1px solid var(--guide-line);border-radius:8px;background:#101516;color:var(--guide-text);font:600 17px var(--sans)}
.unknown-answer{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:44px;margin-top:8px;color:#aaa;font-size:12px}.unknown-answer input{width:18px;height:18px;accent-color:var(--guide-gold)}
.task-feedback{min-height:0;margin:12px 0 0;color:#bbb8b0;font-size:12px;line-height:1.55}.diagnostic-item.correct .task-feedback{color:var(--guide-ok)}.diagnostic-item.incorrect .task-feedback{color:var(--guide-danger)}
.diagnostic-submit{margin-top:24px}.diagnostic-error{min-height:18px;color:var(--guide-danger);font-size:12px}
.route-result{margin-top:26px;padding:30px;border:1px solid rgba(166,216,189,.38);border-radius:14px;background:rgba(70,130,100,.1)}.route-result h3{font-size:clamp(32px,4vw,50px)}.route-result p{max-width:760px;color:#d0d2ca;line-height:1.65}.route-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.route-actions a,.restart-guide{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border-radius:8px;font-weight:800;text-decoration:none}.route-actions .route-primary{background:var(--guide-gold);color:#111}.route-actions .route-secondary,.restart-guide{border:1px solid var(--guide-line);background:transparent;color:var(--guide-gold-2)}.restart-guide{margin-top:22px;cursor:pointer}
.guide-limit{max-width:1264px;margin:0 auto 90px;padding:28px;border-top:1px solid var(--guide-line);border-bottom:1px solid var(--guide-line);display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1.62fr);gap:24px 46px}.guide-limit p{max-width:760px;margin:0;color:var(--guide-muted);font-size:14px;line-height:1.65}.guide-limit strong{color:var(--guide-text)}
@media(max-width:880px){.guide-hero,.guide-intake>header,.analysis-heading,.frame-card,.diagnostic>header,.guide-limit{grid-template-columns:1fr}.guide-hero{padding-top:74px;gap:42px}.intake-grid,.lesson-grid{grid-template-columns:1fr}.exercise-copy,.photo-panel{min-height:0}.frame-alternatives{grid-column:auto}.guide-intake>header,.analysis-heading,.diagnostic>header,.guide-limit{gap:14px}.task-options{grid-template-columns:1fr}}
@media(max-width:620px){.guide-hero{padding:54px 18px 64px}.guide-hero h1{font-size:clamp(51px,16vw,76px)}.guide-intake,.guide-analysis{padding-left:16px;padding-right:16px}.guide-intake{padding-top:58px}.guide-contract,#guide-form,.diagnostic{padding:20px}.intake-tail{grid-template-columns:1fr}.guide-submit{width:100%}.visual-cues{gap:7px}.visual-cues label{flex:1 1 calc(50% - 7px)}.visual-cues span{justify-content:center;border-radius:8px;text-align:center}.micro-lesson{min-height:0;padding:24px}.task-prompt{font-size:21px}.route-actions{display:grid}.route-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}