/* v4.css — transition plan, simulator, enablers, outcomes, binder, tour. Same calm system as v3. */
.dir-flip{}
[dir=ltr] .dir-flip{transform:scaleX(-1)}
.ar-i{width:14px;height:14px;vertical-align:-2px;opacity:.6;margin-inline:4px}
.muted-n{opacity:.55;font-weight:500}
.pad-x{padding:0 24px 12px}
.pt0{padding-top:12px}
.d-b{display:block;margin-top:4px}
.empty.sm{padding:18px 0;font-size:13px}
.row-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.row-b .btn{flex:0 0 auto}
.lg-b{height:46px;padding:0 22px;font-size:15px}

/* path selector */
.path-sel{display:flex;align-items:center;gap:20px;padding:14px 20px;flex-wrap:wrap}
.ps-g small,.ps-name small{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.num-seg button{min-width:34px;padding:0 10px}
.ps-arr{color:var(--muted);margin-top:18px}
.ps-name{margin-inline-start:auto;text-align:end;min-width:0}
.ps-name b{font-size:14px;font-weight:500;display:flex;align-items:center;gap:2px;justify-content:flex-end;flex-wrap:wrap}

/* phone path button + sheet */
.ps-mob{display:none;align-items:center;gap:12px;width:100%;text-align:start}
.ps-badge{height:32px;padding:0 10px;border-radius:9px;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-weight:600;font-size:14px;flex:none}
.ps-mt{flex:1;min-width:0}.ps-mt small{display:block;font-size:11.5px;color:var(--muted)}.ps-mt b{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-sheet small{display:block;font-size:12.5px;color:var(--muted);margin:14px 0 8px}.ps-sheet small:first-child{margin-top:0}
.ps-sheet .seg{display:flex;width:100%}.ps-sheet .seg button{flex:1;min-width:0;padding:0}
.ps-sum{margin-top:18px;font-weight:500}
/* plan hero */
.pl-hero4{padding:30px 36px 26px;transition:box-shadow .4s}
.ph4-top{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.gauge{position:relative;width:128px;height:128px;flex:none}
.gauge b{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;font-weight:600;color:#fff;letter-spacing:-.03em}
.gauge b small{font-size:16px;opacity:.7;margin-inline-start:1px}
.g-arc{transition:stroke-dashoffset 1s var(--ease)}
.ph4-k{flex:1;min-width:220px}
.ph4-k>span{font-size:13.5px;color:rgba(234,243,243,.75)}
.ph4-q{font-size:24px;font-weight:600;color:#fff;margin-top:6px;letter-spacing:-.01em}
.ph4-stats{display:flex;gap:36px;margin-top:18px;flex-wrap:wrap}
.ph4-stats b{display:block;font-size:24px;font-weight:600;color:#fff}
.ph4-stats b small{font-size:14px;opacity:.6}
.ph4-stats>div>small{font-size:12px}
.v4-track{margin-top:28px}
.em-s.goal .em-d{box-shadow:0 0 0 5px rgba(226,201,150,.28)}
.hero.bump{box-shadow:0 0 0 3px rgba(226,201,150,.55),var(--sh-2)}
.pl-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.pl-side{display:flex;flex-direction:column;gap:24px}
.grp-h{display:flex;align-items:center;gap:10px;padding:14px 24px 8px;font-size:13px;font-weight:600;color:var(--text-2);border-top:1px solid var(--line)}
.grp-h .num:first-child{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-size:12px}
.grp-h em{margin-inline-start:auto;font-style:normal;color:var(--muted);font-weight:500}
.task-row{align-items:center}
.task-row.is-done .lr-m b{color:var(--muted)}
.tk-dot{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;border:1.5px solid var(--line-2);color:#fff}
.tk-dot .i{width:13px;height:13px;stroke-width:2.6}
.tk-dot.prog{border-color:var(--info);background:conic-gradient(var(--info) 0 50%,transparent 50% 100%)}
.tk-dot.done{background:var(--ok);border-color:var(--ok)}
.tk-dot.blocked{border-color:var(--high);border-style:dashed}
.late-t{color:var(--crit)}
.bl-t{color:var(--high)}
.ev-c{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted)}
.ev-c .i{width:14px;height:14px}
.blk-r,.dec-r{display:block;width:100%;text-align:start;padding:12px 0;border-top:1px solid var(--line)}
.blk-r:first-child,.dec-r:first-child{border-top:0}
.blk-r b,.dec-r b{display:block;font-size:14px;font-weight:500}
.blk-r small,.dec-r small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.6}
.blk-r:hover b{color:var(--pri)}
.dec-r b{color:var(--gold)}

/* drawer parts */
.src-n{margin-top:10px}
.sel-s{height:36px;padding:0 10px;font-size:14px;min-width:190px;max-width:100%}
.ev-l{display:flex;flex-direction:column;gap:8px}
.ev-i{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}
.ev-i>span{flex:1;min-width:0}.ev-i b{display:block;font-size:13.5px;font-weight:500;overflow-wrap:anywhere}.ev-i small{font-size:12px;color:var(--muted)}
.ok-i{color:var(--ok)}
.up-box{margin-top:12px}
.up-box .btn{flex:0 0 auto}
.up-pick{margin-top:10px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;border:1px dashed var(--line-2)}
.up-f{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:13.5px;text-align:start;color:var(--text-2)}
.up-f:hover{background:var(--hover);color:var(--text)}
.up-prog{margin-top:12px}.up-prog .bar i{width:0;background:var(--pri);transition:width 1s var(--ease)}.up-prog small{font-size:12px;color:var(--muted)}
.dep-r{display:flex;align-items:center;gap:10px;width:100%;text-align:start;padding:10px 0;border-top:1px solid var(--line)}
.dep-r>span:nth-child(2){flex:1;min-width:0}.dep-r b{display:block;font-size:13.5px;font-weight:500}.dep-r small{font-size:12px;color:var(--muted)}
.foot-why{width:100%;font-size:12px}
.dr-f .btn[disabled],.btn[disabled]{opacity:.45;pointer-events:none}

/* simulator */
.sim-hero{padding:28px 32px}
.sim-k{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;align-items:end}
.sk small{display:block;font-size:13px;color:rgba(234,243,243,.72)}
.sk b{display:block;font-size:30px;font-weight:600;color:#fff;margin-top:8px;letter-spacing:-.02em}
.sk b small{display:inline;font-size:14px;color:rgba(234,243,243,.65);font-weight:500}
.sk.big b{font-size:48px}
.sk em{display:block;font-style:normal;font-size:12.5px;color:rgba(234,243,243,.68);margin-top:8px}
.sk .bar{margin-top:14px;background:rgba(255,255,255,.14);height:6px}
.sk .bar i{background:#fff}
.sk .bar .tgt{background:#E2C996;opacity:1}
.sk .pill{background:rgba(255,255,255,.14);color:#fff;font-size:13px;height:28px}
.ini-l{padding-bottom:6px}
.ini{display:flex;align-items:center;gap:16px;padding:16px 24px;border-top:1px solid var(--line);cursor:pointer;transition:background var(--t)}
.ini:hover{background:var(--hover)}
.ini.on{background:var(--pri-soft)}
.irk{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);flex:none}
.ini.on .irk{color:var(--pri);border-color:var(--pri-soft-2)}
.ini-m{flex:1;min-width:0}
.ini-m b{display:block;font-size:14.5px;font-weight:500}
.ini-m small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.rk-ok{color:var(--ok)}.rk-mod{color:var(--mod)}.rk-crit{color:var(--crit)}
.g-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.g-chip{font-size:11.5px;padding:3px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-2)}
.g-chip{display:inline-flex;align-items:center;max-width:100%}.gc-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
.g-chip b{color:var(--ok);font-weight:600;margin-inline-start:4px}
.ini-e{display:flex;align-items:center;gap:12px;flex:none}
.sw{position:relative;width:40px;height:24px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line-2);transition:background var(--t);flex:none;cursor:pointer}
.sw i{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:inset-inline-start var(--t) var(--ease)}
.sw.on{background:var(--pri);border-color:var(--pri)}
.sw.on i{inset-inline-start:18px}
.sw:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.ini.ap{cursor:default}.ini.ap .sw{opacity:.5}
.mini-r{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px}.mini-r .i{color:var(--ok)}

/* enablers */
.en-tabs button{display:inline-flex;align-items:center;gap:8px}
.en-tabs .i{width:16px;height:16px}
.en-hero{padding:28px 34px 24px}
.enh-top{display:flex;align-items:flex-end;gap:32px;flex-wrap:wrap}
.enh-k{flex:1;min-width:220px}
.enh-k>span{display:block;font-size:13.5px;color:rgba(234,243,243,.75)}
.enh-k b{display:block;font-size:56px;font-weight:600;color:#fff;letter-spacing:-.035em;line-height:1;margin-top:10px}
.enh-k b small{font-size:22px;opacity:.7;font-weight:500}
.enh-k em{display:block;font-style:normal;font-size:13px;color:rgba(234,243,243,.7);margin-top:10px}
.enh-side{display:flex;gap:32px;text-align:end}
.enh-side small{display:block;font-size:12px}
.enh-side b{display:block;font-size:22px;font-weight:600;color:#fff;margin-top:4px}
.enh-checks{display:flex;flex-direction:column;gap:8px;min-width:240px}
.ec{display:flex;align-items:center;gap:10px;font-size:13.5px;color:rgba(234,243,243,.72)}
.ec .rt-d{border-color:rgba(255,255,255,.35)}
.ec.on{color:#fff}.ec.on .rt-d{background:#fff;color:var(--hero-b);border-color:#fff}
.ec.plain{justify-content:space-between;margin-top:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}
.ec.plain b{font-size:18px;color:#fff}
.seg.on-hero{margin-top:22px;background:rgba(255,255,255,.1)}
.seg.on-hero button{color:rgba(234,243,243,.8)}
.seg.on-hero button.on{background:rgba(255,255,255,.95);color:var(--hero-b);box-shadow:none}
.cd-bar{margin-top:20px}
.bar.on-hero-b{background:rgba(255,255,255,.14)}.bar.on-hero-b i{background:#fff}
.en-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.sc-b{padding:16px 24px 24px}
.sc-st{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:12px 0}
.band-vis{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 22px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-size:12px;letter-spacing:.12em}
.bcode{fill:currentColor;display:block}
.btn.scanning{position:relative;overflow:hidden}
.btn.scanning:after{content:"";position:absolute;inset-block:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:sweep .65s var(--ease) infinite}
@keyframes sweep{from{inset-inline-start:-30%}to{inset-inline-start:100%}}
.pt-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--ok-s);border:1px solid transparent}
.pt-card>div{flex:1;min-width:0}.pt-card b{display:block;font-weight:500}.pt-card small{font-size:12.5px;color:var(--text-2)}
.pt-card>.i{color:var(--ok)}
.it-l{margin-top:8px}
.it-r{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.it-r:first-child{border-top:0}
.it-r .btn{flex:0 0 auto}
.ltr-iso{unicode-bidi:isolate}
.rights5{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}
.rt-i{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12px;color:var(--muted);padding:12px 4px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);transition:all .2s}
.rt-d{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;flex:none;color:#fff}
.rt-d .i{width:13px;height:13px;stroke-width:2.6}
.rt-i.good{color:var(--ok);background:var(--ok-s)}.rt-i.good .rt-d{background:var(--ok);border-color:var(--ok)}
.rt-i.bad{color:var(--crit);background:var(--crit-s)}.rt-i.bad .rt-d{background:var(--crit);border-color:var(--crit)}
.sc-res{margin-top:16px;min-height:60px}
.ok-box,.bad-box{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;animation:tin .24s var(--ease)}
.ok-box{background:var(--ok-s);color:var(--ok)}.bad-box{background:var(--crit-s);color:var(--crit)}
.ok-box b,.bad-box b{display:block;font-weight:600}
.ok-box small,.bad-box small{display:block;color:var(--text-2);font-size:13px;margin-top:2px}
.wd-r{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.wd-r:first-child{border-top:0}
.wd-r[data-ward]{cursor:pointer}
.wd-r.sel .lr-m b{color:var(--pri)}
.wd-r .lr-m small{font-size:12.5px;color:var(--muted)}
.wd-r .cmp{display:flex;align-items:center;gap:10px;width:170px;flex:none}
.wd-r .cmp b{width:40px;text-align:end;font-weight:600;font-size:13.5px}
.wd-r .btn{flex:0 0 auto}
.feeds{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;font-size:12.5px;color:var(--muted)}
.feed-c{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;color:var(--text-2);max-width:100%}
.feed-c b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}
.feed-c .num{color:var(--pri);font-weight:600}
.feed-c:hover{border-color:var(--pri-soft-2)}
.sw-l{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2);cursor:pointer}
.al-card{padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);border-inline-start:3px solid var(--high)}
.al-card.crit{border-inline-start-color:var(--crit)}.al-card.mod{border-inline-start-color:var(--mod)}
.al-h{display:flex;align-items:center;gap:8px;color:var(--text)}.al-h .i{color:var(--high)}.al-card.crit .al-h .i{color:var(--crit)}
.al-h b{font-weight:600;font-size:14.5px}
.al-card>small{display:block;font-size:12.5px;color:var(--text-2);margin-top:6px}
.al-card p{margin-top:10px;font-size:14px}
.al-card .muted{margin-top:8px}
.req-m{font-style:normal;color:var(--crit);font-size:11.5px;margin-inline-start:6px}
.ru-r{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.ru-r:first-child{border-top:0}
.ru-r .lr-m{min-width:160px}
.ru-r .lr-m small{font-size:12.5px;color:var(--muted)}
.sm-seg button{height:28px;padding:0 10px;font-size:12px}
.pp-h{align-items:center}
.pp-f{padding:0 24px 16px;background:var(--surface-2);border-top:1px solid var(--line)}
.pf-r{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);transition:opacity .3s,transform .3s}
.pf-r:first-child{border-top:0}
.pf-r .lr-m b{font-size:14px;font-weight:500;display:block}.pf-r .lr-m small{font-size:12px;color:var(--muted)}
.pf-r .btn{flex:0 0 auto}
.pf-r.conving{opacity:.4;transform:translateX(6px)}
.pf-r.conv .lr-m b{color:var(--text-2)}
.dr-live{overflow:hidden}
.dt-band{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--high-s);color:var(--high);font-size:13.5px;font-weight:500}
.dt-clock{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}
.dt-clock small{color:var(--muted);font-size:13px}
.dt-clock b{font-size:34px;font-weight:600;letter-spacing:-.02em}
.chk-l{display:flex;flex-direction:column;margin-top:6px}
.ck{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14px;cursor:pointer}
.ck:first-child{border-top:0}
.ck input{position:absolute;opacity:0;pointer-events:none}
.ck>span:last-of-type{flex:1}
.ck.on>span:nth-of-type(2){color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line-2)}
.ck.on .rt-d{background:var(--ok);border-color:var(--ok)}
.ck .btn{flex:0 0 auto}
.ck:has(input:focus-visible){outline:2px solid var(--pri);outline-offset:2px;border-radius:6px}

/* outcomes */
.oc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.oc{text-align:start;padding:18px 20px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:10px;transition:border-color var(--t),box-shadow var(--t)}
.oc.on{border-color:var(--pri);box-shadow:0 0 0 1px var(--pri)}
.oc small{font-size:12.5px;color:var(--muted);line-height:1.5;min-height:38px}
.oc-v{display:flex;align-items:baseline;gap:8px;direction:ltr;justify-content:flex-end}
[dir=ltr] .oc-v{justify-content:flex-start}
.oc-v b{font-size:26px;font-weight:600;letter-spacing:-.02em}
.oc .pill{align-self:flex-start}
.oc em{font-style:normal;font-size:12px;color:var(--muted)}
.oc-chart{position:relative;padding:8px 16px 12px}
.golive{position:absolute;top:14px;left:calc(40px + (100% - 128px) * 5.5 / 11 + 16px);height:calc(100% - 52px);border-inline-start:1.5px dashed var(--gold);pointer-events:none}
.golive span{position:absolute;top:-4px;left:6px;font-size:11.5px;color:var(--gold);white-space:nowrap}
.case-b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;padding:16px 24px 8px}
.cs h5{font-size:12.5px;color:var(--muted);font-weight:500;margin-bottom:6px}
.cs p{font-size:14px;line-height:1.7}
.case-f{border-top:1px solid var(--line);margin-top:12px;justify-content:flex-start}
.case-f .btn{flex:0 0 auto}
.rd-cta{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none;align-self:flex-end;flex:0 0 auto}
.rd-cta:hover{background:rgba(255,255,255,.2)}

/* tour */
.tour-c{position:fixed;z-index:70;bottom:24px;left:50%;transform:translate(-50%,20px);width:min(560px,calc(100vw - 32px));padding:16px 18px 14px;border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line-2);box-shadow:var(--sh-3);opacity:0;visibility:hidden;transition:opacity .24s,transform .24s var(--ease),visibility 0s .24s}
.tour-c.on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .24s,transform .24s var(--ease)}
.tc-top{display:flex;align-items:center;gap:10px}
.tc-n{font-size:12px;color:var(--gold);font-weight:600}
.tc-l{font-size:12px;color:var(--muted)}
.ib.sm{width:30px;height:30px}
.tour-c p{font-size:15px;line-height:1.65;margin-top:8px}
.tc-bar{height:3px;border-radius:3px;background:var(--surface-3);margin-top:12px;overflow:hidden}
.tc-bar i{display:block;height:100%;width:0;background:var(--pri);animation:tcp linear forwards}
@keyframes tcp{to{width:100%}}
.tc-f{display:flex;justify-content:flex-end;margin-top:10px}
.tc-f .btn{flex:0 0 auto}
.tour-hl{outline:2px solid var(--gold);outline-offset:4px;border-radius:inherit;animation:hlp 1.6s ease-in-out 2}
@keyframes hlp{50%{outline-offset:8px}}
html.touring .toasts{bottom:150px}

/* responsive */
@media (max-width:1100px){.pl-grid{grid-template-columns:minmax(0,1fr)}.sim-k{grid-template-columns:1fr 1fr}.sk.big{grid-column:1/-1}.oc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.en-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
 .path-sel{padding:10px 14px}
 .path-sel>.ps-g,.ps-arr,.ps-name{display:none}
 .ps-mob{display:flex}
 .pl-hero4,.en-hero,.sim-hero{padding:22px 18px}
 .ph4-top{gap:18px;flex-wrap:nowrap;align-items:flex-start}
 .gauge{width:96px;height:96px}.gauge svg{width:96px;height:96px}.gauge b{font-size:26px}
 .ph4-q{font-size:18px}
 .ph4-k{min-width:0}
 .ph4-stats{gap:18px;margin-top:12px}.ph4-stats b{font-size:19px}
 .v4-track{margin-top:20px}
 .pad-x{padding:0 0 8px}
 .grp-h{padding-inline:0}
 .sim-k{gap:18px}.sk.big b{font-size:38px}.sk b{font-size:22px}
 .ini{padding:14px 0;gap:12px;align-items:flex-start}
 .ini .irk{display:none}
 .ini-e{flex-direction:column-reverse;align-items:flex-end;gap:8px}
 .enh-top{gap:18px}.enh-k b{font-size:44px}
 .enh-side{width:100%;justify-content:flex-start;text-align:start;gap:24px}
 .enh-checks{min-width:0;width:100%}
 .sc-b{padding:14px 0 18px}
 .rights5{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.rt-i{font-size:10.5px;padding:10px 2px}
 .wd-r .cmp{width:120px}
 .it-r{align-items:flex-start}
 .feed-c b{max-width:200px}
 .pp-f{padding:0 0 12px;background:transparent}
 .oc-grid{gap:10px}.oc{padding:14px}.oc-v b{font-size:20px}.oc small{min-height:56px}
 .case-b{grid-template-columns:minmax(0,1fr);padding:12px 0 4px}
 .case-f{padding-inline:0}
 .tour-c{bottom:calc(76px + env(safe-area-inset-bottom));padding:14px 14px 12px}.tour-c p{font-size:14px}
 html.touring .toasts{bottom:calc(220px + env(safe-area-inset-bottom))}
 .sim-k .sk:not(.big) b small{display:block;margin-top:2px;font-size:12px}
 .rd-cta{align-self:flex-start}
 .task-row .ev-c,.bd-r .ev-c,.task-row .chev,.bd-r .chev{display:none}
 .task-row .lr-e,.bd-r .lr-e{align-self:center}
 .task-row,.bd-r{align-items:center;gap:12px}
}

/* print: the validation binder only */
#printDoc{display:none}
@media print{
 @page{size:A4;margin:14mm}
 body>*:not(#printDoc){display:none!important}
 #printDoc{display:block;color:#111;font-family:Plex,system-ui,sans-serif;background:#fff}
 html,body{background:#fff!important}
}
.pd{font-size:11.5px;line-height:1.55}
.pd-h{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #0D5F6D;padding-bottom:10px}
.pd-h b{display:block;font-size:15px;color:#0D5F6D}.pd-h small{display:block;color:#666}
.pd-m{text-align:end}
.pd h1{font-size:20px;margin:18px 0 4px}.pd h2{font-size:15px;margin:20px 0 8px}
.pd-sub{color:#555}
.pd-k{display:flex;gap:28px;margin:16px 0;padding:12px 0;border-block:1px solid #ddd}
.pd-k b{display:block;font-size:18px}.pd-k small{color:#666}
.pd-t{width:100%;border-collapse:collapse}
.pd-t th{text-align:start;font-size:10.5px;color:#666;font-weight:600;border-bottom:1px solid #bbb;padding:6px 6px}
.pd-t td{vertical-align:top;border-bottom:1px solid #e3e3e3;padding:7px 6px}
.pd-t td small{display:block;color:#777;font-size:10px}
.pd-t tr{break-inside:avoid}
.pd-s{display:inline-block;padding:1px 8px;border-radius:9px;font-size:10px;background:#eee}
.pd-s.ready{background:#E3F2EA;color:#1F6B49}.pd-s.prog{background:#F6EED8;color:#7A6216}.pd-s.gap{background:#F7E1DE;color:#99352B}
.pd-f{margin-top:22px;color:#777;font-size:10px;border-top:1px solid #ddd;padding-top:8px}