:root{
  --paper:#F4F6F4; --surface:#FFFFFF; --ink:#14171A; --ink2:#4B554F; --ink3:#7C8781; --rule:#D5D9D2;
  --green:#0E5545; --green-soft:#E2EDE9; --on-green:#FFFFFF;
  --brick:#A8432A; --brick-soft:#F5E4DD; --ochre:#8F6310; --ochre-soft:#F4EAD5;
  --f-name:"Gabarito", "Schibsted Grotesk", system-ui, sans-serif;
  --f-read:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-measure:"Archivo", "Schibsted Grotesk", system-ui, sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0F1312; --surface:#171C1B; --ink:#E7ECE9; --ink2:#B2BCB6; --ink3:#86918B; --rule:#2B3431;
    --green:#5DB397; --green-soft:#15302A; --on-green:#0F1312;
    --brick:#E48C71; --brick-soft:#3A231C; --ochre:#D9AE5A; --ochre-soft:#332918;
  }
}
:root[data-theme="dark"]{
  --paper:#0F1312; --surface:#171C1B; --ink:#E7ECE9; --ink2:#B2BCB6; --ink3:#86918B; --rule:#2B3431;
  --green:#5DB397; --green-soft:#15302A; --on-green:#0F1312;
  --brick:#E48C71; --brick-soft:#3A231C; --ochre:#D9AE5A; --ochre-soft:#332918;
}
*,*::before,*::after{box-sizing:inherit}
html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-read);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--f-name);font-weight:700;line-height:1.15;margin:0;letter-spacing:-.01em}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:2px}
input[type=text]{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:.7rem .85rem;width:100%}
input[type=text]::placeholder{color:var(--ink3)}
.num{font-family:var(--f-measure);font-variant-numeric:tabular-nums}

/* Layout */
.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.rail{position:sticky;top:0;align-self:start;height:100vh;padding:28px 22px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:28px}
.brand{font-family:var(--f-name);font-weight:800;font-size:1.35rem;letter-spacing:-.02em;color:var(--green)}
.brand small{display:block;font-family:var(--f-read);font-weight:500;font-size:.85rem;color:var(--ink2);letter-spacing:0;margin-top:2px}
.map{list-style:none;margin:0;padding:0;position:relative}
.map::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:var(--rule)}
.map li{position:relative}
.map button{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;width:100%;text-align:left;background:none;border:0;padding:9px 0}
.dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-measure);font-weight:600;font-size:.8rem;background:var(--paper);border:2px solid var(--rule);color:var(--ink3);position:relative;z-index:1}
.map .done .dot{background:var(--green);border-color:var(--green);color:var(--on-green)}
.map .now .dot{border-color:var(--green);color:var(--green);box-shadow:0 0 0 4px var(--green-soft)}
.map .t{font-weight:600;font-size:.95rem;line-height:1.3}
.map .s{display:block;font-size:.8rem;color:var(--ink3);font-weight:400}
.map .now .t{color:var(--green)}
.meter{height:3px;background:var(--rule);border-radius:2px;margin-top:6px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--green)}
.railfoot{margin-top:auto;font-size:.78rem;color:var(--ink3);line-height:1.45}

.topbar{display:none}
main{padding:40px clamp(18px,5vw,64px) 80px;max-width:860px;width:100%}
.lead{max-width:62ch;color:var(--ink2);font-size:1.05rem;margin:.9rem 0 0}

/* Intro */
.hero h1{font-size:clamp(2rem,4.6vw,3.1rem);font-weight:800;max-width:17ch}
.flow{list-style:none;padding:0;margin:34px 0;display:grid;gap:0;border-top:1px solid var(--rule)}
.flow li{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--rule)}
.flow .n{font-family:var(--f-measure);font-weight:600;color:var(--green);font-size:1.1rem}
.flow b{font-family:var(--f-name);font-size:1.12rem;font-weight:700}
.flow span{display:block;color:var(--ink2);font-size:.93rem}
.flow em{font-style:normal;font-family:var(--f-measure);color:var(--ink3);font-size:.85rem;white-space:nowrap}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;color:var(--ink2);max-width:62ch;margin:0 0 22px}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--green);flex:none}

.btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.btn{border:1px solid var(--green);background:var(--green);color:var(--on-green);font-weight:600;padding:.8rem 1.3rem;border-radius:999px}
.btn[disabled]{opacity:.4;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--green)}
.btn.plain{border-color:transparent;background:transparent;color:var(--ink2);padding-left:.4rem;padding-right:.4rem;text-decoration:underline;text-underline-offset:3px}

/* Steps */
.stephead{margin-bottom:28px}
.kicker{font-family:var(--f-measure);color:var(--green);font-weight:600;font-size:.95rem;margin-bottom:8px}
.stephead h2{font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:800}
.q{padding:22px 0;border-top:1px solid var(--rule)}
.q:first-of-type{border-top:0}
.q>label,.q>.ql{display:block;font-weight:600;margin-bottom:10px}
.q .hint{font-weight:400;color:var(--ink3);font-size:.88rem;margin-left:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--rule);background:var(--surface);border-radius:999px;padding:.5rem .95rem;font-size:.93rem;color:var(--ink)}
.chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--on-green)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* Pains */
.pain{padding:16px 0;border-top:1px solid var(--rule)}
.pain p{margin:0 0 10px;font-weight:500}
.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--surface)}
.seg button{border:0;background:none;padding:.48rem .85rem;font-size:.88rem;border-right:1px solid var(--rule)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed=true]{background:var(--green);color:var(--on-green)}
.seg.hot button[aria-pressed=true]{background:var(--brick);color:#fff}
.painrow{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.painrow .lbl{font-size:.82rem;color:var(--ink3)}

/* Maturity */
.dim{padding:24px 0;border-top:1px solid var(--rule)}
.dim h3{font-size:1.2rem;margin-bottom:4px}
.dim .dq{color:var(--ink2);margin:0 0 14px}
.levels{display:grid;gap:6px}
.lv{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;text-align:left;border:1px solid var(--rule);background:var(--surface);border-radius:10px;padding:.7rem .9rem}
.lv .bar{display:flex;gap:3px}
.lv .bar i{width:7px;height:18px;border-radius:2px;background:var(--rule)}
.lv .bar i.on{background:var(--green)}
.lv b{font-weight:600;font-size:.82rem;color:var(--ink3);display:block;font-family:var(--f-measure)}
.lv span{font-size:.94rem}
.lv[aria-pressed=true]{border-color:var(--green);background:var(--green-soft)}
.lv[aria-pressed=true] b{color:var(--green)}
.nsb{margin-top:8px}
.tip{margin-top:10px;background:var(--ochre-soft);border-left:3px solid var(--ochre);padding:.75rem .95rem;border-radius:0 8px 8px 0;font-size:.92rem;color:var(--ink)}

/* Plate */
.platebar{position:sticky;top:0;z-index:5;background:var(--paper);padding:12px 0;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:14px;margin-bottom:8px}
.plates{display:flex;gap:6px}
.plates i{width:22px;height:22px;border-radius:50%;border:2px solid var(--green)}
.plates i.on{background:var(--green)}
.platebar .num{font-weight:600}
.cat{margin-top:26px}
.cat h3{font-size:1.15rem;margin-bottom:2px;display:flex;align-items:baseline;gap:10px}
.cat h3 small{font-family:var(--f-read);font-weight:500;font-size:.8rem;color:var(--ochre);background:var(--ochre-soft);padding:2px 8px;border-radius:999px}
.ing{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:14px 0;border-top:1px solid var(--rule)}
.ing b{font-weight:600;display:block}
.ing span{color:var(--ink2);font-size:.88rem;display:block}
.ing .seg button{padding:.42rem .7rem;font-size:.82rem}
.warn{color:var(--brick);font-size:.85rem;grid-column:1/-1}

.navrow{display:flex;justify-content:space-between;gap:12px;margin-top:36px;padding-top:22px;border-top:1px solid var(--rule)}

/* Results */
.res h1{font-size:clamp(1.9rem,4.2vw,2.8rem);font-weight:800}
.label{display:inline-block;font-size:.8rem;color:var(--ink2);border:1px solid var(--rule);padding:3px 10px;border-radius:999px;margin-top:12px}
.hero2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;align-items:center;margin:28px 0 8px}
.index .big{font-family:var(--f-measure);font-weight:700;font-size:clamp(4rem,11vw,6.2rem);line-height:.95;color:var(--green)}
.index .big small{font-size:.35em;color:var(--ink3);font-weight:600}
.index p{margin:.6rem 0 0;color:var(--ink2);max-width:34ch}
.index .stage{font-family:var(--f-name);font-weight:700;font-size:1.2rem;color:var(--ink);margin-top:10px}
.radar svg{width:100%;height:auto;display:block}
.legend{display:flex;gap:18px;font-size:.82rem;color:var(--ink2);justify-content:center;margin-top:4px}
.legend i{display:inline-block;width:14px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}
.sec{margin-top:44px}
.sec>h2{font-size:1.45rem;font-weight:800;margin-bottom:4px}
.sec>.sub{color:var(--ink2);margin:0 0 16px;max-width:62ch}
.gaps{display:grid;gap:0;border-top:1px solid var(--rule)}
.gap{display:grid;grid-template-columns:150px minmax(0,1fr) 92px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}
.gap .gn{font-weight:600}
.track{height:10px;background:var(--rule);border-radius:5px;overflow:hidden}
.track i{display:block;height:100%;border-radius:5px}
.tag{font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:999px;text-align:center;justify-self:end}
.t-urg{background:var(--brick-soft);color:var(--brick)} .b-urg{background:var(--brick)}
.t-ate{background:var(--ochre-soft);color:var(--ochre)} .b-ate{background:var(--ochre)}
.t-est{background:var(--green-soft);color:var(--green)} .b-est{background:var(--green)}
.list{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.list li{padding:12px 0;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline}
.list .meta{color:var(--ink3);font-size:.84rem}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.cols h3{font-size:1.05rem;margin-bottom:8px}
.finding{padding:14px 16px;border-left:3px solid var(--ochre);background:var(--ochre-soft);border-radius:0 8px 8px 0;margin-bottom:10px;font-size:.95rem}
.finding b{display:block;margin-bottom:2px}
.route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:3px solid var(--green)}
.route>div{padding:16px 18px 6px 0}
.route>div+div{padding-left:18px;border-left:1px solid var(--rule)}
.route h3{font-size:1.1rem}
.route .when{font-family:var(--f-measure);color:var(--green);font-weight:600;font-size:.85rem;margin-bottom:8px}
.route ul{margin:0;padding-left:1.1rem;font-size:.92rem}
.route li{margin-bottom:8px}
.ready{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.ready .lvl{font-family:var(--f-name);font-weight:800;font-size:1.6rem}
.internal{margin-top:52px;border:2px dashed var(--rule);border-radius:14px;padding:22px}
.internal h2{font-size:1.3rem}
.g0{width:100%;border-collapse:collapse;margin-top:12px;font-size:.93rem}
.g0 th{text-align:left;vertical-align:top;width:180px;padding:10px 12px 10px 0;color:var(--ink2);font-weight:600;border-top:1px solid var(--rule)}
.g0 td{padding:10px 0;border-top:1px solid var(--rule)}
.who{font-size:.78rem;color:var(--ink3);display:block;font-weight:400}
.scroll{overflow-x:auto}
pre{background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:14px;font-size:.78rem;line-height:1.45;max-height:320px;overflow:auto}
.empty{color:var(--ink3);font-size:.93rem}
.pcount{font-size:.9rem;color:var(--ink2);margin-bottom:6px}
.pcount .num{font-weight:600;color:var(--green)}
.pcard{border-top:1px solid var(--rule);padding:18px 0}
.pcard p{margin:0 0 12px;font-weight:500}
.pcard.closed{padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center}
.pcard.closed p{margin:0;color:var(--ink2);font-weight:400}
.psum{display:flex;align-items:center;gap:10px;justify-self:end}
.pill{font-size:.85rem;padding:4px 12px;border-radius:999px;background:var(--rule);color:var(--ink2);white-space:nowrap}
.pill.on{background:var(--green-soft);color:var(--green);font-weight:600}
.pill b{font-weight:400;opacity:.6}
.edit{border:0;background:none;color:var(--ink3);font-size:.85rem;text-decoration:underline;text-underline-offset:3px;padding:4px}
.pq{display:grid;gap:8px;margin-top:10px}
.pq+.pq{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--green-soft)}
.pq.pending{background:var(--ochre-soft)}
.pl{font-size:.88rem;color:var(--ink2);font-weight:500;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pl .num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--green);color:var(--on-green);font-size:.72rem;font-weight:700}
.pl em{font-style:normal;color:var(--ochre);font-weight:600}
.pq .seg{justify-self:start}
@media (max-width:900px){.pcard.closed{grid-template-columns:1fr}.psum{justify-self:start}}
.hactblock{margin-top:40px}
.enc{margin-top:22px}
.ench{font-size:1.25rem;margin-bottom:4px}
.encsum{display:grid;gap:10px;margin:14px 0 22px}
.encsum .ss{display:block;margin-top:4px}
.stack{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:2px}
.stack i{display:block;height:100%}
.enclg{display:flex;flex-wrap:wrap;gap:14px;font-size:.85rem;color:var(--ink2)}
.enclg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.s-est{background:var(--green)}.s-ate{background:var(--ochre)}.s-urg{background:var(--brick)}.s-ter{background:#2F6F8C}.s-pc{background:var(--ink3)}
.enccols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.enccol{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:14px}
.enccol h4{margin:0 0 10px;font-family:var(--f-name);font-size:1.05rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.enccol h4 small{font-family:var(--f-read);font-weight:400;color:var(--ink3);font-size:.8rem;width:100%}
.dotst{width:12px;height:12px;border-radius:50%;display:inline-block}
.encm{padding:10px 0;border-top:1px solid var(--rule)}
.encmh{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.encmh b{font-size:.93rem}
.why{display:block;font-size:.8rem;color:var(--ink3);margin-top:3px}
.rk{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;background:var(--rule);color:var(--ink2)}
.rk4{background:var(--green);color:var(--on-green)}.rk3{background:var(--brick-soft);color:var(--brick)}.rk2{background:var(--green-soft);color:var(--green)}
.catrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:12px 0;border-top:1px solid var(--rule)}
.catseg button{font-size:.78rem;padding:.4rem .6rem}
.catseg button[aria-pressed=true]{color:#fff}
.catseg button.s-est,.catseg button.s-ate,.catseg button.s-urg,.catseg button.s-ter,.catseg button.s-pc{background:none}
.catseg button.s-est[aria-pressed=true]{background:var(--green)}.catseg button.s-ate[aria-pressed=true]{background:var(--ochre)}.catseg button.s-urg[aria-pressed=true]{background:var(--brick)}.catseg button.s-ter[aria-pressed=true]{background:#2F6F8C}.catseg button.s-pc[aria-pressed=true]{background:var(--ink3)}
@media (max-width:900px){.catrow{grid-template-columns:1fr}}
.ans.ag0{background:var(--brick-soft);color:var(--brick)}.ans.ag1{background:var(--ochre-soft);color:var(--ochre)}.ans.ag2{background:var(--green-soft);color:var(--green)}.ans.ag3{background:var(--green);color:var(--on-green)}
.aseg button.ag0[aria-pressed=true]{background:var(--brick);color:#fff}.aseg button.ag1[aria-pressed=true]{background:var(--ochre);color:#fff}
.adtop{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;margin-bottom:18px}
.adtop .adt{display:block;font-family:var(--f-name);font-weight:700;margin-top:6px}
.adtop p{margin:0;color:var(--ink2);font-size:.95rem}
.parts{display:grid;gap:10px}
.part{display:grid;grid-template-columns:200px minmax(0,1fr) 36px;gap:12px;align-items:center;font-size:.92rem}
.part .num{text-align:right;font-weight:600}
.adkar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:12px}
.ak{padding:10px 8px;border-radius:8px;background:var(--rule);text-align:center;position:relative}
.ak b{display:block;font-size:.82rem}.ak small{font-size:.75rem}
.ak.ag0{background:var(--brick-soft);color:var(--brick)}.ak.ag1{background:var(--ochre-soft);color:var(--ochre)}.ak.ag2{background:var(--green-soft);color:var(--green)}.ak.ag3{background:var(--green);color:var(--on-green)}
.ak.blk{outline:2px solid var(--brick);outline-offset:2px}
.srcnote{margin-top:18px;font-size:.8rem;color:var(--ink3)}
.grp{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:900px){.adtop{grid-template-columns:1fr}.part{grid-template-columns:1fr 36px}.part .track{grid-column:1/-1;grid-row:2}.adkar{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto}.grp{grid-template-columns:1fr}}
.tabs{display:inline-flex;border:1px solid var(--rule);border-radius:999px;padding:4px;background:var(--surface);margin-bottom:26px;flex-wrap:wrap}
.tabs button{border:0;background:none;padding:.55rem 1.1rem;border-radius:999px;font-weight:600;font-size:.92rem;color:var(--ink2)}
.tabs button[aria-selected=true]{background:var(--green);color:var(--on-green)}
.sendband{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;border-radius:16px;background:var(--green-soft)}
.sendband h3{font-size:1.2rem;margin-bottom:4px}
.sendband p{margin:0;color:var(--ink2);font-size:.95rem}
.smsg{margin-top:8px!important;font-weight:600}
.smsg.ok{color:var(--green)!important}.smsg.warn{color:var(--brick)!important}.smsg.wait{color:var(--ink3)!important}
.empty-org{padding:24px 0}
.empty-org h2{font-size:1.6rem;margin-bottom:8px}
.people{display:flex;flex-wrap:wrap;gap:10px}
.person{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--rule);border-radius:999px;padding:6px 14px 6px 8px;font-size:.9rem}
.person span{color:var(--ink3)}
.dotp{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid var(--surface);flex:none}
.missing{margin-top:12px;color:var(--ochre);font-size:.92rem;font-weight:500}
.lvhead,.drow{display:grid;grid-template-columns:190px minmax(0,1fr) 110px;gap:12px;align-items:center}
.lvhead{font-size:.75rem;color:var(--ink3);padding-bottom:6px}
.lvcols{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center}
.drow{padding:10px 0;border-top:1px solid var(--rule)}
.dn{font-weight:600;font-size:.93rem}
.dn small{display:block;font-weight:400;color:var(--ochre);font-size:.78rem}
.trk .cell{min-height:30px;border-radius:8px;background:var(--paper);border:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:2px;align-items:center;justify-content:center;padding:3px}
.drow .tag{justify-self:end}
.minibar{display:block;height:5px;background:var(--rule);border-radius:3px;margin-top:6px;overflow:hidden}
.minibar i{display:block;height:100%;background:var(--brick)}
.minibar.g i{background:var(--green)}
@media (max-width:900px){.sendband{grid-template-columns:1fr}.lvhead{display:none}.drow{grid-template-columns:1fr auto}.drow .trk{grid-column:1/-1;grid-row:2}}
.sum3{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:28px 0 8px}
.scard{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:18px 18px 16px;transition:border-color .15s,transform .15s}
.scard:not([disabled]):hover{border-color:var(--green);transform:translateY(-2px)}
.scard[disabled]{cursor:default}
.sk{font-size:.85rem;color:var(--ink2);font-weight:500}
.sv{font-family:var(--f-name);font-weight:800;font-size:2.4rem;line-height:1}
.sv.num{font-family:var(--f-measure);font-weight:700}
.sv small{font-size:.4em;color:var(--ink3);font-weight:600}
.ss{font-size:.88rem;color:var(--ink2)}
.sgo{margin-top:auto;padding-top:8px;font-size:.85rem;font-weight:600;color:var(--green)}
.sgo::after{content:" →"}
.scard .rscale{margin:4px 0 2px}
.accs{margin-top:44px}
.acch2{font-size:1.45rem;font-weight:800;margin-bottom:10px}
.acc{border-top:1px solid var(--rule);scroll-margin-top:80px}
.acc:last-child{border-bottom:1px solid var(--rule)}
.acch{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;gap:14px;align-items:center;background:none;border:0;padding:18px 0;text-align:left}
.acct{font-family:var(--f-name);font-weight:700;font-size:1.15rem}
.chev{width:10px;height:10px;border-right:2px solid var(--ink3);border-bottom:2px solid var(--ink3);transform:rotate(45deg);justify-self:center;transition:transform .2s}
.acc.on .chev{transform:rotate(-135deg)}
.accb{padding:0 0 24px}
.accb .hero2{margin-top:0}
@media (max-width:900px){.sum3{grid-template-columns:1fr}.sv{font-size:2rem}.acch{grid-template-columns:minmax(0,1fr) 20px}.accv{grid-column:1;grid-row:2}}
.blockhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px}
.blockhead h3{font-size:1.3rem}
.blockhead .num{color:var(--green);font-weight:600;font-size:.9rem}
.cbody{padding:0 16px 6px}
.cbody .q{padding:16px 0}
.cbody .two.q{padding-top:16px}
.hcard .levels{gap:6px}
.lvsum{display:flex;gap:12px;align-items:center}
.lvsum b{font-family:var(--f-measure);color:var(--green);margin-right:4px}
.hrow .ht .ans{margin-right:8px}
.ix{display:block;color:var(--ink2);font-size:.86rem;font-weight:400}
.ans.imp0{background:var(--rule);color:var(--ink2)}
.ans.imp1{background:transparent;color:var(--green);border:1px solid var(--green)}
.ans.imp2{background:var(--green-soft);color:var(--green)}
.ans.imp3{background:var(--green);color:var(--on-green)}
.iseg button.imp0[aria-pressed=true]{background:var(--ink3);color:#fff}
.iseg button{padding:.42rem .7rem;font-size:.84rem}
.badge{font-family:var(--f-read);font-size:.75rem;font-weight:600;color:var(--ochre);background:var(--ochre-soft);padding:2px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}
.navr{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.navr .left{font-size:.88rem;color:var(--ochre)}
.navr .left b{font-weight:700}
.navr .ok{color:var(--green)}
.hrow .pq+.pq{margin-top:10px}
.hactblock h3{font-size:1.3rem;margin-bottom:4px}
.hcard{background:var(--surface);border:1px solid var(--rule);border-radius:14px;margin-top:16px;overflow:hidden}
.hhead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;background:var(--green-soft)}
.hnum{width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--on-green);display:grid;place-items:center;font-weight:700;font-size:.9rem}
.hwhy{display:block;font-size:.85rem;color:var(--ink2)}
.hprog{font-size:.85rem;color:var(--green);font-weight:600}
.hrow{padding:12px 16px;border-top:1px solid var(--rule)}
.hrow.open{display:grid;gap:10px}
.hrow.closed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center}
.hrow.closed .ht{color:var(--ink2);font-size:.92rem}
.hrow.open .ht{font-weight:500}
.hans{display:flex;align-items:center;gap:8px;justify-self:end}
.ans{font-size:.82rem;font-weight:600;padding:3px 11px;border-radius:999px;white-space:nowrap}
.ans.a0{background:var(--green-soft);color:var(--green)}
.ans.a1{background:var(--ochre-soft);color:var(--ochre)}
.ans.a2{background:var(--brick-soft);color:var(--brick)}
.ans.a3{background:var(--rule);color:var(--ink2)}
.hseg{justify-self:start}
.hseg button.a0[aria-pressed=true]{background:var(--green);color:var(--on-green)}
.hseg button.a1[aria-pressed=true]{background:var(--ochre);color:#fff}
.hseg button.a2[aria-pressed=true]{background:var(--brick);color:#fff}
.hseg button.a3[aria-pressed=true]{background:var(--ink3);color:#fff}
@media (max-width:900px){.hrow.closed{grid-template-columns:1fr}.hans{justify-self:start}}
.hsn{display:block;font-family:var(--f-name);font-weight:700;color:var(--green);margin-bottom:2px}
.risk{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.rlvl{font-family:var(--f-name);font-weight:800;font-size:2.2rem;line-height:1}
.rscale{display:flex;gap:4px;margin:12px 0 8px}
.rscale i{flex:1;height:8px;border-radius:4px;background:var(--rule)}
.r-est{color:var(--green)} .rscale i.r-est{background:var(--green)}
.r-ate{color:var(--ochre)} .rscale i.r-ate{background:var(--ochre)}
.r-urg{color:var(--brick)} .rscale i.r-urg{background:var(--brick)}
.r-alt{color:var(--brick)} .rscale i.r-alt{background:var(--brick)}
.t-alt{background:var(--brick);color:#fff}
@media (max-width:900px){.risk{grid-template-columns:1fr}}

@media (max-width: 900px){
  .shell{display:block}
  .rail{display:none}
  .topbar{display:block;position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--rule);padding:calc(10px + env(safe-area-inset-top,0px)) 18px 10px;margin-top:calc(-1 * env(safe-area-inset-top,0px))}
  .topbar .row{display:flex;justify-content:space-between;align-items:center}
  .topbar .brand{font-size:1.1rem}
  .topbar .cur{font-size:.85rem;color:var(--ink2)}
  .steps{display:flex;gap:6px;margin-top:8px}
  .steps button{flex:1;height:6px;border-radius:3px;border:0;background:var(--rule);padding:0}
  .steps button.done{background:var(--green)}
  .steps button.now{background:var(--green);opacity:.5}
  main{padding-top:24px}
  .platebar{top:62px}
  .hero2,.cols{grid-template-columns:1fr}
  .route{grid-template-columns:1fr;border-top:0}
  .route>div,.route>div+div{padding:14px 0;border-left:0;border-top:3px solid var(--green)}
  .gap{grid-template-columns:1fr 84px}
  .gap .track{grid-column:1/-1;grid-row:2}
  .two{grid-template-columns:1fr}
  .ing{grid-template-columns:1fr}
  .flow li{grid-template-columns:40px 1fr}
  .flow em{grid-column:2}
  .g0 th{width:120px}
}
@media (prefers-reduced-motion: no-preference){
  .reveal{animation:rise .5s ease-out both}
  @keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

.codebox{margin:0 0 20px;max-width:560px}
.codebox label{display:block;font-weight:600;margin-bottom:8px}
.coderow{display:flex;gap:10px}
.coderow input{flex:1;text-transform:uppercase}
.codeok{color:var(--green);font-weight:500;margin:10px 0 0}
.codebad{color:var(--brick);font-weight:500;margin:10px 0 0}
.orghead{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
body[data-modo="cliente"] .only-panel{display:none!important}