:root{--ink:#1f2b33;--ink2:#4a5862;--mute:#7b8790;--line:#dfe4e8;--acc:#2c3e4a;--acc2:#3f7a8c;--accl:#e3eff2;--warm:#c8692d;--warml:#fbefe6;--panel:#f5f7f8}
*{box-sizing:border-box}
body{font-family:"Helvetica Neue",Arial,"Liberation Sans",sans-serif;color:var(--ink);font-size:16px;line-height:1.55;margin:0;background:#1A140F}
.page{max-width:760px;margin:0 auto;background:var(--paper);padding:0 0 40px}
.brand{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--acc);padding:18px 28px 10px}
.brand b{letter-spacing:.01em;font-size:22px;color:var(--acc)}
.brand span{font-size:12.5px;color:var(--mute)}
.wrap{padding:0 28px}
.note{font-size:12px;color:var(--mute);background:var(--paper)8e6;border:1px dashed #D9D0C1;border-radius:6px;padding:6px 10px;margin:14px 28px 0}
.eyebrow{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:bold}
h1{font-size:44px;line-height:1.05;margin:4px 0 8px;color:var(--acc)}
h2{font-size:23px;color:var(--acc);margin:34px 0 8px}
h3{font-size:16px;margin:20px 0 4px;color:var(--ink)}
p{margin:0 0 10px}
ul{margin:6px 0 12px;padding-left:20px} li{margin:6px 0}
.snap{background:var(--panel);border-radius:14px;margin:18px 28px 0;padding:20px 22px 22px}
.snap .tag{display:inline-block;background:var(--acc);color:#fff;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-radius:10px;padding:2px 10px;margin-bottom:8px}
.snap h2{margin:0 0 2px;font-size:25px}
.who{font-size:13.5px;color:var(--ink2);margin:0 0 14px}
.scores{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;background:var(--paper);border-radius:10px;padding:16px 18px}
.big{font-size:54px;font-weight:bold;line-height:1;color:var(--acc)}
.big small{display:block;font-size:12.5px;font-weight:normal;color:var(--ink2);margin-top:6px}
.meter{margin:8px 0}
.meter .lab{display:flex;justify-content:space-between;font-size:14px}
.track{height:9px;background:var(--panel);border-radius:5px;overflow:hidden;margin-top:4px}
.fill{height:100%;background:var(--acc2);border-radius:5px}
.def{font-size:12px;color:var(--mute);margin-top:3px}
.where{background:var(--paper);border-radius:10px;padding:14px 18px 12px;margin-top:12px}.where h3{margin:0 0 10px;font-size:14px;color:var(--acc)}.gwrap{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:stretch}.ayw{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--mute)}.ayw .arr{font-size:13px;line-height:1}.gwrap .ay{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;color:var(--mute);text-align:center}.grid9{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,44px);gap:4px;font-size:13px}
.grid9 div{background:var(--panel);border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--mute);padding:2px;line-height:1.1}
.grid9 .me{background:var(--acc);color:#fff;font-weight:bold}
.gridcap{font-size:11px;color:var(--mute);text-align:center;margin-top:6px}
.fine{font-size:12.5px;color:var(--mute);margin:8px 0 0}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.tile{background:var(--paper);border-radius:10px;padding:14px 16px}
.tile.wide{grid-column:1 / -1}
.tile h3{margin:0 0 6px;font-size:14px;letter-spacing:.02em;color:var(--acc)}
.tile p{font-size:14.5px;margin:0 0 6px}
.sum{background:var(--accl);border-left:4px solid var(--acc2);border-radius:0 8px 8px 0;padding:10px 14px;margin-top:14px;font-size:14.5px}.sum .k{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc2);font-weight:bold;margin-bottom:2px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 2px}.three>div{background:var(--panel);border-radius:8px;padding:10px 12px}.three .l{font-size:13px;color:var(--ink2);margin-top:4px;line-height:1.35}.three .hi{background:var(--warml)}.three .hi .num{color:var(--warm)}.ready{display:grid;grid-template-columns:1fr 170px;gap:18px;align-items:center;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.ready .rl b{display:block;font-size:14.5px}.ready .rl span{font-size:13px;color:var(--ink2)}.ready .track{margin-top:6px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.duo>div{border-radius:8px;padding:12px 14px}.duo .k{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:bold;margin-bottom:3px}.duo b{font-size:18px;color:var(--acc);display:block;margin-bottom:4px}.duo p{font-size:14px;margin:0}.duo .keep{background:var(--accl)}.duo .keep .k{color:var(--acc2)}.duo .grow{background:var(--warml);border-left:4px solid var(--warm)}.duo .grow .k{color:var(--warm)}.pick{margin:10px 0}.lh{font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:bold;color:#fff;background:var(--warm);border-radius:9px;padding:1px 8px;margin-left:6px;white-space:nowrap}.pd{font-size:13px;color:var(--ink2);margin:1px 0 0}.bar{display:grid;grid-template-columns:390px 1fr max-content;align-items:center;gap:10px;margin:6px 0;font-size:14px}
.bar .t{height:12px;background:var(--panel);border-radius:3px}
.bar .f{height:100%;background:var(--acc2);border-radius:0 4px 4px 0}
.bar.hl .f{background:var(--warm)}
.bar .v{text-align:right;font-weight:bold;white-space:nowrap}
.num{font-size:30px;font-weight:bold;color:var(--acc);line-height:1}
.first{border-left:4px solid var(--warm);background:var(--warml);padding:10px 14px;border-radius:0 8px 8px 0;font-weight:bold}
.first .k{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--warm);margin-bottom:2px}
.lock{margin-top:14px;border:1.5px solid var(--acc);border-radius:10px;padding:14px 16px;background:var(--paper)}
.lock h3{margin:0 0 6px;color:var(--acc)}
.lock ul{margin:4px 0 12px;font-size:14.5px}
.btn{display:inline-block;background:var(--acc);color:#fff;border-radius:8px;padding:10px 18px;font-weight:bold;text-decoration:none;font-size:15px}
.hero{margin:30px 0 0;position:relative}
.hero img{display:block;width:100%;height:420px;object-fit:cover;object-position:30% 45%}
.title{padding:22px 28px 0}
.ray .adv{color:var(--warm);font-weight:bold}.ray{font-size:19px;font-style:italic;color:var(--acc);border-left:3px solid var(--acc2);padding-left:14px;margin:10px 0 0}
.tip{border-left:4px solid var(--warm);background:var(--warml);padding:12px 16px;border-radius:0 8px 8px 0;margin:10px 0}
.next{background:var(--accl);border-radius:12px;padding:16px 20px;margin-top:16px}
.next h3{margin:0 0 6px;font-size:18px;color:var(--acc)}
.share{margin-top:26px;font-size:14px;color:var(--ink2)}
.share .sbtn{margin:8px 0 6px}.share .spriv{font-size:12.5px;color:var(--mute);margin:0}.share span{display:inline-block;border:1px solid var(--line);border-radius:16px;padding:5px 14px;margin:0 6px 6px 0}
@media(max-width:640px){.duo{grid-template-columns:1fr}.ready{grid-template-columns:1fr}.three{grid-template-columns:1fr}.scores{grid-template-columns:1fr}.tiles{grid-template-columns:1fr}.bar{grid-template-columns:1fr 56px max-content}h1{font-size:36px}.hero img{height:300px}}

.pc{background:var(--panel);border-radius:14px;padding:16px 18px 18px;margin:16px 0 6px}
.pc .tag{display:inline-block;background:var(--acc);color:#fff;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:10px;padding:2px 10px;margin-bottom:8px;font-weight:bold}
.pc h3{margin:0 0 6px;font-size:17px;color:var(--acc)}
.pc p{font-size:14.5px}
.pc .scores,.pc .where{background:var(--paper)}
.pc .bar .t{background:var(--paper)}.pc .three>div{background:var(--paper)}.pc .three .hi{background:var(--paper)}
.pc .track{background:var(--paper)}
.pc .scores .track{background:var(--panel)}
.one{border-radius:8px;padding:12px 14px;background:var(--paper)}
.one b{font-size:18px;color:var(--acc);display:block;margin-bottom:4px}
.one p{margin:0}
.one.grow{background:var(--warml);border-left:4px solid var(--warm)}
.link{font-size:15px;color:var(--ink2);font-style:italic;margin:14px 0 0}
.heroT{padding:20px 28px 0}
.heroT .who{margin:6px 0 0}

.hero2{display:grid;grid-template-columns:300px 1fr;gap:28px;padding:22px 28px 0;align-items:center}
.hero2 img{display:block;width:100%;border-radius:14px}
.hero2 .who{margin:10px 0 0}
a.tl{color:var(--acc2);text-decoration:underline;text-underline-offset:2px}
.next h3 a.tl{color:var(--acc)}
.idx{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.idx a{display:block;text-decoration:none;color:var(--ink);background:var(--panel);border-radius:12px;overflow:hidden}
.idx img{display:block;width:100%}
.idx .t{padding:10px 12px 12px}
.idx b{display:block;font-size:17px;color:var(--acc)}
.idx span{font-size:12.5px;color:var(--ink2);line-height:1.4;display:block;margin-top:2px}
@media(max-width:640px){.hero2{grid-template-columns:1fr}.hero2 img{max-width:320px}.idx{grid-template-columns:1fr 1fr}}

/* ---- R & K Alliance brand layer ---- */
:root{--base:#1A140F;--surface:#221A14;--paper:#F4EFE6;--alt:#EBE3D6;--orange:#F05A28;--orange-d:#C24720;
 --ink:#1A140F;--ink2:#4F463C;--mute:#807869;--line:#D9D0C1;--acc:#1A140F;--acc2:#1A140F;--accl:#EBE3D6;--warm:#C24720;--warml:#EBE3D6;--panel:#EBE3D6}
body{background:var(--base);font-family:"Hanken Grotesk",-apple-system,"Helvetica Neue",Arial,sans-serif}
.page{background:var(--paper)}
.page *{border-radius:2px !important}
h1,h2,h3,.big,.num,.idx b,.next h3,.one b,.duo b,.rk b,.cards2 b.h,.bal .it b,.sit .q,.cta b{font-family:"Bricolage Grotesque","Hanken Grotesk",sans-serif;letter-spacing:-.01em}
h1{font-weight:600}h2{font-weight:600}
.brand{background:var(--base);border-bottom:0;padding:16px 28px 14px;align-items:center}
.brand b,.brand a{color:#F1ECE3;font-family:"Bricolage Grotesque",sans-serif;font-weight:600}
.brand span{color:#B7B0A6;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.04em}
.eyebrow,.tag,.sum .k,.first .k,.duo .k,.part,th,.mh,.lh,.scale .k,.bal .k,.sit .row span.l,.rk .e,.crumb a,.gridcap,.ay,.chips span,.chip,.tog,.btn,.cta a,.cta span,.share span,.three .l b{font-family:"IBM Plex Mono",ui-monospace,monospace}
.eyebrow,.part{color:var(--orange-d);letter-spacing:.12em}
.eyebrow::before,.part::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50% !important;background:var(--orange);margin-right:8px;vertical-align:1px}
.tag{background:none !important;color:var(--mute) !important;padding:0 !important;letter-spacing:.12em;font-weight:500 !important}
.tag::before{content:"/";color:var(--orange);margin-right:7px;font-weight:600}
.note{background:var(--alt);border:1px dashed var(--line);color:var(--mute)}
.ray{border-left-color:var(--orange);font-family:"Bricolage Grotesque",sans-serif;font-style:normal;font-size:20px;line-height:1.35}
.ray .adv{color:var(--orange-d);font-weight:600}
ul{list-style:none;padding-left:0}
ul li{position:relative;padding-left:20px}
ul li::before{content:"/";position:absolute;left:0;color:var(--orange);font-family:"IBM Plex Mono",monospace;font-weight:600}
.fill,.bar .f,.lvl.s i.on,.lvl.g i.on{background:var(--base)}
.bar.hl .f,.lvl.o i.on{background:var(--orange)}
.track,.bar .t{background:var(--line) !important}
.grid9 .me,.start .tile:not(a){background:var(--base);color:#F1ECE3}
.grid9 a:hover,.start a.tile:hover,.sit summary:hover{background:var(--line)}
.lh{background:var(--orange);color:#1A140F}
.sum{background:var(--paper);border-left:3px solid var(--base)}
.sum .k{color:var(--mute)}
.tip,.first,.act,.one.grow,.duo .grow{background:var(--paper);border-left:3px solid var(--orange)}
.wrap>.tip,.wrap>.act{background:var(--alt)}
.first .k,.duo .grow .k{color:var(--orange-d)}
.next{background:var(--alt);border:1px solid var(--line)}
.three .hi{background:var(--paper)}.three .hi .num{color:var(--orange-d)}
.btn,.cta a{background:var(--orange);color:#1A140F;font-weight:600;font-size:13px;letter-spacing:.02em}
.cta{background:var(--base)}.cta span{color:#B7B0A6;font-size:12px}
.lock{border:1px solid var(--base)}
a.tl,.crumb a,.where h3 a{color:var(--base);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.share span{border-color:var(--line);font-size:12px}
td.up,.map td.o,.lvl.o{color:var(--orange-d)}td.dn,.lvl.s,.lvl.g{color:var(--base)}
.chip{background:var(--paper);color:var(--ink2);border:1px solid var(--line);font-weight:500}
.chip.w{background:var(--paper);color:var(--orange-d);border-color:var(--orange)}
.bal .for,.bal .ag{background:var(--alt)}.bal .ag{box-shadow:inset 0 3px 0 var(--orange)}.bal .for{box-shadow:inset 0 3px 0 var(--base)}
.bal .for .k{color:var(--base)}.bal .ag .k{color:var(--orange-d)}
.scale{border-left-color:var(--base)}.scale .lv .w,.scale .lv .s,.scale .lv>div{background:var(--alt)}
.scale .lv .w b,.scale .lv .w em{color:var(--orange-d)}.scale .lv .s b,.scale .lv .s em{color:var(--base)}
.hero img,.hero2 img,.idx img,.rk img{border-radius:2px !important}
.lk{display:flex;flex-direction:column;gap:2px}
.lk b,.lk a{font-size:24px;line-height:1.1}
.lk i{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:11px;color:#B7B0A6;letter-spacing:.04em}
.rkl{display:flex;align-items:center;gap:7px;flex:none}
.rkl img{height:20px;width:auto;display:block}
.rkl em{font-style:normal;font-family:"Hanken Grotesk",sans-serif;font-weight:600;font-size:12.5px;color:#F1ECE3;white-space:nowrap}
.brand{gap:20px}
@media(max-width:640px){.lk i{display:none}}

.part{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc2);font-weight:bold;margin:40px 0 -26px;padding-top:18px;border-top:1px solid var(--line)}
.act{border-left:4px solid var(--warm);background:var(--warml);padding:10px 14px;border-radius:0 8px 8px 0;margin:12px 0 4px;font-weight:bold;font-size:14.5px}
.act .cond{display:block;font-weight:normal;color:var(--ink2);margin-top:3px}
.sit{background:#fff;border-radius:10px;margin:8px 0}
.sit summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto 18px;gap:10px;align-items:center;padding:12px 14px}
.sit summary::-webkit-details-marker{display:none}
.sit summary:hover{background:var(--accl);border-radius:10px}
.sit .q{font-weight:bold;font-size:14.5px}
.sit .car::before{content:"+";font-size:20px;line-height:1;color:var(--acc2);font-weight:bold}
.sit[open] .car::before{content:"\2212"}
.sit .body{padding:0 14px 12px;border-top:1px solid var(--line)}
.sit .sc{font-size:13.5px;color:var(--ink2);font-style:italic;margin:10px 0 4px}
.sit .ar{font-size:12px;color:var(--mute);margin:0 0 8px}
.sit .row{display:grid;grid-template-columns:118px 1fr;gap:10px;font-size:14px;margin:4px 0}
.sit .row span.l{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:bold;padding-top:3px}
.sit .why{font-size:13.5px;color:var(--ink2);margin:8px 0 0}
.tog{float:right;border:1px solid var(--line);background:#fff;border-radius:16px;padding:4px 12px;font-size:12.5px;color:var(--acc2);font-weight:bold;cursor:pointer;font-family:inherit}
.act ul.tips{margin:6px 0 4px;padding-left:20px;font-weight:normal}.act ul.tips li{margin:4px 0}
.bal{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.bal>div{border-radius:12px;padding:14px 16px}
.bal .for{background:var(--accl)}.bal .ag{background:var(--warml)}
.bal .k{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:bold;display:block;margin-bottom:8px}
.bal .for .k{color:var(--acc2)}.bal .ag .k{color:var(--warm)}
.bal .it{background:#fff;border-radius:8px;padding:10px 12px;margin:8px 0;font-size:14px}
.bal .it b{display:block;color:var(--acc);font-size:15px;margin-bottom:2px}
.bal .it .st{display:block;font-weight:bold;margin-top:6px}
.scale{background:#fff;border-radius:10px;padding:12px 14px;margin:0 0 12px;border-left:4px solid var(--acc2)}
.scale .k{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc2);font-weight:bold;margin-bottom:8px}
.scale .lv{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.scale .lv>div{background:var(--panel);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--ink2);line-height:1.35}
.scale .lv b{display:block;font-size:15px;color:var(--ink)}
.scale .lv .w{background:var(--warml)}.scale .lv .w b{color:var(--warm)}
.scale .lv .s{background:var(--accl)}.scale .lv .s b{color:var(--acc)}
.scale .lv em{font-style:normal;float:right;font-size:26px;font-weight:bold;line-height:1;color:var(--ink)}
.scale .lv .w em{color:var(--warm)}.scale .lv .s em{color:var(--acc)}
.mapc{background:#fff;border-radius:10px;padding:4px 14px 6px}
.mh{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:bold;padding:10px 0 8px;border-bottom:1.5px solid var(--acc)}
.ar2{display:grid;grid-template-columns:1fr 84px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.ar2:last-child{border-bottom:0}
.ar2 b{display:block;font-weight:normal}
.ar2 span{font-size:12.5px;color:var(--mute);display:block;margin-top:1px}
.lvl{font-weight:bold;font-size:13px;text-align:right}
.lvl .bar4{display:flex;gap:3px;margin:0 0 3px;justify-content:flex-end}
.lvl .bar4 i{width:17px;height:8px;border-radius:2px;background:var(--line)}
.lvl.s{color:var(--acc)}.lvl.s i.on{background:var(--acc)}
.lvl.g{color:var(--acc2)}.lvl.g i.on{background:var(--acc2)}
.lvl.o{color:var(--warm)}.lvl.o i.on{background:var(--warm)}
.chip{display:inline-block;font-size:11px;font-weight:bold;font-style:normal;border-radius:9px;padding:2px 9px;white-space:nowrap;background:var(--accl);color:var(--acc2)}
.chip.w{background:var(--warml);color:var(--warm)}
table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0 4px;background:#fff;border-radius:8px;overflow:hidden}
th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);border-bottom:1.5px solid var(--acc);padding:8px 10px}
td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
td.up{color:var(--warm);font-weight:bold;white-space:nowrap}
td.dn{color:var(--acc2);font-weight:bold;white-space:nowrap}
.reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0}
.reasons div{background:#fff;border-radius:8px;padding:9px 12px;font-size:13.5px}
.reasons b{color:var(--acc);display:block}
.quote{font-size:17px;font-style:italic;color:var(--acc);border-left:3px solid var(--acc2);padding-left:12px;margin:4px 0 8px}
.sdi{color:var(--mute);font-size:13.5px}
.cards2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.cards2>div{background:#fff;border-radius:8px;padding:12px 14px;font-size:14px}
.cards2 b.h{display:block;color:var(--acc);font-size:16px;margin-bottom:3px}
.cards2 .sd{font-size:12.5px;color:var(--mute);margin-bottom:6px}
.cards2 .a{font-weight:bold;margin-top:6px}
.chips span{display:inline-block;background:var(--acc);color:#fff;border-radius:12px;padding:2px 12px;font-size:13px;font-weight:bold;margin:0 6px 6px 0}
.maps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.map td:last-child{font-weight:bold;width:70px;text-align:right}
.map td.s{color:var(--acc)} .map td.o{color:var(--warm)}
.sd{font-size:12.5px;color:var(--mute);margin-top:1px}
@media(max-width:640px){.scale .lv{grid-template-columns:1fr 1fr}.reasons,.cards2,.maps,.bal{grid-template-columns:1fr}.sit .row{grid-template-columns:1fr;gap:0}.sit summary{grid-template-columns:1fr 18px}.sit summary .chip{grid-column:1;grid-row:2;justify-self:start;white-space:normal}.sit summary .car{grid-column:2;grid-row:1}}
@media print{.tog{display:none}body{background:#fff}.pc,.sit,.next,.tip,.act{break-inside:avoid}}

ol.ahead{margin:6px 0 4px;padding-left:22px;font-size:14.5px}ol.ahead li{margin:5px 0}
.hab{background:var(--paper);border-radius:2px;padding:10px 14px;margin:8px 0}.hab b{font-size:16px;display:block}.hab span{font-size:13px;color:var(--ink2)}
.grid9 div.off{color:var(--mute)}

/* Rookie start tile (from the Rookie report) */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.tile{background:var(--paper);border-radius:10px;padding:14px 16px}
.tile.wide{grid-column:1 / -1}
.tile h3{margin:0 0 6px;font-size:14px;letter-spacing:.02em;color:var(--acc)}
.tile p{font-size:14.5px;margin:0 0 6px}
.tiles{grid-template-columns:1fr}
.grid9 .me,.start .tile:not(a){background:var(--base);color:#F1ECE3}
.grid9 a:hover,.start a.tile:hover,.sit summary:hover{background:var(--line)}
.start{display:grid;grid-template-columns:18px 1fr;gap:8px;margin-top:16px}
.start .tile{background:var(--acc);color:#fff;font-weight:bold;border-radius:4px;text-align:center;padding:10px 8px;font-size:13px;line-height:1.3}
.start .tile small{display:block;font-weight:normal;font-size:12px;color:#cfdce2}
.start .tile{border-radius:2px}.start .tile small{color:#D9D0C1}

/* share buttons */
.share a,.share button{display:inline-block;font:500 12px "IBM Plex Mono",ui-monospace,monospace;color:inherit;background:none;border:1px solid #D9D0C1;border-radius:2px;padding:9px 14px;margin:0 6px 6px 0;text-decoration:none;cursor:pointer}
.share a:hover,.share button:hover{border-color:#F05A28;color:#C24720}
.share .smsg{margin:4px 0 8px;font-size:14px}
.share .story{display:block;border:1px solid #D9D0C1;border-radius:2px;padding:14px;max-width:320px}
.share span.story,.share .story span{border:0;border-radius:0;padding:0;margin:0;font:400 14px/1.45 "Hanken Grotesk",sans-serif}.share span.story{display:block;border:1px solid #D9D0C1;border-radius:2px;padding:14px;max-width:320px}.share .story b,.share .story span{display:block}.share .story b{font:600 15px "Hanken Grotesk",sans-serif}.share .story img{display:block;width:100%;margin:10px 0;border-radius:2px}
.share .story .sv{background:#F05A28;border-color:#F05A28;color:#1A140F}

/* one situation, opened: the situation, then what you did beside what works, then why */
.sit[open]{box-shadow:0 0 0 1px var(--line)}
.sit[open] summary{background:var(--alt)}
.sit .body{padding:14px 16px 14px}
.sit .body .l{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:600;margin-bottom:4px}
.sit .body p{margin:0}
.sit .scn p{font-size:14px;line-height:1.5;color:var(--ink2)}
.sit .two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.sit .two.solo{grid-template-columns:1fr}
.sit .bx{background:var(--paper);padding:12px 14px;border-top:3px solid var(--line)}
.sit .bx p{font-family:"Bricolage Grotesque","Hanken Grotesk",sans-serif;font-weight:600;font-size:16.5px;line-height:1.3;color:var(--ink)}
.sit .bx.did{border-top-color:var(--orange)}.sit .bx.did .l{color:var(--orange-d)}
.sit .bx.ok{border-top-color:var(--base)}.sit .bx.ok .l{color:var(--ink)}
.sit .bx.ok .l::after{content:" \2713"}
.sit .whyb{border-left:3px solid var(--line);padding:2px 0 2px 12px}
.sit .whyb p{font-size:15px;line-height:1.5;color:var(--ink)}
.sit .ar{font-size:12px;color:var(--mute);margin:12px 0 0 !important}.sit .ar b{font-weight:600;color:var(--ink2)}
@media(max-width:640px){.sit .two{grid-template-columns:1fr}}

/* closing section of the full report */
.fut{margin-top:34px;padding-top:6px;border-top:2px solid var(--base)}
.fut img{display:block;width:100%;aspect-ratio:1600/680;object-fit:cover;border-radius:2px;margin:18px 0 0}
.fut h2{margin-top:22px}
.fut p{font-size:17px;line-height:1.55;margin:0 0 12px}
.fut p:first-of-type{font-family:"Bricolage Grotesque","Hanken Grotesk",sans-serif;font-weight:600;font-size:19px;line-height:1.4}

.lock .ws{margin:12px 0 10px;font-weight:600}

/* Shaded boxes are the person's own results. Profile-wide notes are outlined, with no shading. */
.keyline{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;color:var(--mute);margin:18px 0 -8px;padding-left:14px;position:relative}
.keyline::before{content:"";position:absolute;left:0;top:3px;width:9px;height:9px;background:var(--alt);border:1px solid var(--line)}
.wrap>.tip{background:none;border-left:3px solid var(--orange)}
.next{background:none}

.fine a.how{color:var(--orange-d);font-weight:600;text-decoration:underline;white-space:nowrap}

/* "Get the full report": opens a note. The paid route is delayed, so the note points to the workshop. */
details.full summary{list-style:none;cursor:pointer;display:inline-block}details.full summary::-webkit-details-marker{display:none}
.fullnote{margin-top:14px;border-top:1px solid var(--line);padding-top:4px}
.notify{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:14.5px}.notify b{display:block;margin-bottom:6px}
.notify .nt{display:flex;gap:10px;align-items:flex-start;line-height:1.4}.notify .nt input{margin-top:3px}
.notify .ntr{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.notify .ntr input{flex:1;min-width:180px;padding:9px 10px;border:1px solid var(--line);background:var(--paper);font:inherit;border-radius:2px}
.btn.line{background:none;border:1px solid var(--base);color:var(--ink);cursor:pointer}
@media print{details.full{display:none}}

/* Keep the light design on phones set to dark mode; some browsers recolour pages and make the text faint. */
:root{color-scheme:light only}

/* Stage 2 (2026-10-26): the full Profile's folding sections, situation cards and joined blocks, as in the sample */
details.acc{border-top:1px solid var(--line)}details.acc>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0}details.acc>summary::-webkit-details-marker{display:none}details.acc>summary h2{margin:0}details.acc>summary::after{content:"+";font-size:26px;line-height:1;color:#F05A28;font-weight:bold}details.acc[open]>summary::after{content:"\2212"}details.acc[open]{padding-bottom:18px}
.svs{margin:26px 0 8px}.svs-n{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#C24720}.svs-s{font-style:italic;color:var(--ink2);margin:4px 0 0;font-size:15px}
.sv{background:#fff;border-left:4px solid #1A140F;padding:14px 16px;margin:10px 0}.sv.miss{border-left-color:#F05A28}.sv-q{font-weight:600;font-size:14.5px;color:var(--ink2)}.sv-k{font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 4px;color:#1A140F}.sv.miss .sv-k{color:#C24720}.sv-did{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:17px;line-height:1.3;margin:0 0 8px;color:var(--ink)}.sv-w{margin:0 0 8px;font-weight:600;font-size:15px}.sv-w span{display:block;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#1A140F;margin-bottom:2px}.sv-why{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink2)}
.pc .blk+.blk{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
@media print{details.acc>summary::after{display:none}}

a.rkl{text-decoration:none;color:inherit}a.rkl:hover em{text-decoration:underline}