/* My Compass — approved graphite, matte gold, Lora headings and Golos Text UI. */
@font-face{font-family:"Lora";src:url("/fonts/lora-variable.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"Golos Text";src:url("/fonts/golos-text-variable.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
:root{
  --font-ui:"Golos Text",system-ui,sans-serif;--font-heading:"Lora",Georgia,serif;
  --bg:#191D21;--surface:#262C31;--surface-raised:#30373D;--ink:#F4F3EF;--muted:#BBC3C9;--line:#4C555E;
  --gold:#D5B16A;--gold1:#E2C68D;--gold2:#D5B16A;--gold3:#C59E57;--goldEdge:#8B6D36;
  --mal:#D5B16A;--mal2:#BE9852;--g1:#191D21;--g2:#262C31;--g3:#4C555E;--gtext:#F4F3EF;--gmuted:#BBC3C9;
  --rose:#303136;--sky:#292F35;--sand:#302F2A;--brown:#E2C68D;--danger:#F0ADA0;
  color-scheme:dark;
}
html{scroll-padding-top:90px}
body,body.dark{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:17px;font-weight:400;line-height:1.6;font-synthesis:none;transition:none}
body.dark::before{display:none}
button,input,textarea,select{font-family:var(--font-ui);font-synthesis:none}
button,input,textarea,select,a{-webkit-tap-highlight-color:rgba(213,177,106,.15)}
a{color:var(--gold);text-underline-offset:3px}
::selection{background:var(--gold);color:var(--bg)}
svg text{font-family:var(--font-ui)}
img{color:var(--muted)}
.main{max-width:790px;padding-block:26px 52px;gap:22px}
.main.wide,.main:has(.test-shell){max-width:1220px}
.main:has(.test-shell){padding-top:24px}
.h1,.h2,.h3,.dashboard-title,.dashboard-next-title{font-family:var(--font-heading);font-weight:500;letter-spacing:-.025em;text-wrap:pretty}
.h1{font-size:clamp(34px,4.5vw,58px);line-height:1.12}
.h2{font-size:29px;line-height:1.22}
.h2.sm2{font-size:23px}
.h3{font-size:23px;line-height:1.3}
.ht,.tt,.flab,.plabel{font-family:var(--font-ui);font-weight:600}
.ht{font-size:19px;line-height:1.35}
.tt{font-size:18px;line-height:1.35}
.muted,body.dark .muted,.lt{color:var(--muted)}
.label{font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--muted)}
.sm{font-size:14px;line-height:1.6}
.card,.sec{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;gap:16px;box-shadow:none}
/* Older saved views carry pastel inline backgrounds; their content stays readable. */
.card[style*="background"],.rec[style*="background"],.tile[style*="background"]{background:var(--surface)!important}
.foot{font-size:13px;color:var(--muted)}

/* Navigation and controls */
.top,.top.dark{max-width:none;padding:15px max(24px,calc((100vw - 1180px)/2));gap:18px;background:rgba(25,29,33,.96);border-bottom:1px solid rgba(187,195,201,.18);backdrop-filter:blur(14px)}
.brand{font-family:var(--font-heading);font-weight:500;font-size:23px;line-height:1.2;gap:12px;letter-spacing:-.02em}
.brand svg{width:38px;height:38px;flex-shrink:0}
.tr{gap:15px}
.navb{font-weight:500;font-size:14px;min-height:44px;color:var(--ink)}
.lang,.top.dark .lang{background:var(--surface);border-color:var(--line);border-radius:10px;padding:3px;gap:3px}
.tg,.top.dark .tg{color:var(--muted);min-height:36px;padding-inline:12px;font-weight:600;border-radius:7px}
.tg.on,.top.dark .tg.on{background:var(--gold);color:var(--bg);box-shadow:none}
.av,.av.big3{background:var(--gold);color:var(--bg);font-family:var(--font-ui);font-weight:600}
.btn{min-height:54px;border-radius:12px;padding:13px 22px;font-family:var(--font-ui);font-size:16px;font-weight:600;line-height:1.35;letter-spacing:0;white-space:normal;text-shadow:none;transition:transform .1s,background-color .16s,border-color .16s}
.btn-gold{background:linear-gradient(180deg,#E1C389,var(--gold));color:var(--bg);border:1px solid var(--gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 0 var(--goldEdge),0 7px 15px rgba(0,0,0,.16);text-shadow:none}
.btn-light,.btn-dark,body.dark .btn-light{background:linear-gradient(180deg,#30373D,#262C31);color:var(--ink);border:1px solid #65717B;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 2px 0 #121619;text-shadow:none}
.btn-ghost-d{background:transparent;color:var(--ink);border:1px solid #65717B;box-shadow:none}
.btn:disabled,body.dark .btn:disabled{cursor:not-allowed;background:#333A40;color:#A1AAB2;border:1px solid #505962;box-shadow:none;text-shadow:none;transform:none}
.btn.armed{background:#54462C;border:1px solid var(--gold);color:var(--ink)}
.btn.small{min-height:45px;font-size:14px;border-radius:10px;padding:11px 15px}
.back,.back.dark{width:44px;height:44px;border-radius:10px;background:var(--surface);border:1px solid #65717B;color:var(--ink);box-shadow:none}
.link,.lnk,.lnk2{color:var(--gold);font-weight:500}
:is(button,a,input,textarea,select):focus-visible,.btn:focus-visible,.tile:focus-visible,.opt:focus-visible,.rec:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.btn:active:not(:disabled){transform:translateY(1px)}
.mode-notice{max-width:1188px;margin:16px auto 0;padding:12px 16px;background:#2D2C27;color:#D8C6A4;border:1px solid #62563F;border-radius:12px;font:400 13px/1.55 var(--font-ui);gap:5px 20px}
.mode-notice a{color:var(--gold);font-weight:500}
.chip{padding:6px 12px;font-size:13px;font-weight:500;line-height:1.3;white-space:normal}
.chip-glass{background:rgba(25,29,33,.6);color:var(--ink);border:1px solid rgba(244,243,239,.32)}
.chip-done{background:var(--gold);color:var(--bg);box-shadow:none;font-weight:600}
.chip-price,.chip-white,.chip-soft,.chip-dark,.chip-band{background:var(--surface-raised);color:var(--ink);border:1px solid #65717B;box-shadow:none}
.chip-band{color:var(--gold);border-color:#756344;background:#322E26}

/* Photographs remain muted until the topic is completed. Hover does not reveal color. */
.ph,.dashboard-theme-photo,.dashboard-next-photo{transition:filter .38s ease-out}
.muted.ph,.ph.muted,img.muted{filter:grayscale(.9) brightness(.94)}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.shead{margin-top:12px;gap:16px}
.shead .h2{font-size:35px}
.tile{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:none;min-width:0}
.tile:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.15);border-color:#7B8287}
.tile[data-next=true],.tile.is-next{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.tph{height:auto;aspect-ratio:1.5;background:var(--surface-raised)}
.tph .chip{left:12px;top:12px}
.tbody{padding:18px;gap:9px;flex:1;min-width:0}
.tbody .tt{font-size:21px;line-height:1.25;font-weight:600;white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset}
.td,.dashboard-theme-desc{color:var(--muted);font-family:var(--font-ui);font-size:15px;font-weight:400;line-height:1.5;white-space:normal;overflow:visible;text-overflow:clip;-webkit-line-clamp:unset}
.tile-actions,.tile-action-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:12px}
.tile-action{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:var(--ink)}
.tile-action svg{width:17px;height:17px}
.tile[data-complete=true] .ph,.tile[data-earned=true] .ph{filter:none}

/* Home photograph and three-dimensional compass are separate live elements. */
.hero,.home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:490px;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:22px;padding:42px;border:1px solid var(--line);border-radius:20px;background:#262C31;color:var(--ink);box-shadow:none}
.home-hero>.hero-photo,.home-hero>.home-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2}
.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,29,33,.94),rgba(25,29,33,.72) 33%,rgba(25,29,33,.08) 72%),linear-gradient(0deg,rgba(25,29,33,.48),transparent 60%);z-index:-1;pointer-events:none}
.home-hero .hcol,.home-hero-content{position:relative;max-width:465px;gap:18px;z-index:1}
.home-hero .h1{font-size:clamp(42px,4.6vw,62px);line-height:1.1}
.hsub{max-width:410px;color:var(--ink);font-size:19px;font-weight:400;line-height:1.5}
.home-hero>.btn,.home-hero .hcol>.btn,.home-hero-content>.btn{position:relative;justify-self:start;max-width:315px;width:100%;z-index:1}
.hero-compass{position:absolute;right:35px;bottom:156px;width:180px;height:180px;z-index:1;filter:drop-shadow(0 12px 14px rgba(0,0,0,.45))}
.hero-compass svg{width:100%;height:100%}
.hero .hcompass{border-color:rgba(187,195,201,.25)}
.hero .cl{color:var(--muted);text-transform:none;letter-spacing:0}
.hero .ct{font-family:var(--font-ui);font-weight:600}
.hero .cd{color:var(--gold)}
.journey{background:var(--surface);gap:14px}
.journey .jt{font-family:var(--font-ui);font-weight:600;font-size:20px}
.dots{gap:8px}
.dot{background:#515A62;width:12px;height:12px}
.dot.on{background:var(--gold)}
.home-progress{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--line);padding:15px 20px;border-radius:12px}
.home-hero>.home-progress{position:relative;z-index:1;align-self:end;background:rgba(38,44,49,.9);margin-top:10px}
.home-progress>strong{font-size:15px;font-weight:500;white-space:nowrap}
.home-progress-track{height:9px;flex:1;background:#4C555E;border-radius:10px;overflow:hidden}
.home-progress-track i{display:block;height:100%;background:var(--gold);border-radius:10px;transition:width .4s ease-out}
.meds-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:none}
.meds-card .mph{height:230px}
.meds-card .mbody{padding:24px;gap:16px}

/* Test questions and inputs use Golos Text. Only the test title uses Lora. */
.test-shell{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.35fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);align-items:stretch;min-width:0}
.test-portrait{order:-1;position:relative;min-width:0;min-height:650px;background:#30373D;overflow:hidden}
.test-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:none}
.test-portrait-copy,.test-portrait figcaption,.test-portrait .caption{position:absolute;inset:auto 0 0;margin:0;padding:50px 22px 22px;background:linear-gradient(transparent,rgba(25,29,33,.88));color:var(--ink);font-size:14px;line-height:1.5}
.test-portrait-copy p{position:static;margin:0;padding:0;background:none;font-size:14px;line-height:1.5}
.test-portrait-copy .test-portrait-title{font-family:var(--font-heading);font-size:25px;font-weight:500;line-height:1.25;margin-bottom:10px}
.test-main{display:flex;flex-direction:column;gap:18px;padding:30px;min-width:0}
.test-main>.h1,.test-title{font-family:var(--font-heading);font-size:36px;font-weight:500;line-height:1.18;margin:0}
.tintro{max-width:760px;margin-inline:auto;gap:20px}
.tintro .iph{height:280px;border-radius:16px;box-shadow:none;border:1px solid var(--line)}
.tintro .h1{font-size:42px}
.lsub{font-size:17px;line-height:1.6;color:var(--muted)}
.lsub.sm{font-size:14px;color:var(--muted)}
.tbar{gap:13px}
.tpl{font-family:var(--font-ui);font-size:14px;font-weight:400;line-height:1.4;align-items:flex-start}
.tpl>.lt{white-space:nowrap}
.track{height:5px;background:#505961}
.track i{background:var(--gold);transition:width .35s ease-out}
.qcard{padding:0;background:transparent;color:var(--ink);border-radius:0;box-shadow:none;gap:12px}
.qhead .label{font-size:14px;color:var(--muted)}
.qt{font-family:var(--font-ui);font-weight:600;font-size:clamp(25px,2.7vw,31px);line-height:1.27;letter-spacing:-.015em;text-wrap:pretty}
.opts{gap:10px}
.opt{font-family:var(--font-ui);font-weight:400;font-size:17px;line-height:1.4;min-height:54px;padding:13px 16px;gap:14px;border-radius:11px;background:#262C31;color:var(--ink);border:1px solid #647079;box-shadow:none;transition:background-color .16s,border-color .16s}
.opt:hover{background:#30373D;border-color:#84909A}
.opt.on{background:rgba(213,177,106,.09);color:var(--ink);font-weight:400;border:1px solid var(--gold);box-shadow:inset 0 0 0 1px rgba(213,177,106,.14)}
.opt .rd{width:19px;height:19px;border:1.5px solid var(--muted)}
.opt.on .rd{border-color:var(--gold);background:radial-gradient(circle,var(--gold) 0 40%,transparent 47%)}
.opt-na{font-size:15px;line-height:1.45;margin-top:2px}
.tnav{gap:12px;align-items:stretch;margin-top:6px}
.tnav .btn:last-child:not(:disabled){background:linear-gradient(180deg,#E1C389,var(--gold));border:1px solid var(--gold);color:var(--bg);box-shadow:0 3px 0 var(--goldEdge)}
.answer-save-status{font-family:var(--font-ui);font-size:13px;line-height:1.5;color:var(--muted);min-height:20px;margin:0}
.answer-save-status[data-state=saved]{color:var(--gold)}
.answer-save-status[data-state=error]{color:var(--danger)}
.answer-save-retry{font:500 14px/1.5 var(--font-ui);color:var(--gold);background:transparent;border:1px solid var(--gold);border-radius:9px;min-height:44px;padding:9px 14px;cursor:pointer}
.ta,.inp,.inp.in,.copyta,.clarifications .ta,.report-feedback .ta{font-family:var(--font-ui);background:#20262B;color:var(--ink);border:1px solid #65717B;border-radius:12px;box-shadow:none;font-size:17px;font-weight:400;line-height:1.6}
.ta,.clarifications .ta,.report-feedback .ta{padding:15px;min-height:145px}
.inp,.inp.in{min-height:54px;padding:12px 15px}
.inp::placeholder,.ta::placeholder{color:#A3ADB5;opacity:1}
.inp:disabled,.ta:disabled,.clarifications .ta:disabled{color:#A1AAB2;background:#30373D;border-color:#505962}
.inp.in:focus,.ta:focus{outline:3px solid var(--gold);outline-offset:2px;border-color:var(--gold)}
.inp:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px #20262B inset;caret-color:var(--ink)}
input[type=checkbox],input[type=radio]{accent-color:var(--gold)}
.clarifications select{background:#20262B;color:var(--ink);font-family:var(--font-ui);border-color:#65717B;line-height:1.5;min-height:50px}
.clarification-field{border-color:var(--line);gap:10px}
.clarification-notice{padding:12px 15px;border-left:3px solid var(--gold);background:#312E27;color:var(--ink)}
.feedback-choice.selected{background:rgba(213,177,106,.13);color:var(--ink);border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.eye{background:#343C43;color:var(--ink);border:1px solid #65717B;border-radius:8px;font-family:var(--font-ui);font-size:13px;min-height:34px}
.err{font-weight:500;color:var(--danger);font-size:14px}
.demo,.care{background:#302E27;color:#E6D8BC;border:1px solid #716044;border-radius:12px;font-size:15px;line-height:1.6}

/* Long reports, history, payment/demo and legal text retain their complete content. */
.report-section,.report-summary,.report-feedback,.manual-report,.manual-review{overflow-wrap:anywhere;min-width:0}
.report-section,.report-summary{padding:26px}
.paras p{font-family:var(--font-ui);font-size:18px;font-weight:400;line-height:1.75}
.depth-report{gap:20px}
.report-section h2,.report-summary h2{font-size:29px}
.manual-report>div{font-size:18px;line-height:1.75}
.manual-review p,.route-choice p{line-height:1.7}
.hook{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:16px}
.hook p{font-family:var(--font-ui);font-weight:500;font-size:20px;line-height:1.6}
.pt h3{font-family:var(--font-ui);font-weight:600;font-size:18px;line-height:1.4}
.pt p{font-weight:400;color:var(--muted);font-size:17px;line-height:1.7}
.pt.good>div,.pt>div{border-color:var(--gold)}
.pn{font-weight:500;color:var(--muted)}
.pnum{background:var(--gold);color:var(--bg);font-weight:600}
.plan li{font-weight:400;line-height:1.7}
.closing{color:var(--gold);font-weight:500;font-size:19px;line-height:1.65}
.goal{background:#302E28;border-color:#796848}
.goal .h2{font-size:28px}
.ladder li,.prow2,.pay hr{border-color:var(--line)}
.lbl{color:var(--gold);text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}
.week{border-left-color:var(--gold)}
.week p{font-size:18px;font-weight:400;line-height:1.7}
.nph{width:86px;height:86px;border-radius:12px}
.next,.route-choice{border:1px solid var(--line)}
.route-heading{gap:10px}
.route-heading .label{color:var(--gold)}
.up,.lnk,.lnk2{color:var(--gold)}
.down{color:var(--danger)}
.arch{padding:0}
.abody{padding:24px;gap:12px}
.aname{color:var(--gold);font-family:var(--font-heading);font-weight:500}
.bt{background:#505961}
.bt i{background:#A6B1BA}
.bar.hi .bt i{background:var(--gold)}
.bar.low .bt i{background:#D8A083}
.bl{font-weight:400;font-size:16px}
.idx{padding:0;border:1px solid var(--line)}
.idx.no-score{padding:24px}
.irow{padding:24px}
.iname{font-family:var(--font-ui);font-size:21px;font-weight:500}
.locked li{font-weight:400;font-size:16px;line-height:1.5}
.lk,.mnum{background:#373D41;color:var(--gold)}
.note{background:#252D33;border:1px solid var(--line);border-radius:15px}
.note p{font-size:14px;font-weight:400;line-height:1.65}
.big{font-weight:600}
.med,.rec{background:var(--surface);border:1px solid var(--line)}
.lfoot{border-color:rgba(187,195,201,.22);gap:10px;padding-top:20px;margin-top:8px}
.lfoot nav{gap:10px 18px}
.lfoot a{color:var(--muted);font-weight:400;font-size:13px}
.lfoot p{color:var(--muted);font-size:12px}
.main>article{min-width:0;overflow-wrap:anywhere}
.main>article h1,.main>article h2{font-family:var(--font-heading);font-weight:500;line-height:1.25;hyphens:auto}
.main>article p,.main>article li{line-height:1.75}
.main>article a{overflow-wrap:anywhere}

/* Personal cabinet: actual earned themes, a separate current-report requirement. */
.dashboard{gap:30px}
.dashboard-title{font-size:clamp(30px,4.2vw,44px);line-height:1.18}
.dashboard-account{padding:0;gap:12px}
.dashboard-overview{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;border-radius:20px;overflow:hidden;background:var(--bg)}
.dashboard-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;opacity:.35;pointer-events:none}
.dashboard-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:brightness(.7)}
.dashboard-overview:has(.dashboard-backdrop)::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),rgba(25,29,33,.15) 70%);z-index:-1;pointer-events:none}
.dashboard-progress{background:linear-gradient(160deg,rgba(48,55,61,.9),rgba(25,29,33,.86));border:1px solid var(--line);border-radius:18px;color:var(--ink);box-shadow:none;padding:28px;grid-template-columns:minmax(190px,260px) minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:20px}
.dashboard-progress>.h2{font-size:27px}
.dashboard-compass{max-width:300px;filter:drop-shadow(0 12px 13px rgba(0,0,0,.3))}
.dashboard-progress-copy>p,.dashboard-progress-copy .dashboard-stage-label,.dashboard-milestone-next span,.dashboard-progress .dashboard-progress-note{color:var(--muted)}
.dashboard-progress-copy>p{font-size:15px;line-height:1.6}
.dashboard-progress-copy .dashboard-stage-label{font-size:13px}
.dashboard-stage{font-family:var(--font-heading);font-weight:500;font-size:27px;line-height:1.25}
.dashboard-milestone-next{border-color:rgba(187,195,201,.25);font-size:14px}
.dashboard-milestone-next strong,.dashboard-progress-copy .dashboard-earned{color:var(--gold);font-weight:500}
.dashboard-progress .dashboard-progress-note{border-color:rgba(187,195,201,.25);font-size:13px}
.dashboard-next{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;gap:14px;box-shadow:none}
.dashboard-next-photo{display:block;width:100%;max-height:230px;aspect-ratio:1.7;object-fit:cover;border-radius:11px;filter:grayscale(.9) brightness(.94)}
.dashboard-next-photo:not(.muted){filter:none}
.dashboard-section-label{font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--gold)}
.dashboard-next-title{font-size:30px;line-height:1.2}
.dashboard-next-why{font-size:16px;line-height:1.6}
.dashboard-draft-count{color:var(--gold);font-size:14px;font-weight:500}
.dashboard-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dashboard-map-section>p,.dashboard-drafts>p{font-size:16px;line-height:1.6}
.dashboard-theme{padding:0;gap:0;overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:15px;min-height:0;box-shadow:none;transition:border-color .16s,transform .16s}
.dashboard-theme[data-state=complete],.dashboard-theme[data-state=draft],.dashboard-theme[data-state=historic]{background:var(--surface);border-color:var(--line)}
.dashboard-theme[data-state=historic]{border-style:solid}
.dashboard-theme:hover{border-color:#7B8287;transform:translateY(-2px)}
.dashboard-theme[data-next=true],.dashboard-theme.is-next{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.dashboard-theme-photo{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;flex-shrink:0;background:#30373D}
.dashboard-theme[data-state=new] .dashboard-theme-photo,.dashboard-theme[data-state=draft] .dashboard-theme-photo{filter:grayscale(.9) brightness(.94)}
.dashboard-theme[data-state=complete] .dashboard-theme-photo,.dashboard-theme[data-state=historic] .dashboard-theme-photo,.dashboard-theme[data-complete=true] .dashboard-theme-photo{filter:none}
.dashboard-theme-status{margin:16px 17px 10px;font-size:12px;font-weight:500;color:var(--muted);gap:7px}
.dashboard-theme-title{margin:0 17px 9px;font-family:var(--font-ui);font-weight:600;font-size:21px;line-height:1.3;overflow-wrap:normal;white-space:normal}
.dashboard-theme-desc{display:block;margin:0 17px 16px;font-size:15px;line-height:1.5}
.dashboard-theme-action{margin:auto 17px 17px;padding-top:3px;font-size:14px;color:var(--ink);font-weight:500;gap:8px}
.dashboard-status-dot{width:8px;height:8px;border-color:var(--muted)}
[data-state=complete] .dashboard-status-dot,[data-state=draft] .dashboard-status-dot,[data-state=historic] .dashboard-status-dot{background:var(--gold);border-color:var(--gold)}
.dashboard-milestone-list{border-color:var(--line);gap:22px;padding-block:22px}
.dashboard-milestone-number{width:54px;height:54px;border:1px solid #77818A;border-radius:50%;font-family:var(--font-heading);font-weight:500;font-size:24px;color:var(--muted);background:radial-gradient(circle at 35% 25%,#545B61,#262C31 75%);box-shadow:inset 0 0 0 4px #2B3136,inset 0 0 0 5px #5F6870,0 3px 6px rgba(0,0,0,.18)}
.dashboard-milestone[data-earned=true] .dashboard-milestone-number{background:radial-gradient(circle at 35% 25%,#F0D69F,#C69D52 70%,#8B6D36);border-color:var(--gold);color:#292115;box-shadow:inset 0 0 0 4px #CDA75F,inset 0 0 0 5px #F1D49A,0 3px 7px rgba(0,0,0,.25)}
.dashboard-milestone-state,.dashboard-milestone[data-earned=true] .dashboard-milestone-state{font-size:12px;font-weight:400;color:var(--muted)}
.dashboard-milestone[data-earned=true] .dashboard-milestone-state{color:var(--gold)}
.dashboard-milestone h3{font-family:var(--font-ui);font-size:17px;font-weight:500;line-height:1.35}
.dashboard-milestone p{font-size:14px;line-height:1.6}
.dashboard-personal{gap:20px}
.dashboard-goal{border-left-color:var(--gold);padding:22px;gap:14px}
.dashboard-goal p{font-family:var(--font-ui);font-size:20px;line-height:1.65;letter-spacing:0}
.dashboard-week{background:var(--surface);border-color:var(--line);padding:25px}
.dashboard-week p{font-size:16px;line-height:1.7}
.dashboard-draft{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:12px;padding:18px}
.dashboard-draft strong{font-size:17px;font-weight:500;line-height:1.4}
.dashboard-draft-action{color:var(--gold);font-size:13px;font-weight:500}
.dashboard-report-list .hrow{border-color:var(--line);padding:21px}
.dashboard-report-list .tt{font-size:19px}
.dashboard-final,.dashboard-final[data-ready=true]{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:26px}
.dashboard-final[data-ready=true]{border-color:#897044}
.dashboard-final-count{color:var(--gold);font-size:14px;font-weight:500}
.dashboard-final-icon .cmp{width:52px;height:52px}

/* Motion marks an action rather than looping over reading content. */
.cmp.idle .needle,.cmp.turn .needle{animation:none}
@keyframes progress-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes compass-reveal{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes medal-settle{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.home-progress-track i{transform-origin:left;animation:progress-reveal .55s ease-out both}.dashboard-progress .dashboard-compass{animation:compass-reveal .45s ease-out both}.dashboard-milestone[data-earned=true] .dashboard-milestone-number{animation:medal-settle .4s ease-out both}.dashboard-milestone[data-earned=true]:nth-child(2) .dashboard-milestone-number{animation-delay:.08s}.dashboard-milestone[data-earned=true]:nth-child(3) .dashboard-milestone-number{animation-delay:.14s}.dashboard-milestone[data-earned=true]:nth-child(4) .dashboard-milestone-number{animation-delay:.2s}}
@media(hover:hover){.btn-gold:not(:disabled):hover{background:linear-gradient(180deg,#E8CEA0,#DDBB7B)}.btn-light:not(:disabled):hover,.btn-dark:not(:disabled):hover{background:#343D44;border-color:#8A969F}}
@media(min-width:1400px){.main.wide,.main:has(.test-shell){max-width:1280px}.home-hero{min-height:540px}.test-main{padding:36px}.test-portrait{min-height:700px}}
@media(max-width:1000px){.top,.top.dark{padding-inline:20px}.dashboard-overview{grid-template-columns:1fr 1fr}.dashboard-progress{grid-template-columns:1fr;padding:24px}.dashboard-compass{max-width:250px;margin-inline:auto}.grid,.dashboard-map{gap:15px}.tbody .tt,.dashboard-theme-title{font-size:19px}.test-main{padding:25px}.test-shell{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)}.test-main>.h1,.test-title{font-size:31px}.hero-compass{width:155px;height:155px}}
@media(max-width:760px){
  .main,.main.wide,.main:has(.test-shell){padding:20px 18px 38px;gap:20px}.top,.top.dark{padding:12px 18px;gap:12px}.brand{font-size:21px;gap:9px}.brand svg{width:33px;height:33px}.tr{gap:10px}.navb{font-size:13px}.lang .tg{padding-inline:9px}.mode-notice{margin:13px 18px 0;font-size:12px;gap:5px 14px;padding:11px 13px}.h1{font-size:38px}.h2{font-size:27px}.h3{font-size:22px}.shead .h2{font-size:30px}
  .grid,.dashboard-map{grid-template-columns:1fr;gap:18px}.tph,.dashboard-theme-photo{aspect-ratio:1.6}.tbody{padding:18px 19px}.tbody .tt,.dashboard-theme-title{font-size:22px}.td,.dashboard-theme-desc{font-size:16px;line-height:1.55}.tile-actions{padding-top:12px}.dashboard-theme-status{margin-top:17px}.dashboard-theme-action{font-size:15px;margin-bottom:19px}.dashboard-theme-title,.dashboard-theme-desc,.dashboard-theme-status,.dashboard-theme-action{margin-left:19px;margin-right:19px}
  .hero,.home-hero{min-height:590px;padding:295px 25px 27px;align-content:end;gap:18px;border-radius:17px}.home-hero>.hero-photo,.home-hero>.home-hero-photo{height:350px;object-position:center 25%}.home-hero::after{background:linear-gradient(180deg,transparent 180px,rgba(25,29,33,.45) 265px,var(--bg) 350px)}.home-hero .h1{font-size:42px;max-width:none}.home-hero .hcol,.home-hero-content{gap:15px;max-width:none}.hsub{font-size:17px;max-width:none}.hero-compass{width:105px;height:105px;right:20px;top:185px;bottom:auto}.home-hero .hsub{padding-right:0;max-width:none}.home-hero>.btn,.home-hero .hcol>.btn,.home-hero-content>.btn{max-width:100%;width:100%}.hero .hcompass{display:none}.home-progress{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14px;padding:15px}.home-progress>strong{grid-row:1;grid-column:2;text-align:right;font-size:14px}.home-progress-track{min-width:0;width:100%;grid-row:2;grid-column:1/-1}.journey .jrow{align-items:flex-start}.journey .jt{font-size:19px}.journey .jrow svg{width:60px;height:60px}
  .test-shell{grid-template-columns:1fr;border-radius:15px}.test-portrait{display:none}.test-main{padding:23px 20px;gap:19px}.test-main>.h1,.test-title{font-size:31px}.test-main .qhead .label{font-size:13px}.qt{font-size:25px;line-height:1.3}.opt{min-height:54px;padding:13px 14px;font-size:16px;gap:12px}.opt-na{font-size:15px}.tnav{gap:10px}.tnav .btn{padding-inline:14px;font-size:16px}.tintro .h1{font-size:35px}.tintro .iph{height:240px}.tpl{font-size:13px}.tbar{gap:11px}.tbar .back{width:40px;height:40px}.test-main .ta{min-height:180px}
  .dashboard{gap:28px}.dashboard-overview,.dashboard-personal,.dashboard-draft-list,.dashboard-report-list{grid-template-columns:1fr}.dashboard-progress{padding:24px;gap:18px}.dashboard-progress>.h2{font-size:27px}.dashboard-compass{max-width:260px}.dashboard-next{padding:23px}.dashboard-next-photo{max-height:none;aspect-ratio:1.7}.dashboard-next-title{font-size:30px}.dashboard-next-why{font-size:16px}.dashboard-goal{padding:20px}.dashboard-goal p{font-size:19px}.dashboard-milestone-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.dashboard-milestone h3{font-size:17px}.dashboard-milestone p{font-size:14px}.dashboard-account .hcol2{flex:1 1 155px}.dashboard-account .btn{margin-left:0}.dashboard-title{font-size:34px}.dashboard .bar-top{gap:12px}.dashboard-draft-action{max-width:115px}.dashboard-report-list .hrow{padding:21px}.dashboard-final{padding:23px}
  .card,.sec{padding:22px}.card.arch,.card.idx:not(.no-score){padding:0}.card[style*="padding: 0"],.card[style*="padding:0"]{padding:0}.meds-card{grid-template-columns:1fr}.meds-card .mph{height:220px}.meds-card .mbody{padding:22px}.mrow{align-items:stretch;flex-wrap:wrap}.mrow .btn{flex:1 1 145px}.med{flex-wrap:wrap}.paras p,.manual-report>div{font-size:17px;line-height:1.75}.report-section h2,.report-summary h2{font-size:27px}.feedback-choices .btn{flex:1 1 145px}.row2>.btn{flex-basis:160px}.nph{width:75px;height:75px}.irow{padding:20px;gap:15px}.irow>svg{width:92px;height:92px;flex-shrink:0}.iname{font-size:20px}.lfoot nav{gap:12px 16px}.lfoot a{font-size:13px}
}
@media(max-width:420px){
  .top,.top.dark{padding-inline:14px;gap:8px}.brand{font-size:19px;gap:7px}.brand svg{width:29px;height:29px}.tr{gap:7px}.lang .tg{padding-inline:8px;min-height:33px}.navb.acc .nt{display:none}.navb.acc{padding:5px}.av{width:27px;height:27px}.main,.main.wide,.main:has(.test-shell){padding-inline:14px}.mode-notice{margin-inline:14px}.home-hero{padding-inline:20px;min-height:590px}.home-hero .h1{font-size:39px}.hero-compass{right:15px;width:96px;height:96px}.home-hero .hsub{padding-right:0}.test-main{padding:21px 17px}.qt{font-size:24px}.opt{padding-inline:13px}.tnav .btn{font-size:15px;padding-inline:12px}.dashboard-title{font-size:31px}.dashboard-account .hcol2{flex-basis:140px}.card,.sec{padding:20px}.dashboard-milestone h3{font-size:16px}.dashboard-milestone p{font-size:13px}.dashboard-goal p{font-size:18px}.dashboard-draft{align-items:flex-start;flex-wrap:wrap;gap:12px}.dashboard-draft-action{margin-left:0;max-width:none}.nrow{gap:12px}.nph{width:65px;height:65px}.h2.sm2{font-size:21px}.chip{font-size:12px}.stack2{max-width:100%}.prow{gap:12px;flex-wrap:wrap}.big{font-size:24px}
}
@media(max-width:760px){.dashboard-progress{align-content:start}}
@media(max-width:640px){.catalog-nav{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tile:hover,.dashboard-theme:hover,.btn:active:not(:disabled){transform:none}.c1{opacity:1}}

/* v6: the same reading hierarchy in both themes, with preferences in Profile. */
:root{--control-line:#65717B;--control-hover:#84909A;--input-bg:#20262B;--accent-text:#D5B16A;--focus:#D5B16A;--subtle-accent:#312E27;--subtle-accent-line:#796848;--panel-shadow:0 5px 18px rgba(0,0,0,.1)}
html[data-theme=light]{
  --bg:#F5F6F7;--surface:#FFFFFF;--surface-raised:#EDF0F2;--ink:#20262B;--muted:#5B6570;--line:#D3D9DE;
  --g1:#F5F6F7;--g2:#FFFFFF;--g3:#D3D9DE;--gtext:#20262B;--gmuted:#5B6570;
  --mal:#8B6526;--mal2:#74521C;--rose:#F3F0EC;--sky:#EDF2F5;--sand:#F7F0E3;--brown:#79551E;--danger:#AC3F32;
  --control-line:#8D99A3;--control-hover:#687681;--input-bg:#FFFFFF;--accent-text:#79551E;--focus:#8B6526;--subtle-accent:#F8F1E5;--subtle-accent-line:#BEA373;--panel-shadow:0 5px 18px rgba(31,39,45,.05);
  color-scheme:light;
}
html[data-theme=light] body,html[data-theme=light] body.dark{background:var(--bg);color:var(--ink)}
html[data-theme=light] .top,html[data-theme=light] .top.dark{background:rgba(245,246,247,.96);border-color:var(--line)}
html[data-theme=light] a,html[data-theme=light] .link,html[data-theme=light] .lnk,html[data-theme=light] .lnk2,html[data-theme=light] .up{color:var(--accent-text)}
html[data-theme=light] :is(button,a,input,textarea,select):focus-visible{outline-color:var(--focus)}
html[data-theme=light] .btn-gold,html[data-theme=light] .tnav .btn:last-child:not(:disabled){color:#20262B}
html[data-theme=light] .btn-light,html[data-theme=light] .btn-dark,html[data-theme=light] body.dark .btn-light{background:linear-gradient(180deg,#FFFFFF,#EDF0F2);color:var(--ink);border-color:var(--control-line);box-shadow:inset 0 1px 0 #FFFFFF,0 2px 0 #D1D7DC}
html[data-theme=light] .btn-ghost-d,html[data-theme=light] .back,html[data-theme=light] .back.dark{background:var(--surface);color:var(--ink);border-color:var(--control-line)}
html[data-theme=light] .btn:disabled,html[data-theme=light] body.dark .btn:disabled{background:#E8ECEF;color:#717C85;border-color:#CBD2D8;box-shadow:none}
html[data-theme=light] .btn.armed{background:#F4E3C4;color:var(--ink);border-color:#B68E48}
html[data-theme=light] .av,html[data-theme=light] .av.big3,html[data-theme=light] .chip-done{color:#20262B}
html[data-theme=light] .chip-price,html[data-theme=light] .chip-white,html[data-theme=light] .chip-soft,html[data-theme=light] .chip-dark{border-color:#B8C2CA}
html[data-theme=light] .chip-band,html[data-theme=light] .clarification-notice,html[data-theme=light] .goal{background:var(--subtle-accent);color:var(--ink);border-color:var(--subtle-accent-line)}
html[data-theme=light] .demo,html[data-theme=light] .care,html[data-theme=light] .mode-notice{background:var(--subtle-accent);color:#6D542C;border-color:#CDB98F}
html[data-theme=light] .mode-notice a{color:#79551E}
html[data-theme=light] .opt{background:var(--surface);color:var(--ink);border-color:var(--control-line)}
html[data-theme=light] .opt:hover{background:#F2F4F5;border-color:var(--control-hover)}
html[data-theme=light] .opt.on{background:#FBF3E5;border-color:#A97C35;box-shadow:inset 0 0 0 1px rgba(169,124,53,.16)}
html[data-theme=light] .opt.on .rd{border-color:#A97C35;background:radial-gradient(circle,#A97C35 0 40%,transparent 47%)}
html[data-theme=light] .track,html[data-theme=light] .home-progress-track,html[data-theme=light] .bt,html[data-theme=light] .dot{background:#D1D8DE}
html[data-theme=light] .dot.on{background:#9D7637}
html[data-theme=light] .track i{background:#A97C35}
html[data-theme=light] .ta,html[data-theme=light] .inp,html[data-theme=light] .inp.in,html[data-theme=light] .copyta,html[data-theme=light] .clarifications select{background:var(--input-bg);color:var(--ink);border-color:var(--control-line)}
html[data-theme=light] .inp::placeholder,html[data-theme=light] .ta::placeholder{color:#687681}
html[data-theme=light] .inp:disabled,html[data-theme=light] .ta:disabled{background:#EDF0F2;color:#717C85;border-color:#C7CFD6}
html[data-theme=light] .inp.in:focus,html[data-theme=light] .ta:focus{outline-color:var(--focus);border-color:var(--focus)}
html[data-theme=light] .inp:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--input-bg) inset}
html[data-theme=light] .eye{background:#EDF0F2;color:var(--ink);border-color:var(--control-line)}
html[data-theme=light] .answer-save-status[data-state=saved],html[data-theme=light] .answer-save-retry,html[data-theme=light] .closing,html[data-theme=light] .aname,html[data-theme=light] .lbl,html[data-theme=light] .dashboard-section-label,html[data-theme=light] .dashboard-draft-count,html[data-theme=light] .dashboard-final-count,html[data-theme=light] .dashboard-draft-action{color:var(--accent-text)}
html[data-theme=light] .feedback-choice.selected{background:#FBF3E5;color:var(--ink);border-color:#A97C35;box-shadow:inset 0 0 0 1px #A97C35}
html[data-theme=light] .note{background:#EDF2F5;border-color:var(--line)}
html[data-theme=light] .lk,html[data-theme=light] .mnum{background:#E9ECEF;color:var(--accent-text)}
html[data-theme=light] .pnum{color:#20262B}
html[data-theme=light] .lfoot{border-color:var(--line)}
html[data-theme=light] .lfoot a{color:var(--muted)}
html[data-theme=light] .route-heading .label{color:var(--accent-text)}
html[data-theme=light] .hook,html[data-theme=light] .tintro .white{color:var(--ink)}
html[data-theme=light] .dashboard-progress{background:var(--surface);color:var(--ink);box-shadow:var(--panel-shadow)}
html[data-theme=light] .dashboard-milestone-next,html[data-theme=light] .dashboard-progress .dashboard-progress-note{border-color:var(--line)}
html[data-theme=light] .dashboard-milestone-next strong,html[data-theme=light] .dashboard-progress-copy .dashboard-earned,html[data-theme=light] .dashboard-milestone[data-earned=true] .dashboard-milestone-state{color:var(--accent-text)}
html[data-theme=light] .dashboard-milestone-number{background:radial-gradient(circle at 35% 25%,#FFFFFF,#E1E6EA 75%);color:#596672;border-color:#8E9BA6;box-shadow:inset 0 0 0 4px #E5EAEE,inset 0 0 0 5px #AFBAC3,0 3px 6px rgba(31,39,45,.07)}
html[data-theme=light] .dashboard-milestone[data-earned=true] .dashboard-milestone-number{background:radial-gradient(circle at 35% 25%,#F0D69F,#C69D52 70%,#8B6D36);color:#292115;box-shadow:inset 0 0 0 4px #CDA75F,inset 0 0 0 5px #F1D49A,0 3px 6px rgba(31,39,45,.07)}
/* The photographic welcome and portrait preserve readable white text in either theme. */
.home-hero{--bg:#191D21;--surface:#262C31;--ink:#F4F3EF;--muted:#BBC3C9;--line:#4C555E;color:var(--ink)}
.test-portrait-copy,.test-portrait figcaption,.test-portrait .caption{color:#F4F3EF}
html[data-theme=light] .home-hero .home-progress-track{background:#4C555E}
html[data-theme=light] .home-hero .chip{color:#F4F3EF}
.main[data-view=home] .tile .ph,.main[data-view=home] .tile img{filter:none}
.journey .jrow svg text{fill:var(--ink)}
.hero-explainer{align-self:flex-start;min-height:44px;padding:6px 0;border:0;background:transparent;color:#F4F3EF;font:500 15px/1.5 var(--font-ui);text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}

/* One profile entry in the header replaces repeated language controls. */
.profile-nav{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:1px solid var(--control-line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}
.profile-nav svg{width:23px;height:23px}
.profile-nav .av{width:34px;height:34px}
.profile-nav[aria-current=page]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.profile-page{display:flex;flex-direction:column;gap:24px}
.profile-heading{display:flex;flex-direction:column;gap:10px}
.profile-heading p{margin:0;max-width:62ch;color:var(--muted)}
.profile-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.profile-card{display:flex;flex-direction:column;gap:20px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);min-width:0}
.profile-card .h2{font-size:27px}
.profile-form{display:flex;flex-direction:column;gap:19px}
.profile-form label,.profile-form .field{display:flex;flex-direction:column;gap:8px;font-weight:500;min-width:0}
.profile-form .inp{width:100%;font-weight:400}
.profile-form select.inp{padding-right:30px;cursor:pointer}
.profile-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.profile-theme-options button{min-height:76px;padding:14px 16px;border:1px solid var(--control-line);border-radius:12px;background:var(--surface-raised);color:var(--ink);font:500 16px/1.4 var(--font-ui);cursor:pointer;text-align:left}
.profile-theme-options button[aria-pressed=true]{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus);background:var(--subtle-accent)}
.profile-theme-options button[aria-pressed=true]::after{content:"✓";float:right;margin-left:8px;color:var(--accent-text)}
.profile-theme-swatch{display:block;width:28px;height:18px;border-radius:5px;border:1px solid #77818A;margin-bottom:10px;background:#262C31}
.profile-theme-swatch.light{background:#FFFFFF}
.profile-save-status{font-size:14px;line-height:1.6;color:var(--muted);margin:0;min-height:23px}
.profile-save-status[data-state=saved]{color:var(--accent-text)}
.profile-save-status[data-state=error]{color:var(--danger)}
.profile-actions{display:flex;flex-wrap:wrap;gap:12px}
.profile-actions .btn{flex:1 1 165px}

/* A calm cabinet: progress and the useful next action first, detail on demand. */
.dashboard.dashboard-compact{gap:24px}
.dashboard-head{display:flex;flex-direction:column;gap:10px}
.dashboard-intro{margin:0;max-width:65ch;color:var(--muted);font-size:17px}
.dashboard-compact .dashboard-account{gap:12px;padding:0}
.dashboard-compact .dashboard-overview{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;overflow:visible;background:transparent}
.dashboard-compact .dashboard-progress{grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto;align-content:center;gap:22px;padding:26px;background:var(--surface);box-shadow:none;min-height:0}
.dashboard-compact .dashboard-compass{width:160px;max-width:160px;filter:drop-shadow(0 6px 7px rgba(0,0,0,.12));margin:0}
.dashboard-compact .dashboard-progress-copy{gap:8px}
.dashboard-compact .dashboard-progress-copy>.h2{font-size:25px}
.dashboard-compact .dashboard-stage{font-size:25px}
.dashboard-compact .dashboard-progress-copy>p{font-size:14px;line-height:1.55}
.dashboard-compact .dashboard-milestone-next{font-size:13px;padding-top:10px;gap:5px}
.dashboard-compact .dashboard-next{padding:25px;gap:12px}
.dashboard-compact .dashboard-next-title{font-size:28px}
.dashboard-compact .dashboard-next-why{font-size:15px;line-height:1.6}
.dashboard-compact .dashboard-next .btn{min-height:50px;margin-top:4px}
.dashboard-compact .dashboard-personal{gap:20px;align-items:start}
.dashboard-compact .dashboard-week,.dashboard-compact .dashboard-goal{padding:22px}
.dashboard-compact .dashboard-week p{font-size:15px;line-height:1.7}
.dashboard-compact .dashboard-goal p{font-size:18px;line-height:1.6}
.dashboard-compact .dashboard-milestone-list{padding:16px 0;gap:20px}
.dashboard-compact .dashboard-milestone-number{width:40px;height:40px;font-size:19px}
.dashboard-compact .dashboard-milestone h3{font-size:15px}
.dashboard-compact .dashboard-milestone p{font-size:13px}
.dashboard-compact details{min-width:0}
.dashboard-compact details>summary{display:flex;align-items:center;gap:12px;min-height:54px;list-style:none;cursor:pointer;border-radius:10px;color:var(--ink);font-family:var(--font-ui);font-size:18px;font-weight:500;line-height:1.4}
.dashboard-compact details>summary::-webkit-details-marker{display:none}
.dashboard-compact details>summary::after{content:"+";margin-left:auto;flex:none;width:24px;text-align:center;color:var(--accent-text);font-size:25px;font-weight:400}
.dashboard-compact details[open]>summary::after{content:"−"}
.dashboard-compact details>summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.dashboard-compact .dashboard-route,.dashboard-compact details.dashboard-reports,.dashboard-compact details.dashboard-drafts{display:block;border-top:1px solid var(--line);padding-top:9px}
.dashboard-compact .dashboard-map{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.dashboard-compact .dashboard-theme{display:flex;flex-direction:column;align-items:flex-start;padding:17px 18px;gap:7px;border-radius:12px;background:var(--surface);transform:none}
.dashboard-compact .dashboard-theme-status,.dashboard-compact .dashboard-theme-title,.dashboard-compact .dashboard-theme-desc,.dashboard-compact .dashboard-theme-action{margin:0}
.dashboard-compact .dashboard-theme-title{font-size:17px;line-height:1.35}
.dashboard-compact .dashboard-theme-desc{font-size:14px;line-height:1.55}
.dashboard-compact .dashboard-theme-action{padding-top:5px;font-size:13px}
.dashboard-compact .dashboard-theme-status{font-size:12px}
.dashboard-compact .dashboard-theme-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.dashboard-compact .dashboard-theme-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;width:100%;margin-top:3px}
.dashboard-compact .dashboard-theme-meta .dashboard-theme-action{padding:0}
.dashboard-summary-count{font-size:13px;font-weight:400;color:var(--muted);margin-left:auto;white-space:nowrap}
.dashboard-compact details>summary:has(.dashboard-summary-count)::after{margin-left:0}
.dashboard-route-hint{font-size:14px;line-height:1.65;margin:4px 0 14px}
.dashboard-compact .dashboard-goal{padding:12px 20px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;background:var(--surface)}
.dashboard-compact .dashboard-goal p{margin:10px 0;font-size:16px}
.dashboard-compact .dashboard-goal p.sm{font-size:13px}
.dashboard-compact .dashboard-report-list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
.dashboard-compact .dashboard-report-list .hrow{display:block;padding:12px 18px;border-radius:12px;background:var(--surface)}
.dashboard-compact .dashboard-report-list summary.hh{min-height:45px;font-size:16px}
.dashboard-compact .dashboard-report-list .tt{font-size:16px}
.dashboard-compact .report-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;margin-bottom:6px}
.dashboard-compact .report-actions .btn{flex:1 1 150px;min-height:45px;font-size:14px;padding:11px 14px}
.dashboard-compact .dashboard-final{padding:23px;gap:14px}
.dashboard-compact .dashboard-final .h2{font-size:27px}
.dashboard-compact .dashboard-final-icon{display:none}

/* The home page explains the route before offering the complete overview. */
.platform-story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;padding:30px 0;align-items:start;border-bottom:1px solid var(--line)}
.platform-story .h2{font-size:33px;max-width:20ch}
.platform-story p{margin:0;color:var(--muted);font-size:17px;line-height:1.7;max-width:66ch}
.platform-story .story-copy{display:flex;flex-direction:column;gap:16px}
.platform-story .story-steps{display:grid;gap:14px;list-style:none;padding:0;margin:0;counter-reset:story}
.platform-story .story-steps li{counter-increment:story;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;color:var(--muted);font-size:16px;line-height:1.6}
.platform-story .story-steps li::before{content:counter(story);display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:1px solid var(--control-line);border-radius:50%;color:var(--accent-text);font-size:14px}
.platform-story .story-steps li{row-gap:4px}
.platform-story .story-steps li::before{grid-row:1/span 2}
.platform-story .story-steps h3{grid-column:2;margin:0;font-family:var(--font-ui);font-size:18px;font-weight:600;line-height:1.4;color:var(--ink)}
.platform-story .story-steps p{grid-column:2;margin:0;font-size:15px;line-height:1.65}
.route-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px;border:1px solid var(--subtle-accent-line);border-radius:18px;background:var(--surface)}
.route-offer-copy{display:flex;flex-direction:column;gap:12px}
.route-offer .h2{font-size:29px}
.route-offer p{margin:0;color:var(--muted);line-height:1.65;max-width:68ch}
.route-offer-actions{display:flex;flex-direction:column;gap:10px;min-width:230px}
.route-offer .btn{width:auto;min-width:220px}
.route-offer .sm{color:var(--muted)}
.full-overview{display:flex;flex-direction:column;gap:24px}
.full-overview .overview-head{display:flex;flex-direction:column;gap:12px}
.full-overview .overview-head p{color:var(--muted);margin:0;max-width:68ch}
.full-overview .overview-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.full-overview .overview-section{padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:15px}
.full-overview .overview-section h2{font-family:var(--font-heading);font-size:25px;font-weight:500;line-height:1.3;margin:0 0 12px}
.full-overview .overview-section p{margin:0;color:var(--muted);line-height:1.7}
.full-overview .overview-actions{display:flex;flex-wrap:wrap;gap:12px}
.full-overview .overview-actions .btn{flex:1 1 220px}
.overview-lead{margin:0;max-width:68ch;font-size:19px;line-height:1.7;color:var(--muted)}
.overview-contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.overview-contents>article{padding:23px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.overview-contents h2{margin:0 0 12px;font-family:var(--font-heading);font-size:25px;font-weight:500;line-height:1.3}
.overview-contents p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.overview-status{gap:17px}
.overview-status p{margin:0;line-height:1.65}
.overview-track{height:8px;border-radius:10px;overflow:hidden;background:var(--line)}
.overview-track i{display:block;height:100%;border-radius:10px;background:var(--gold)}
.dashboard-final-copy{display:flex;flex-direction:column;gap:12px}
.report-guide{display:flex;flex-direction:column;gap:9px;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px}
.report-guide .h3{font-size:23px}
.report-guide p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.route-overview-link{align-self:flex-start;min-height:44px;padding:6px 0;border:0;background:transparent;color:var(--accent-text);font:500 15px/1.55 var(--font-ui);text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.mode-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px 16px;padding:7px 14px;font-size:12px}
.mode-notice details{margin-left:auto;min-width:0;max-width:100%}
.mode-notice summary{min-height:32px;cursor:pointer;font-weight:500;line-height:1.6;padding-block:6px;color:inherit}
.mode-notice summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
.mode-notice details[open]{flex-basis:100%;margin-left:0}
.mode-notice details p{margin:5px 0 9px;max-width:95ch}
.mode-notice details a{display:inline-block;min-height:32px;padding-block:6px}
.mode-notice details>div{display:flex;flex-wrap:wrap;gap:4px 16px;padding-bottom:5px}
.development-credit{display:block;font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:1.6;color:var(--muted);margin-top:5px}
.development-credit strong{font-weight:600;color:var(--ink)}

/* Motion follows navigation and settles quickly; reading views never keep spinning. */
.cmp.spin .needle{animation:none}
.dashboard-needle{transform-box:view-box;transform-origin:144px 144px}
@keyframes mc-view-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes mc-needle-settle{0%{transform:rotate(-18deg)}65%{transform:rotate(5deg)}85%{transform:rotate(-2deg)}100%{transform:rotate(0)}}
@keyframes mc-panel-in{from{opacity:.4;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
  .main.mc-view-enter{animation:mc-view-in .25s ease-out both}
  .main.mc-view-enter .hero-compass .needle,.main.mc-view-enter .dashboard-needle,.dashboard-progress.mc-progress-enter .dashboard-needle{animation:mc-needle-settle .7s cubic-bezier(.2,.7,.3,1) both}
  .dashboard-compact details[open]>.dashboard-map,.dashboard-compact details[open]>.dashboard-report-list,.dashboard-compact details[open]>.report-actions{animation:mc-panel-in .18s ease-out both}
}
@media(hover:hover){
  .profile-nav:hover{background:var(--surface-raised);border-color:var(--control-hover)}
  .profile-theme-options button:hover{border-color:var(--control-hover)}
  html[data-theme=light] .btn-light:not(:disabled):hover,html[data-theme=light] .btn-dark:not(:disabled):hover{background:#E9EEF2;border-color:#71808B}
  .dashboard-compact details>summary:hover{color:var(--accent-text)}
}
@media(max-width:1100px){.dashboard-compact .dashboard-overview{grid-template-columns:1fr 1fr}.dashboard-compact .dashboard-progress{grid-template-columns:132px minmax(0,1fr);padding:22px;gap:18px}.dashboard-compact .dashboard-compass{width:132px;max-width:132px}}
@media(max-width:760px){
  .profile-grid,.platform-story,.route-offer,.full-overview .overview-sections,.overview-contents{grid-template-columns:1fr}
  .profile-page{gap:20px}.profile-card{padding:23px;gap:18px}.profile-theme-options{gap:10px}.profile-theme-options button{padding:13px;font-size:15px}.profile-heading p{font-size:16px}
  .dashboard.dashboard-compact{gap:22px}.dashboard-compact .dashboard-overview{grid-template-columns:1fr;gap:15px}.dashboard-compact .dashboard-progress{grid-template-columns:112px minmax(0,1fr);gap:17px;padding:21px;align-content:start}.dashboard-compact .dashboard-compass{width:112px;max-width:112px}.dashboard-compact .dashboard-stage,.dashboard-compact .dashboard-progress-copy>.h2{font-size:23px}.dashboard-compact .dashboard-progress-copy>p{font-size:13px}.dashboard-compact .dashboard-milestone-next{font-size:12px}.dashboard-compact .dashboard-next{padding:23px}.dashboard-compact .dashboard-next-title{font-size:27px}.dashboard-compact .dashboard-personal{gap:16px}.dashboard-compact .dashboard-map{grid-template-columns:1fr}.dashboard-compact details>summary{font-size:17px}.dashboard-compact .dashboard-milestone-list{gap:17px}.dashboard-compact .dashboard-account{flex-wrap:wrap}.dashboard-compact .dashboard-account .btn{margin-left:auto}
  .platform-story{gap:21px;padding:16px 0 26px}.platform-story .h2{font-size:29px;max-width:none}.platform-story p{font-size:16px}.platform-story .story-steps li{font-size:15px}.route-offer{padding:23px;gap:19px}.route-offer .h2{font-size:27px}.route-offer .btn{width:100%;min-width:0}.route-offer-actions{min-width:0}.full-overview{gap:21px}.full-overview .overview-section{padding:22px}.full-overview .overview-section h2{font-size:24px}
  .navb.acc .nt{display:inline}.navb.acc{padding:8px 4px}.profile-nav{width:42px;height:42px}.profile-nav .av{width:32px;height:32px}
  .overview-lead{font-size:17px}.overview-contents>article{padding:22px}.overview-contents h2{font-size:24px}.report-guide{padding:19px 20px}.report-guide .h3{font-size:22px}
}
@media(max-width:380px){.dashboard-compact .dashboard-progress{padding:17px;gap:13px;grid-template-columns:102px minmax(0,1fr)}.dashboard-compact .dashboard-compass{width:102px;max-width:102px}.dashboard-compact .dashboard-stage,.dashboard-compact .dashboard-progress-copy>.h2{font-size:21px}.profile-card{padding:20px}.profile-theme-options button{padding:12px}.top,.top.dark{gap:8px}.tr{gap:8px}.navb.acc{font-size:12px}}
@media(prefers-reduced-motion:reduce){.main.mc-view-enter,.main.mc-view-enter .needle,.dashboard-needle,.dashboard-compact details[open]>*{animation:none!important;transform:none!important}.profile-nav,.profile-theme-options button{transition:none}}

/* v7: saved results lead; progress and scores explain the route without hiding it. */
.dashboard.dashboard-results-first{gap:28px}
.dashboard-results-first .dashboard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px 30px;padding-bottom:2px}
.dashboard-results-first .dashboard-head{gap:7px;min-width:0}
.dashboard-results-first .dashboard-title{font-size:37px;line-height:1.16}
.dashboard-results-first .dashboard-intro{font-size:15px;line-height:1.6;max-width:60ch}
.dashboard-results-first .dashboard-account{gap:10px;flex-wrap:wrap;justify-content:flex-end;flex:none;max-width:48%}
.dashboard-results-first .dashboard-account .tt{font-size:16px;line-height:1.4}
.dashboard-results-first .dashboard-account .av{width:30px;height:30px;font-size:13px}
.dashboard-results-first .dashboard-account .btn{font-size:13px;min-height:42px;padding:10px 13px}
.dashboard-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}
.dashboard-section-head .h2{font-size:29px}
.dashboard-section-head p,.dashboard-section-head .muted{font-size:14px;line-height:1.5}
.dashboard-results-first .dashboard-ready-reports{display:flex;flex-direction:column;gap:14px;padding:0;border:0}
.dashboard-results-first .dashboard-ready-reports .dashboard-report-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.dashboard-results-first .dashboard-report-list .dashboard-report-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:13px;min-width:0;box-shadow:none}
.dashboard-report-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.dashboard-report-title{margin:0;font-family:var(--font-ui);font-size:19px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.dashboard-report-status{margin:0;color:var(--accent-text);font-size:12px;font-weight:500;line-height:1.5}
.dashboard-report-copy .sm{font-size:12px;line-height:1.5}
.dashboard-empty{display:flex;flex-direction:column;gap:15px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:13px}
.dashboard-empty p{margin:0;font-size:15px;line-height:1.7;max-width:70ch}
.dashboard-empty .btn{width:auto;align-self:flex-start;min-width:220px}
.dashboard-results-first .dashboard-report-open.btn{width:auto;max-width:158px;min-height:46px;padding:11px 14px;font-size:14px;line-height:1.4;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 0 var(--goldEdge)}
.dashboard-report-secondary{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 12px;padding-top:9px;border-top:1px solid var(--line)}
.dashboard-report-secondary .btn{flex:1 1 130px;min-height:42px;padding:8px 12px;font-size:13px;border:0;box-shadow:none;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
html[data-theme=light] .dashboard-report-secondary .btn{box-shadow:none;background:transparent;color:var(--muted);border:0}
.dashboard-results-first .dashboard-progress.dashboard-progress-linear{display:flex;flex-direction:column;gap:13px;padding:22px 24px;grid-template-columns:none;grid-template-rows:none;min-height:0;background:var(--surface);box-shadow:none;border:1px solid var(--line);border-radius:14px;align-items:stretch}
.dashboard-progress-linear .dashboard-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.dashboard-progress-linear .dashboard-section-head{flex-wrap:wrap;gap:8px 16px}
.dashboard-progress-linear .h2{font-size:24px;line-height:1.3}
.dashboard-progress-linear .dashboard-progress-count{font-family:var(--font-ui);font-size:21px;font-weight:600;color:var(--ink);white-space:normal;max-width:100%;font-variant-numeric:tabular-nums}
.dashboard-progress-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;width:100%;min-width:0;height:12px}
.dashboard-progress-track>[data-progress-segment]{display:block;min-width:0;height:100%;border-radius:4px;background:var(--line)}
.dashboard-progress-track>[data-complete=true]{background:var(--gold)}
.dashboard-results-first .dashboard-progress-linear .dashboard-progress-note{padding:0;margin:0;border:0;font-size:13px;line-height:1.6;color:var(--muted)}
.dashboard-results-first .dashboard-next{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;padding:25px}
.dashboard-results-first .dashboard-next>*{grid-column:1}
.dashboard-results-first .dashboard-next>.btn{grid-column:2;grid-row:2/5;align-self:center;min-width:175px;max-width:235px;margin:0}
.dashboard-results-first .dashboard-next-title{font-size:28px}
.dashboard-results-first .dashboard-next-why{max-width:72ch}
.dashboard-results-first .dashboard-next-complete{display:flex}
.dashboard-results-first .dashboard-personal{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}
.dashboard-profile-notes{display:flex;flex-direction:column;gap:14px;min-width:0;overflow-wrap:anywhere}
.dashboard-results-first .dashboard-profile-notes .h2{font-size:24px}
.dashboard-results-first .dashboard-profile-notes .h3{font-size:21px}
.dashboard-profile-goal p,.dashboard-profile-about p,.dashboard-original-goal p{margin:10px 0 0;font-size:15px;line-height:1.7;white-space:pre-wrap}
.dashboard-results-first .dashboard-week{padding:23px}
.dashboard-results-first .dashboard-final{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;align-items:center;padding:24px}
.dashboard-results-first .dashboard-final>.btn{min-width:210px;max-width:280px;width:auto}

/* A portrait is a set of separate observations, not an overall personality score. */
.dashboard-portrait{display:flex;flex-direction:column;gap:25px;min-width:0}
.dashboard-portrait>.h2{font-size:32px;margin:0}
.dashboard-portrait>p,.portrait-intro,.portrait-note{margin:0;max-width:76ch;color:var(--muted);font-size:15px;line-height:1.7}
.portrait-section-head{display:flex;flex-direction:column;gap:8px}
.portrait-section-head .h3{font-size:25px;line-height:1.3}
.portrait-section-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.65;max-width:76ch}
.portrait-traits{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:0 24px;min-width:0}
.portrait-metric{display:flex;flex-direction:column;gap:10px;min-width:0}
.portrait-traits>.portrait-metric{padding:19px 0;border-bottom:1px solid var(--line)}
.portrait-traits>.portrait-metric:last-child{border-bottom:0}
.portrait-metric-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}
.portrait-metric-title{margin:0;font-family:var(--font-ui);font-size:18px;font-weight:500;line-height:1.4;color:var(--ink)}
.portrait-metric-value{font-family:var(--font-ui);font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
.portrait-meter{display:block;width:100%;height:8px;min-height:8px;border-radius:9px;overflow:hidden;background:var(--line)}
.portrait-meter>i,.portrait-meter>span{display:block;height:100%;border-radius:9px;background:var(--gold)}
html[data-theme=light] .portrait-meter>i,html[data-theme=light] .dashboard-progress-track>[data-complete=true]{background:#8B6526}
.portrait-metric-description,.portrait-metric p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.portrait-metric-status{font-size:12px;font-weight:500;color:var(--muted);line-height:1.5}
.portrait-metric .portrait-metric-note{font-size:12px;line-height:1.6;color:var(--muted)}
.portrait-metric[data-status=locked] .portrait-meter,.portrait-metric[data-status=unavailable] .portrait-meter{height:8px;background:transparent;border:1px dashed var(--control-line)}
.portrait-metric[data-status=locked] .portrait-meter>*,.portrait-metric[data-status=unavailable] .portrait-meter>*{display:none}
.portrait-metric[data-status=locked] .portrait-metric-value,.portrait-metric[data-status=unavailable] .portrait-metric-value{font-size:13px;font-weight:400;color:var(--muted);white-space:normal;text-align:right;max-width:42%}
.portrait-metric[data-status=historic] .portrait-meter>*{background:#8E979F}
.portrait-metric[data-status]:not([data-status=ready]) .portrait-metric-value{font-size:13px;font-weight:400;color:var(--muted);white-space:normal;text-align:right;max-width:42%}
.portrait-metric .portrait-meter.portrait-meter-locked{display:flex;align-items:center;gap:8px;height:15px;min-height:15px;overflow:visible;background:transparent;border:0}
.portrait-metric .portrait-meter.portrait-meter-locked>svg{display:block;width:14px;height:14px;flex:none;color:var(--muted)}
.portrait-meter-locked::after{content:"";display:block;flex:1;border-top:1px dashed var(--control-line)}
.portrait-metric-action{display:inline-flex;justify-content:flex-start;align-items:center;gap:8px;align-self:flex-start;min-height:42px;padding:7px 0;border:0;border-radius:6px;background:transparent;color:var(--accent-text);font:500 14px/1.45 var(--font-ui);text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.portrait-metric-action.btn{width:auto;min-height:42px;padding:8px 12px;font-size:14px;line-height:1.45;border:1px solid var(--control-line);background:var(--surface);color:var(--ink);box-shadow:none;text-decoration:none}
.portrait-domains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;min-width:0}
.portrait-domains>.portrait-metric{padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.portrait-domains .portrait-metric-head{align-items:flex-start}
.portrait-domains .portrait-metric-title{font-size:17px;line-height:1.4}
.portrait-domains .portrait-metric-action{margin-top:auto}
.portrait-summary{display:flex;flex-direction:column;gap:16px;padding-top:2px}
.portrait-summary>.h3,.portrait-summary>.h2{font-size:27px;margin:0}
.portrait-summary-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.portrait-summary-columns>section,.portrait-summary-columns>div{padding:18px 0 2px;border-top:2px solid var(--gold);min-width:0}
.portrait-summary-columns h3,.portrait-summary-columns h4{margin:0 0 11px;font-family:var(--font-ui);font-size:18px;font-weight:600;line-height:1.4}
.portrait-summary-columns p,.portrait-summary-columns li{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.portrait-summary-columns ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.portrait-summary-columns li strong{display:block;margin-bottom:5px;font-size:14px;font-weight:500;color:var(--ink)}
.portrait-summary-columns li .lnk{min-height:40px;font-size:13px;font-weight:500;text-align:left;color:var(--accent-text)}
.portrait-type{margin:0;padding:16px 20px;border-left:3px solid var(--gold);background:var(--surface);border-radius:0 10px 10px 0;color:var(--muted);font-size:15px;line-height:1.7}
.portrait-type .h3{margin:0 0 8px;font-size:23px;color:var(--ink)}
.portrait-type p{margin:0}
.portrait-method{padding:7px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.portrait-method>p{margin:3px 0 12px;font-size:14px;line-height:1.7;max-width:76ch}
.archive-report{display:flex;flex-direction:column;gap:20px;min-width:0}
.archive-report-body{font-family:var(--font-ui);font-size:17px;line-height:1.75}
.dashboard-area-summary{padding:20px 23px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-size:15px;line-height:1.7}
.profile-personal{display:grid;gap:20px;min-width:0}
.profile-notes textarea.inp{min-height:112px;resize:vertical;line-height:1.65;font-weight:400}
.profile-field-help{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:13px;font-weight:400;line-height:1.6;color:var(--muted)}
.profile-note-count{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}
.profile-note-count[data-over-limit=true],.profile-field-help[data-over-limit=true]{color:var(--danger)}
.tile-pricing{display:flex;flex-direction:column;gap:4px;padding-top:7px;min-width:0}
.test-price,.dashboard-test-price{font-family:var(--font-ui);font-size:18px;font-weight:600;line-height:1.4;color:var(--ink);font-variant-numeric:tabular-nums}
.demo-price-note{margin:0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}
.tintro .demo-price-note{font-size:13px;max-width:72ch}
.dashboard-next .dashboard-test-price{margin:0;font-size:17px}
.portrait-metric .test-price{font-size:15px}
.portrait-metric .demo-price-note{font-size:12px;line-height:1.55}
@media(hover:hover){.dashboard-report-secondary .btn:hover,.portrait-metric-action:not(.btn):hover{color:var(--accent-text);background:transparent}.portrait-metric-action.btn:hover{background:var(--surface-raised)}}
@media(max-width:1000px){.dashboard-results-first .dashboard-top{flex-direction:column;gap:15px}.dashboard-results-first .dashboard-account{max-width:100%;width:100%;justify-content:flex-start}.dashboard-results-first .dashboard-account .btn{margin-left:auto}.portrait-domains{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-report-title{font-size:18px}}
@media(max-width:760px){
  .dashboard.dashboard-results-first{gap:24px}.dashboard-results-first .dashboard-top{gap:13px}.dashboard-results-first .dashboard-title{font-size:32px}.dashboard-results-first .dashboard-intro{font-size:14px}.dashboard-results-first .dashboard-account{gap:9px}.dashboard-results-first .dashboard-account .tt{font-size:14px}.dashboard-results-first .dashboard-account .btn{font-size:12px;min-height:40px;padding:9px 11px}.dashboard-section-head .h2{font-size:27px}.dashboard-section-head p,.dashboard-section-head .muted{font-size:13px}
  .dashboard-results-first .dashboard-ready-reports .dashboard-report-list{grid-template-columns:1fr;gap:12px}.dashboard-results-first .dashboard-report-list .dashboard-report-tile{padding:17px 18px;gap:11px 14px}.dashboard-report-title{font-size:18px}.dashboard-results-first .dashboard-report-open.btn{max-width:135px;padding:10px 12px;font-size:13px}.dashboard-report-secondary{gap:7px;padding-top:7px}.dashboard-report-secondary .btn{flex-basis:110px;padding-inline:7px;font-size:12px}
  .dashboard-results-first .dashboard-progress.dashboard-progress-linear{padding:20px;gap:12px}.dashboard-progress-linear .h2{font-size:22px}.dashboard-progress-linear .dashboard-progress-count{font-size:19px}.dashboard-progress-track{gap:5px;height:10px}.dashboard-progress-linear .dashboard-progress-head{align-items:flex-start}
  .dashboard-results-first .dashboard-next,.dashboard-results-first .dashboard-final{display:flex;flex-direction:column;gap:13px;padding:22px;align-items:stretch}.dashboard-results-first .dashboard-next>.btn,.dashboard-results-first .dashboard-final>.btn{width:100%;min-width:0;max-width:none;align-self:stretch}.dashboard-results-first .dashboard-next-title{font-size:27px}.dashboard-results-first .dashboard-personal{grid-template-columns:1fr;gap:15px}
  .dashboard-portrait{gap:22px}.dashboard-portrait>.h2{font-size:29px}.portrait-section-head .h3{font-size:24px}.portrait-traits{padding:0 20px}.portrait-traits>.portrait-metric{padding:18px 0}.portrait-metric-title{font-size:17px}.portrait-metric-value{font-size:18px}.portrait-metric-description,.portrait-metric p{font-size:14px}.portrait-domains{grid-template-columns:1fr;gap:12px}.portrait-domains>.portrait-metric{padding:20px}.portrait-domains .portrait-metric-title{font-size:18px}.portrait-summary-columns{grid-template-columns:1fr;gap:20px}.portrait-summary>.h3,.portrait-summary>.h2{font-size:25px}.portrait-summary-columns h3,.portrait-summary-columns h4{font-size:17px}.portrait-summary-columns p,.portrait-summary-columns li{font-size:14px}.dashboard-area-summary{padding:19px 20px}
}
@media(max-width:380px){.dashboard-results-first .dashboard-title{font-size:30px}.dashboard-results-first .dashboard-report-list .dashboard-report-tile{padding:15px;gap:10px 12px}.dashboard-report-title{font-size:17px}.dashboard-results-first .dashboard-report-open.btn{max-width:110px;padding:9px;font-size:12px}.dashboard-results-first .dashboard-progress.dashboard-progress-linear{padding:18px}.dashboard-progress-linear .h2{font-size:21px}.dashboard-progress-track{gap:4px}.portrait-traits{padding-inline:18px}.portrait-domains>.portrait-metric{padding:18px}.top,.top.dark{padding-inline:10px;gap:6px}.brand{font-size:18px;gap:6px}.brand svg{width:27px;height:27px}.tr{gap:6px}}

/* Manual demo: questionnaire scores and delivered interpretation are separate states. */
.review-pending { border-color: var(--gold, #cba873); }
.review-pending p { line-height: 1.7; }
.questionnaire-scales .portrait-metric { margin-top: 14px; }

/* Author photography: warm skin, graphite breathing space, and visible eyes. */
.author-hero{background:#191D21;min-height:530px}
.author-hero .author-hero-media{position:absolute;inset:0;display:block;z-index:-2;overflow:hidden}
.author-hero .author-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 0%}
.author-hero::after{background:linear-gradient(90deg,#191D21 0%,rgba(25,29,33,.98) 24%,rgba(25,29,33,.86) 43%,rgba(25,29,33,.18) 64%,transparent 80%),linear-gradient(0deg,rgba(25,29,33,.56),transparent 37%)}
.author-hero .home-hero-content{max-width:min(465px,49%)}
.author-hero .hsub{max-width:390px}
.author-hero .hero-compass{width:145px;height:145px;right:28px;bottom:102px}
.author-signature{position:absolute;right:31px;bottom:27px;z-index:1;color:#F4F3EF;border-bottom:1px solid rgba(213,177,106,.7);padding:0 0 7px;font:500 12px/1.4 var(--font-ui);letter-spacing:.055em;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.author-hero .home-progress{max-width:465px}
.tph{overflow:hidden}
.author-photo{transform-origin:50% 40%;backface-visibility:hidden}
.author-test-portrait img{object-fit:cover}
.author-test-portrait .test-portrait-copy{padding-top:100px;background:linear-gradient(transparent,rgba(25,29,33,.94))}
.author-test-portrait[data-photo-theme=confidence] .test-portrait-copy{padding-top:65px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .tile .author-photo{transition:transform .55s cubic-bezier(.2,.7,.3,1),filter .38s ease-out}
  .tile:hover .author-photo,.tile:focus-visible .author-photo{transform:scale(1.035)}
}
@media(min-width:1400px){.author-hero{min-height:560px}}
@media(min-width:761px) and (max-width:1000px){
  .author-hero{padding:32px;min-height:540px}
  .author-hero .home-hero-content{max-width:53%}
  .author-hero .h1{font-size:43px}
  .author-hero .hero-compass{width:120px;height:120px;right:20px;bottom:105px}
  .author-hero .home-progress{max-width:52%}
}
@media(max-width:760px){
  .author-hero{padding-top:365px;min-height:0;align-content:end}
  .author-hero .author-hero-media{bottom:auto;height:395px}
  .author-hero .author-hero-media img{object-position:center 29%}
  .author-hero::after{background:linear-gradient(180deg,transparent 245px,rgba(25,29,33,.52) 320px,#191D21 395px)}
  .author-hero .home-hero-content,.author-hero .home-progress{max-width:none}
  .author-hero .hsub{max-width:none}
  .author-hero .hero-compass{width:94px;height:94px;right:20px;top:258px;bottom:auto}
  .author-signature{left:25px;right:auto;top:327px;bottom:auto;font-size:11px;padding-bottom:5px}
}
@media(max-width:380px){
  .author-hero{padding-top:335px}
  .author-hero .author-hero-media{height:365px}
  .author-hero::after{background:linear-gradient(180deg,transparent 220px,rgba(25,29,33,.56) 290px,#191D21 365px)}
  .author-hero .hero-compass{width:86px;height:86px;top:231px;right:16px}
  .author-signature{left:20px;top:297px}
}
@media(prefers-reduced-motion:reduce){.tile .author-photo{transition:none;transform:none!important}}

/* Keep the full portrait visible in the wide meditation banner. */
@media(min-width:761px){.mph.big2{height:360px}}