/* The Founder's Blueprint — ExploraSelf
   Ruled bands, numbered levels, one gold accent reserved for emphasis and for
   what is paid. The programme should read like a field guide, not an app. */

:root{
  --paper:#FBF7EE; --panel:#FFFDF7; --ink:#2B1B12; --navy:#01233B;
  --gold:#C9A24A; --gold-ink:#7A5C16; --cream:#F3E9D4; --line:#DFD3B8; --muted:#6B6153;
  --self:#8C5A3C; --people:#4C6B55; --work:#3E5C78; --market:#8A6A1F;
  --ok:#2F6B45;
  --display:'Fraunces',Georgia,serif; --body:'Libre Franklin',system-ui,Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.14;margin:0;text-wrap:balance}
p{margin:0}
button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;top:-60px;left:0;background:var(--ink);color:var(--paper);padding:11px 16px;z-index:50}
.skip:focus{top:0}
.eyebrow{font:600 10px/1.6 var(--body);letter-spacing:2.2px;text-transform:uppercase;color:var(--gold-ink)}

/* header */
.top{background:var(--ink);color:#F6EEDD;border-bottom:3px solid var(--gold);position:sticky;top:env(safe-area-inset-top,0px);z-index:30}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:31;background:var(--ink)}
.topin{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}
.bmark svg{width:28px;height:28px;color:var(--gold)}
.bsmall{display:block;font:600 9px/1 var(--body);letter-spacing:3.4px;color:#C0B19A}
.bname{display:block;font-family:var(--display);font-size:23px;margin-top:4px;letter-spacing:-.3px}
.tnav{display:flex;gap:8px;flex-wrap:wrap}
.tnav button{border:1px solid #5B4835;border-radius:999px;padding:8px 15px;font-size:11.5px;font-weight:600;color:#E7DCC7}
.tnav button:hover{border-color:var(--gold);color:var(--gold)}
.tnav button[aria-current="page"]{background:var(--gold);color:var(--ink);border-color:var(--gold)}

/* bands */
.band{border-top:1px solid var(--line)}
.band:first-child{border-top:0}
.band .wrap{padding-block:48px}
.hero{background:var(--navy);color:#F6EEDD;border-top:0}
.hero .eyebrow{color:var(--gold)}
.hero h1{font-size:clamp(36px,6.4vw,62px);letter-spacing:-1.5px;margin-top:13px}
.hero .sub{font-family:var(--display);font-size:clamp(18px,2.3vw,24px);color:var(--gold);margin-top:11px}
.hero .lede{max-width:62ch;margin-top:17px;color:#DCCDB4;font-size:15.5px;line-height:1.85}
.facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.fact{border:1px solid #42546010;border-color:#45565F;padding:8px 13px;font:600 11px/1.4 var(--body);color:#E6D9BE}
h2.sec{font-size:clamp(25px,3.8vw,34px);letter-spacing:-.6px;margin-top:9px}
.sec-lede{max-width:64ch;margin-top:13px;color:var(--muted);font-size:15px;line-height:1.8}

.cta{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--ink);font:600 13px/1 var(--body);padding:15px 22px;margin-top:26px}
.cta:hover{filter:brightness(1.07)}
.ghost{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:12px 18px;font:600 12px/1 var(--body);margin-top:26px}
.ghost:hover{border-color:var(--gold);color:var(--gold-ink)}

/* diagnostic */
.quiz{display:grid;gap:13px;margin-top:26px}
.q{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);padding:18px 20px}
.q .dl{font:600 9.5px/1.4 var(--body);letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-ink)}
.q h4{font-size:19px;margin-top:7px}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.opt{border:1px solid var(--line);border-radius:999px;padding:9px 15px;font:500 12.5px/1.3 var(--body);transition:.15s}
.opt:hover{border-color:var(--gold)}
.opt[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

.result{margin-top:26px;background:var(--cream);border:1px solid var(--line);border-top:3px solid var(--gold);padding:24px}
.rgrid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:start}
.bars{display:grid;gap:12px}
.bar{display:grid;grid-template-columns:62px 1fr 34px;gap:10px;align-items:center}
.bar .bn{font:600 10px/1.3 var(--body);letter-spacing:1px;text-transform:uppercase}
.track{height:9px;background:rgba(0,0,0,.09);border-radius:9px;overflow:hidden}
.track i{display:block;height:100%;border-radius:9px;transition:width .5s ease}
.bv{font-variant-numeric:tabular-nums;font-weight:600;text-align:right;font-size:12px}
.stage-pill{display:inline-block;font:600 10px/1 var(--body);letter-spacing:2px;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:7px 12px;margin-bottom:11px}
.verdict h3{font-size:24px}
.verdict p{margin-top:11px;font-size:14.5px;line-height:1.8;color:var(--muted)}
.verdict .first{margin-top:15px;padding-top:14px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink)}
.verdict .first b{font-family:var(--display);font-size:19px;font-weight:500;display:block;margin-top:5px}

/* the map */
.switch{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.sbtn{flex:1 1 180px;text-align:left;background:var(--panel);border:1px solid var(--line);padding:15px 17px;transition:.15s}
.sbtn:hover{border-color:var(--gold)}
.sbtn[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sbtn strong{font-family:var(--display);font-size:21px;font-weight:500;display:block}
.sbtn small{display:block;margin-top:5px;font-size:11.5px;opacity:.82;line-height:1.5}

.levels{margin-top:26px;border-top:2px solid var(--ink)}
.lrow{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;width:100%;text-align:left}
.lrow:hover{background:var(--cream)}
.lno{font-family:var(--display);font-size:22px;color:var(--gold-ink)}
.ltitle{font-family:var(--display);font-size:19px;line-height:1.3;min-width:0}
.lemph{font:600 9.5px/1.3 var(--body);letter-spacing:1.3px;text-transform:uppercase;white-space:nowrap}
.lgate{font:600 9.5px/1.3 var(--body);letter-spacing:.9px;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:6px}
.g-free{color:var(--ok)}.g-session{color:var(--gold-ink)}.g-lab{color:var(--work)}.g-hub{color:var(--self)}
.ldone{font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted)}

/* a level */
.promise{background:var(--cream);border:1px solid var(--line);border-top:3px solid var(--gold);padding:22px 24px;margin-top:22px}
.ptext{font-family:var(--display);font-size:clamp(17px,2.2vw,22px);line-height:1.45;margin-top:9px;max-width:62ch}
.pmeta{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;margin-top:15px;font:600 11px/1.4 var(--body);color:var(--muted)}
.pmeta b{color:var(--ink)}
.ptrack{height:6px;background:rgba(0,0,0,.1);margin-top:9px;border-radius:6px;overflow:hidden}
.ptrack i{display:block;height:100%;width:0;background:var(--gold);transition:width .4s ease}

.dtabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.dtab{flex:1 1 150px;text-align:left;background:var(--panel);border:1px solid var(--line);padding:12px 14px;transition:.15s}
.dtab:hover{border-color:var(--gold)}
.dtab[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.dtab strong{display:block;font:600 10px/1.3 var(--body);letter-spacing:1.5px;text-transform:uppercase}
.dtab span{display:block;font-family:var(--display);font-size:16px;margin-top:5px;line-height:1.25}
.dtab em{display:block;font-style:normal;font-size:10.5px;margin-top:6px;opacity:.75;font-variant-numeric:tabular-nums}

.steps{margin-top:18px;border-top:2px solid var(--ink)}
.step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.snum{font-family:var(--display);font-size:21px;color:var(--gold-ink);line-height:1.1}
.step.done .snum{color:var(--ok)}
.sname{font:600 9.5px/1.3 var(--body);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-ink)}
.swhy{font-size:11.5px;color:var(--muted);margin-top:3px}
.sask{font-family:var(--display);font-size:18px;line-height:1.4;margin-top:8px}
.step textarea{width:100%;margin-top:10px;min-height:62px;resize:vertical;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:11px 13px;font:14px/1.6 var(--body)}
.step textarea:focus-visible{border-color:var(--gold)}
.savenote{margin-top:16px;font-size:11.5px;color:var(--muted)}

/* gates */
.gate{background:var(--navy);color:#F6EEDD;border-top:4px solid var(--gold);padding:30px;margin-top:24px}
.gate .eyebrow{color:var(--gold)}
.gate h3{font-size:clamp(24px,3.4vw,32px);margin-top:10px;color:#F6EEDD}
.gate p{margin-top:14px;max-width:62ch;color:#DCCDB4;line-height:1.8;font-size:15px}
.gate .price{font-family:var(--display);font-size:26px;color:var(--gold);margin-top:16px;display:block}

.ladder{display:grid;gap:12px;margin-top:24px}
.rung{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:16px 18px}
.rung .wk{font:600 10px/1.4 var(--body);letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-ink)}
.rung h4{font-size:18px}
.rung p{font-size:12.5px;color:var(--muted);margin-top:5px;line-height:1.6}
.rung .price{font-family:var(--display);font-size:20px;white-space:nowrap}
.rung.free{border-left:3px solid var(--ok)}
.rung.session{border-left:3px solid var(--gold)}
.rung.lab{border-left:3px solid var(--work)}
.rung.hub{border-left:3px solid var(--self)}
.rung.premium{border-left:3px solid var(--gold);background:var(--cream);border-color:var(--gold)}

.foot{border-top:1px solid var(--line);background:var(--cream)}
.foot .wrap{padding-block:30px}
.foot p{font-size:12px;color:var(--muted)}
.foot strong{font-family:var(--display);font-size:17px;color:var(--ink);font-weight:500}
.foot .fine{margin-top:12px;font-size:11px}

@media(max-width:820px){
  .rgrid{grid-template-columns:1fr}
  .lrow{grid-template-columns:40px minmax(0,1fr);gap:10px}
  .lemph,.ldone{display:none}
  .lgate{grid-column:2;font-size:9px}
  .rung{grid-template-columns:1fr;gap:7px}
  .bname{font-size:19px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ── Worksheets ──────────────────────────────────────────────────────────────
   A worksheet sits inside the step it serves, and reads as a sheet of paper
   laid on the page: panel ground, ruled cells, one framed result window. The
   gold is kept for the window and the decision line — the two things the
   founder is meant to walk away holding. */
.sheet{margin-top:16px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);padding:18px 18px 16px}
.shead h4{font-size:19px;margin-top:4px}
.slead{font-size:13.5px;color:var(--muted);margin-top:7px;max-width:62ch}

.wcell{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:8px 2px;font:14px/1.5 var(--body);color:var(--ink);min-width:0}
.wcell:focus{outline:none;border-bottom:2px solid var(--gold);background:#FFF}
.wnum{text-align:right;font-variant-numeric:tabular-nums}

.wtable{margin-top:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.wtable table{width:100%;min-width:420px;border-collapse:collapse}
.wtable th{text-align:left;font:600 10px/1.4 var(--body);letter-spacing:1.1px;text-transform:uppercase;color:var(--gold-ink);padding:0 6px 7px;border-bottom:1.5px solid var(--ink);white-space:nowrap}
.wtable td{padding:1px 6px;vertical-align:bottom}
.wtable th:last-child,.wtable td:last-child{width:1%}

.wfields,.wfill{margin-top:14px;display:grid;gap:12px}
@media(min-width:620px){.wfields{grid-template-columns:1fr 1fr}}
.wfield{display:block}
.wfield>span{display:block;font:600 10px/1.4 var(--body);letter-spacing:1.1px;text-transform:uppercase;color:var(--gold-ink);margin-bottom:3px}
.wfield>span em{font-style:normal;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400}

.wgrid{margin-top:14px;display:grid;gap:12px}
@media(min-width:620px){.wgrid{grid-template-columns:1fr 1fr}}
.wbox{display:block;background:var(--paper);border:1px solid var(--line);padding:11px 13px}
.wbox>span{display:block;font:600 10px/1.4 var(--body);letter-spacing:1.1px;text-transform:uppercase;color:var(--gold-ink);margin-bottom:2px}

.wrank{margin-top:14px;display:grid;gap:10px}
.wslot{display:grid;grid-template-columns:26px 74px minmax(0,1fr);gap:10px;align-items:baseline}
.wsn{font-family:var(--display);font-size:20px;color:var(--gold)}
.wsl{font:600 10px/1.4 var(--body);letter-spacing:1.1px;text-transform:uppercase;color:var(--gold-ink)}
@media(max-width:519px){.wslot{grid-template-columns:26px minmax(0,1fr)}.wsl{display:none}}

/* The result window */
.rwin{margin-top:16px;background:var(--cream);border:1px solid var(--line);border-top:3px solid var(--gold);padding:14px 16px}
.rwin.empty{background:transparent;border-top-color:var(--line)}
.rlabel{font:600 10px/1.4 var(--body);letter-spacing:1.3px;text-transform:uppercase;color:var(--gold-ink)}
.rwait{font-size:13px;color:var(--muted);margin-top:5px}
.rval{font-family:var(--display);font-size:38px;line-height:1.05;margin-top:5px;font-variant-numeric:tabular-nums}
.rval small{font-family:var(--body);font-size:14px;font-weight:600;color:var(--muted);margin-left:5px;letter-spacing:.2px}
.rval.rtext{font-size:19px;line-height:1.4;font-variant-numeric:normal}
.rread{font-size:13.5px;line-height:1.6;color:var(--ink);margin-top:9px;max-width:62ch;border-top:1px solid var(--line);padding-top:9px}

.teach{margin-top:13px;border-top:1px solid var(--line);padding-top:11px}
.teach summary{font:600 12px/1.5 var(--body);letter-spacing:.3px;color:var(--gold-ink);cursor:pointer;list-style:none}
.teach summary::-webkit-details-marker{display:none}
.teach summary::before{content:'›';display:inline-block;margin-right:8px;transition:transform .15s}
.teach[open] summary::before{transform:rotate(90deg)}
.teach p{font-size:13.5px;line-height:1.7;color:var(--muted);margin-top:9px;max-width:66ch}

.sdecide{margin-top:13px;font-size:13.5px;line-height:1.6;border-top:1px solid var(--line);padding-top:11px}
.sdecide b{font-family:var(--display);font-weight:500}

/* ── The workspace ───────────────────────────────────────────────────────────
   A rail of twelve levels that never leaves the screen, and one module open
   beside it. On a phone the rail becomes a drawer, because a founder working
   on a train should see the work, not the menu. */
body.inwork{background:var(--paper)}
body.inwork .foot{display:none}
.shell{display:block}
@media(min-width:1000px){
  .shell{display:grid;grid-template-columns:302px minmax(0,1fr);align-items:start;
    max-width:1320px;margin:0 auto;padding:0 max(18px,env(safe-area-inset-left,0px)) 0 max(18px,env(safe-area-inset-right,0px));gap:30px}
  .railwrap{position:sticky;top:0;max-height:100vh;overflow-y:auto;overscroll-behavior:contain;
    padding:22px 0 40px;scrollbar-width:thin}
}

/* The rail */
.rail{border-right:1px solid var(--line)}
@media(max-width:999px){.rail{border-right:0}}
.railtop{padding:0 20px 18px 2px;border-bottom:2px solid var(--ink);margin-bottom:4px}
.railtop h2{font-size:23px;margin-top:3px}
.railsub{font-size:12.5px;color:var(--muted);margin-top:5px;line-height:1.5}

.rsec{padding:16px 20px 15px 2px;border-bottom:1px solid var(--line)}
.rsh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.rsn{font-family:var(--display);font-size:15.5px;line-height:1.2}
.rss{font:600 9.5px/1.4 var(--body);letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);margin-top:3px}
.rtag{flex:0 0 auto;font:600 9.5px/1 var(--body);letter-spacing:.9px;text-transform:uppercase;
  color:var(--gold-ink);border:1px solid var(--line);padding:5px 7px;white-space:nowrap}
.rtag.open{color:var(--ok);border-color:currentColor}
.rlist{list-style:none;margin:11px 0 0;padding:0}
.rlev{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) 18px;gap:9px;align-items:center;
  text-align:left;padding:8px 8px 8px 4px;border-left:2px solid transparent}
.rlev:hover{background:var(--panel)}
.rnum{font-family:var(--display);font-size:15px;color:var(--gold)}
.rtxt{min-width:0}
.rtxt b{display:block;font-weight:500;font-size:13.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rtxt em{display:block;font-style:normal;font-size:10.5px;color:var(--muted);margin-top:1px;font-variant-numeric:tabular-nums}
.rmark{font-size:11px;text-align:right;color:var(--muted)}
.rmark.done{color:var(--ok);font-weight:700}
.rlev.done .rnum{color:var(--ok)}
.rlev.waiting .rtxt b,.rlev.locked .rtxt b{color:var(--muted)}
.rlev.locked .rnum{color:var(--line)}
.rlev.here{background:var(--cream);border-left-color:var(--gold)}
.rlev.here .rtxt b{font-weight:600}
.rsec.shut .rlist{opacity:.72}
.rnote{font-size:11.5px;line-height:1.55;color:var(--muted);margin-top:9px;padding-left:4px}
.rprem{margin:16px 20px 0 2px;background:var(--navy);color:#F6F1E6;padding:16px 17px}
.rprem .eyebrow{color:var(--gold)}
.rprem h4{font-size:18px;margin-top:3px}
.rprem p{font-size:12px;line-height:1.6;margin-top:7px;color:#D9D2C5}
.rprem .price{display:inline-block;margin-top:10px;font:600 13px var(--body);color:var(--gold)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* The work column */
.work{padding:22px 0 60px;min-width:0}
@media(max-width:999px){.work{padding:16px 18px 60px}}
.lvh{border-top:2px solid var(--ink);padding-top:14px}
.lvh h2{font-size:clamp(24px,4.4vw,33px);margin-top:4px}
.lvtrack{height:3px;background:var(--line);margin-top:14px}
.lvtrack i{display:block;height:100%;background:var(--gold);transition:width .2s}
.lvcount{font:600 10.5px/1 var(--body);letter-spacing:1.1px;text-transform:uppercase;color:var(--gold-ink);margin-top:7px}
.backrail{display:none}
@media(max-width:999px){
  .backrail{display:inline-block;font:600 11px/1 var(--body);letter-spacing:1.1px;text-transform:uppercase;
    color:var(--gold-ink);border:1px solid var(--line);padding:8px 11px;margin-bottom:14px}
  .railwrap{display:none}
  body.railopen .railwrap{display:block;padding:18px 18px 40px;border-bottom:2px solid var(--ink)}
  body.railopen .work{display:none}
}

/* Domain tabs */
.mtabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:22px;border:1px solid var(--line);border-bottom:2px solid var(--ink)}
.mtab{padding:11px 6px 10px;text-align:center;border-right:1px solid var(--line);background:var(--panel);min-width:0}
.mtab:last-child{border-right:0}
.mtab b{display:block;font-family:var(--display);font-weight:500;font-size:15px}
.mtab em{display:block;font-style:normal;font-size:10px;color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums}
.mtab[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.mtab[aria-pressed="true"] em{color:var(--gold)}
.mtab:hover[aria-pressed="false"]{background:var(--cream)}

.mod{margin-top:24px}
.modh{display:flex;gap:13px;align-items:flex-start}
.dkey{flex:0 0 auto;width:10px;height:10px;border-radius:50%;margin-top:7px}
.modh h3{font-size:clamp(20px,3.4vw,26px);margin-top:3px}
.modsub{font-size:13.5px;color:var(--muted);margin-top:5px}
.vid{margin-top:18px;aspect-ratio:16/9;background:var(--ink);border:1px solid var(--line)}
.vid iframe{width:100%;height:100%;border:0;display:block}

/* Footers of a module */
.donext{margin-top:22px;border-top:1px solid var(--line);padding-top:16px;display:flex;
  flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.donext p{font-size:13.5px;color:var(--muted)}
.gain{margin-top:26px;background:var(--cream);border:1px solid var(--line);border-top:3px solid var(--gold);padding:22px 24px}
.gain h4{font-size:21px;margin-top:5px}
.gaint{font-family:var(--display);font-size:15px;color:var(--gold-ink);margin-top:5px}
.gainp{font-size:14.5px;line-height:1.7;margin-top:11px;max-width:64ch}
.gain .cta{margin-top:16px}
.wait{margin-top:26px;background:var(--panel);border:1px solid var(--line);padding:24px 26px}
.wait h3{font-size:21px;margin-top:4px}
.wait p{font-size:14.5px;line-height:1.7;margin-top:10px;max-width:62ch;color:var(--muted)}
.wait .cta{margin-top:16px}

/* ── The reading ─────────────────────────────────────────────────────────────
   What the Blueprint says back after levels one to three. It sits above the
   invitation to the next level on purpose: the finding comes first, the door
   second. */
.rep{margin-top:28px;border:1px solid var(--line);border-top:3px solid var(--ink);background:var(--panel);padding:24px 26px}
.reph h4{font-size:clamp(21px,3.4vw,26px);margin-top:5px}
.repstand{font-size:15px;line-height:1.75;margin-top:12px;max-width:64ch}
.repthin{font-size:12.5px;line-height:1.65;color:var(--muted);margin-top:11px;max-width:64ch;
  border-left:2px solid var(--line);padding-left:12px}
.reps{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
.rfind{display:grid;grid-template-columns:30px minmax(0,1fr);gap:13px;padding:19px 0;border-bottom:1px solid var(--line)}
.rfn{font-family:var(--display);font-size:21px;color:var(--gold);line-height:1.1}
.rfind.sev3 .rfn{color:var(--self)}
.rfd{font:600 9.5px/1.4 var(--body);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);
  display:flex;align-items:center;gap:7px}
.dkey.sm{width:7px;height:7px;margin:0}
.rfind h5{font-family:var(--display);font-weight:500;font-size:18.5px;line-height:1.25;margin-top:5px}
.rfb{font-size:14.5px;line-height:1.75;margin-top:9px;max-width:64ch}
.rfs{font-size:14px;line-height:1.7;margin-top:11px;max-width:64ch;background:var(--cream);padding:10px 13px;border-left:2px solid var(--gold)}
.rfs b{font-family:var(--display);font-weight:500}
.rfw{margin-top:11px;font:600 11.5px/1.4 var(--body);letter-spacing:.4px;color:var(--gold-ink);
  border-bottom:1px solid var(--line);padding-bottom:3px;text-align:left}
.rfw:hover{border-bottom-color:var(--gold)}
.repfine{font-size:11.5px;line-height:1.6;color:var(--muted);margin-top:16px}

/* The compass mark is inline in eyebrows; without a size it inherits the
   block's width. One rule, everywhere it appears. */
.eyebrow svg{width:1.05em;height:1.05em;display:inline-block;vertical-align:-0.16em;margin-right:.45em;flex:0 0 auto}

/* ── The journey ─────────────────────────────────────────────────────────────
   Four steps at the entrance, so a founder knows where they are standing
   before they answer anything. The first is marked because they are on it. */
.jband{border-top:1px solid var(--line)}
.journey{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:0;border-top:2px solid var(--ink)}
.jstep{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.jn{font-family:var(--display);font-size:25px;color:var(--line);line-height:1}
.jstep.now{background:var(--cream);padding-left:16px;padding-right:16px;margin-left:-16px;margin-right:-16px;border-left:3px solid var(--gold)}
.jstep.now .jn{color:var(--gold)}
.jwhen{font:600 9.5px/1.4 var(--body);letter-spacing:1.3px;text-transform:uppercase;color:var(--gold-ink)}
.jstep h3{font-size:19px;margin-top:4px}
.jd{font-size:14px;line-height:1.7;color:var(--muted);margin-top:7px;max-width:68ch}
.jstep.now .jd{color:var(--ink)}
.jfoot{font-size:13px;line-height:1.7;color:var(--muted);margin-top:18px;max-width:70ch}
@media(min-width:760px){.journey{grid-template-columns:1fr 1fr}
  .jstep{border-bottom:1px solid var(--line)}
  .jstep:nth-child(odd){border-right:1px solid var(--line);padding-right:22px}
  .jstep:nth-child(even){padding-left:22px}
  .jstep.now{margin-left:0;padding-left:16px}}

/* The referee's reading */
.barnote{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:44ch}
.verdict.ahead{border-left:3px solid var(--self)}
.verdict.behind{border-left:3px solid var(--work)}
.verdict.agree{border-left:3px solid var(--ok)}
.amb{font-size:14px;line-height:1.75;color:var(--muted);margin-top:13px;max-width:62ch}
.sure{font-size:13.5px;line-height:1.7;margin-top:15px;max-width:62ch;background:var(--panel);
  border:1px solid var(--line);padding:13px 15px}
.sure b{font-family:var(--display);font-weight:500}