/* Extracted verbatim from design-prototypes/visibility-workspace.html (frozen V0.1 design). */
:root{
  --ink:#071424;--deep:#102840;--blue:#326FE6;--green:#208669;--amber:#E9B34D;--mist:#EEF3F9;--mist-2:#E8EDF3;
  --bg:#EEF3F9;--surface:#FFFFFF;--surface-2:#F7FAFD;--text:#071424;--text-2:#46546b;--line:#DCE4EE;--chip:#E8EDF3;
  --side:#0B1C31;--side-text:#C9D4E2;--side-line:rgba(238,243,249,.1);
  --good-bg:#DDF1EA;--good-ink:#17694f;--warn-bg:#FBEFD6;--warn-ink:#8a5a00;--info-bg:#E3EBF7;--info-ink:#2a4a7a;--inf-bg:#EEE8FB;--inf-ink:#4b3a8f;--unk-bg:#EEF1F5;--unk-ink:#46536a;
  --font:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --slow:cubic-bezier(.16,1,.3,1);--ic-accent:#326FE6;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#081627;--surface:#0F2340;--surface-2:#0C1D33;--text:#EEF3F9;--text-2:#A9B6C8;--line:rgba(238,243,249,.12);--chip:#15304f;--good-bg:rgba(32,134,105,.22);--good-ink:#8fdcc3;--warn-bg:rgba(233,179,77,.18);--warn-ink:#f3d28f;--info-bg:rgba(53,115,234,.22);--info-ink:#cfe0ff;--inf-bg:rgba(124,99,214,.22);--inf-ink:#d4c9f7;--unk-bg:rgba(238,243,249,.08);--unk-ink:#C2CEDD}}
:root[data-theme="dark"]{--bg:#081627;--surface:#0F2340;--surface-2:#0C1D33;--text:#EEF3F9;--text-2:#A9B6C8;--line:rgba(238,243,249,.12);--chip:#15304f;--good-bg:rgba(32,134,105,.22);--good-ink:#8fdcc3;--warn-bg:rgba(233,179,77,.18);--warn-ink:#f3d28f;--info-bg:rgba(53,115,234,.22);--info-ink:#cfe0ff;--inf-bg:rgba(124,99,214,.22);--inf-ink:#d4c9f7;--unk-bg:rgba(238,243,249,.08);--unk-ink:#C2CEDD}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--side)}
*,*::before,*::after{box-sizing:inherit}
html{-webkit-text-size-adjust:100%;height:100%}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100%}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}
.num{font-variant-numeric:tabular-nums}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.ribbon{position:sticky;top:0;z-index:40;background:var(--amber);color:var(--ink);font-size:13.5px;font-weight:700;padding:8px 16px;text-align:center}
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 36px)}
.side{background:var(--side);color:var(--side-text);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:36px;height:calc(100vh - 36px);overflow:auto}
.brand{display:flex;align-items:center;gap:10px;padding:2px 10px 18px;color:#EEF3F9;font-weight:700;font-size:18px;letter-spacing:-.02em}
.brand svg{width:30px;height:24px}
.ii{position:relative;display:inline-block}.ii::after{content:"";position:absolute;left:50%;top:.01em;width:.2em;height:.2em;background:var(--blue);transform:translateX(-50%)}
.biz{margin:0 4px 14px;padding:14px;border-radius:14px;background:rgba(238,243,249,.05);border:1px solid var(--side-line)}
.biz b{display:block;color:#EEF3F9;font-size:15px;line-height:1.3}
.biz small{display:block;font-size:12.5px;color:#93a3b9;margin-top:4px}
.nav{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;font-size:15.5px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.nav:hover{background:rgba(238,243,249,.06);color:#fff}
.nav[aria-current="page"]{background:rgba(53,115,234,.24);color:#fff;box-shadow:inset 0 0 0 1px rgba(53,115,234,.6)}
.nav .ct{margin-left:auto;font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;background:rgba(238,243,249,.1);color:#C2CEDD}
.nav .ct.alert{background:var(--amber);color:var(--ink)}
.nav:focus-visible{outline:2px solid var(--blue)}
.side-sep{height:1px;background:var(--side-line);margin:10px 6px}
.side-foot{margin-top:auto;padding:14px 10px 4px;font-size:12.5px;color:#93a3b9;line-height:1.45}
.side-foot b{color:#EEF3F9}

.main{min-width:0;display:flex;flex-direction:column}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}
.top h1{margin:0;font-size:22px;letter-spacing:-.025em}
.top .meta{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--chip);color:var(--text-2);white-space:nowrap}
.chip .ic{width:15px;height:15px}
#view{padding:28px 32px 64px;max-width:1240px;width:100%}
.view-in{animation:vin .45s var(--slow)}
@keyframes vin{from{opacity:0;transform:translateY(8px)}}

.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.h-sec{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:34px 0 12px}
.h-sec h2{margin:0;font-size:19px;letter-spacing:-.02em}
.h-sec p{margin:0;font-size:14px;color:var(--text-2)}
.lead{font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0 0 8px;text-wrap:balance}
.sub{color:var(--text-2);margin:0;font-size:15.5px}
.muted{color:var(--text-2)}

.es{display:inline-flex;align-items:center;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap}
.es.MEASURED{background:var(--info-bg);color:var(--info-ink)}.es.VERIFIED{background:var(--good-bg);color:var(--good-ink)}.es.OBSERVATION{background:var(--warn-bg);color:var(--warn-ink)}.es.INFERENCE{background:var(--inf-bg);color:var(--inf-ink)}.es.UNRESOLVED{background:var(--unk-bg);color:var(--unk-ink);box-shadow:inset 0 0 0 1px #9aa8bb}

/* overview */
.overall{display:flex;flex-direction:column;justify-content:center;gap:12px}
.ov-top{display:flex;align-items:center;gap:20px}
.ring{width:118px;height:118px;position:relative;flex:none}
.ring svg{width:118px;height:118px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:10}
.ring .bgc{stroke:var(--chip)}.ring .fg{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264;transition:stroke-dashoffset 1.6s var(--slow)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;font-weight:800;letter-spacing:-.04em}
.ov-t{font-size:13px;font-weight:700;color:var(--text-2)}
.ov-b{font-size:24px;font-weight:800;letter-spacing:-.025em}
.conf{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-2)}
.conf i{display:inline-flex;gap:2px}.conf i b{width:5px;height:13px;border-radius:2px;background:var(--chip)}
.conf.HIGH i b{background:var(--blue)}.conf.MODERATE i b:nth-child(-n+2){background:var(--blue)}.conf.LIMITED i b:first-child{background:var(--amber)}
.basis{font-size:13.5px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-2)}
.comp{position:relative;border-radius:16px;padding:16px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--line);cursor:pointer;transition:transform .25s var(--slow),box-shadow .25s;text-align:left;display:block;width:100%}
.comp:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(7,20,36,.4)}
.comp.good{border-top-color:var(--green)}.comp.warn{border-top-color:var(--amber)}.comp.unk{border-top-style:dashed;border-top-color:#9aa8bb}
.comp .ic{color:var(--text)}
.comp .t{font-size:12.5px;font-weight:700;color:var(--text-2);margin:8px 0 4px;min-height:2.4em;line-height:1.2}
.comp .v{font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1}
.comp .b{font-size:12.5px;font-weight:700;margin-top:4px}
.comp.unk .v{font-size:16px;color:var(--text-2);padding:7px 0 3px}
.comp .cv{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11.5px;color:var(--text-2);font-weight:600}
.comp .cv span{flex:1;height:5px;border-radius:3px;background:var(--chip);overflow:hidden}
.comp .cv span i{display:block;height:100%;background:var(--blue)}
.pri{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:border-color .2s}
.pri:hover{border-color:var(--blue)}
.pri + .pri{margin-top:8px}
.pn{width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}
.pri b{font-size:15.5px;letter-spacing:-.01em;display:block}
.pri small{font-size:13px;color:var(--text-2)}
.st{font-size:12px;font-weight:800;padding:5px 11px;border-radius:999px;white-space:nowrap}
.st.OPEN{background:var(--info-bg);color:var(--info-ink)}.st.IN_PROGRESS{background:var(--inf-bg);color:var(--inf-ink)}.st.DONE{background:var(--good-bg);color:var(--good-ink)}.st.NEEDS_CONFIRMATION{background:var(--warn-bg);color:var(--warn-ink)}
.drv{display:grid;gap:8px}
/* (the earlier one-box-per-driver layout is replaced by .dgrp/.ditem below) */
.dot.h{background:var(--good-bg);color:var(--good-ink)}.dot.b{background:var(--warn-bg);color:var(--warn-ink)}.dot.m{background:var(--unk-bg);color:var(--unk-ink)}
.drv small{display:block;font-size:12px;color:var(--text-2);margin-top:2px}

/* visibility */
.vc{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px}
.vc-score{display:flex;align-items:flex-start;gap:14px}
.vc-score .ib{width:46px;height:46px;border-radius:13px;background:var(--chip);display:grid;place-items:center;flex:none}
.vc-score h3{margin:0;font-size:18px;letter-spacing:-.015em}
.big{display:flex;align-items:baseline;gap:10px;margin:12px 0 8px}
.big b{font-size:52px;font-weight:800;letter-spacing:-.05em;line-height:.9}
.big span{font-weight:700;color:var(--text-2)}
.cov{display:grid;grid-template-columns:76px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:13px;font-weight:700;color:var(--text-2);margin-top:8px}
.cov span{height:8px;border-radius:4px;background:var(--chip);overflow:hidden}.cov span i{display:block;height:100%;background:var(--blue);border-radius:4px}
.nr{padding:14px;border-radius:12px;border:1px dashed #9aa8bb;background:var(--surface-2);font-size:14.5px}
.nr b{display:block;margin-bottom:4px}
.mx{overflow-x:auto}
.mx table{border-collapse:separate;border-spacing:6px;width:100%;min-width:620px}
.mx th{font-size:12.5px;font-weight:700;color:var(--text-2);text-align:center;padding:4px}
.mx th:first-child{text-align:left}
.mx td.q{font-size:14px;line-height:1.35;padding-right:8px;max-width:360px}
.cell{height:40px;border-radius:9px;background:var(--chip);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--text-2)}
.cell.y{background:var(--blue);color:#fff}
.cell.heat{background:color-mix(in srgb,var(--amber) calc(var(--h)*100%),var(--chip));color:var(--ink)}
.cu{display:inline-flex;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap}
.cu.CONFIRMED{background:var(--good-bg);color:var(--good-ink)}.cu.MISSING{background:var(--warn-bg);color:var(--warn-ink)}.cu.CONFLICTING{background:#F6E3E1;color:#8a2a24}.cu.UNVERIFIED{background:var(--unk-bg);color:var(--unk-ink);box-shadow:inset 0 0 0 1px #9aa8bb}
.cell.amb{background:repeating-linear-gradient(45deg,var(--chip),var(--chip) 5px,transparent 5px,transparent 10px);box-shadow:inset 0 0 0 1px var(--line)}
.nav .ct{white-space:nowrap}
.comp .cf{font-size:11.5px;font-weight:800;color:var(--warn-ink);margin-top:6px}
.ring b{font-size:28px}
.qrow{display:grid;grid-template-columns:minmax(0,1fr) 100px 100px;gap:10px;align-items:center;padding:11px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:14px}
.qrow + .qrow{margin-top:6px}
.qrow.h{background:none;border:0;padding:0 14px 4px;font-size:12px;font-weight:800;color:var(--text-2)}
.yes{color:var(--good-ink);font-weight:800}.no{color:var(--warn-ink);font-weight:800}
.page{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:14px;align-items:center}
.ps{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;border:6px solid var(--chip)}
.ps.good{border-color:var(--green);color:var(--good-ink)}.ps.mid{border-color:var(--amber);color:var(--warn-ink)}.ps.bad{border-color:#d9534f;color:#a33}
.metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.metrics span{font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;background:var(--chip);color:var(--text-2)}
.flags{display:grid;gap:8px;margin-top:12px}
.flags div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:14.5px;padding:11px 13px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}

/* competition */
.duel{display:grid;gap:10px}
.dr{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr) 64px;gap:14px;align-items:center;font-weight:700;font-size:15px}
.dr .tr{height:24px;border-radius:7px;background:var(--chip);overflow:hidden}
.dr .tr i{display:block;height:100%;width:0;border-radius:7px;background:var(--amber);transition:width 1.4s var(--slow)}
.dr.you .tr i{background:var(--blue)}
.dr.you{color:var(--blue)}
.dr .n{text-align:right;font-size:22px;letter-spacing:-.03em}
.dr small{display:block;font-size:12px;color:var(--text-2);font-weight:600}
.loc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.loc div{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13.5px;padding:10px 12px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line)}
/* Payload 1.9.0: "What we checked" (one column, plain statuses) and the descriptive Reputation/Social lists */
.loc.chk{grid-template-columns:minmax(0,1fr);margin-top:10px}
.loc.chk div{align-items:flex-start}
.loc.chk div>span{min-width:0;line-height:1.4}
.loc.chk .cs,.loc.chk .vlink{flex:none;white-space:nowrap;font-size:12.5px;font-weight:600}
.loc.chk .cs.looks_good{color:var(--good-ink)}
.loc.chk .cs.context{color:var(--text-2)}
.vc .loc{grid-template-columns:minmax(0,1fr);margin-top:8px}
code.cpy{font-size:13.5px;padding:2px 6px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);word-break:break-word}
.loc b{font-size:12.5px;color:var(--text-2);white-space:nowrap}
.rv{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:14.5px}
.rv + .rv{margin-top:6px}
.rv.you{border-color:var(--blue);background:var(--info-bg)}
.rv b{text-align:right}

/* actions */
.act{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.act + .act{margin-top:14px}
.act.top3{box-shadow:0 18px 40px -30px rgba(7,20,36,.5)}
.act-h{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;cursor:pointer}
.act-h .pn{width:42px;height:42px;font-size:17px}
.act-h h3{margin:0;font-size:18px;letter-spacing:-.015em;line-height:1.25}
.act-h small{display:block;font-size:13px;color:var(--text-2);margin-top:3px}
.act-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--slow)}
.act.open .act-b{grid-template-rows:1fr}
.act-b > div{overflow:hidden}
.act-in{padding:0 20px 20px;display:grid;gap:14px}
.ab{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;font-size:14.5px;padding-top:14px;border-top:1px solid var(--line)}
.ab > span:first-child{font-size:12.5px;font-weight:800;color:var(--text-2);padding-top:2px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.facts div{font-size:12px;color:var(--text-2);font-weight:700;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.facts b{display:block;color:var(--text);font-size:14px;margin-top:3px;font-weight:700}
.facts .pending b{color:var(--text-2);font-weight:600;font-style:italic}
.asset{border-radius:14px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line)}
.asset-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.asset-h b{display:flex;align-items:center;gap:8px;font-size:14.5px}
.asset p{margin:0;font-size:14.5px}
.statusbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}
.seg{display:inline-flex;background:var(--chip);border-radius:999px;padding:3px}
.seg button{border:0;background:none;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--text-2);cursor:pointer;min-height:36px}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.seg button[aria-pressed="true"][data-s="DONE"]{background:var(--green)}
.seg button:disabled{opacity:.45;cursor:not-allowed}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:13.5px;font-weight:700;cursor:pointer;color:var(--text)}
.btn:hover{border-color:var(--text-2)}
.btn .ic{width:16px;height:16px}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.note{font-size:13px;color:var(--text-2)}
.confq{border-radius:14px;padding:14px 16px;background:var(--warn-bg);color:var(--text)}
.confq b{display:block;font-size:14.5px;margin-bottom:6px}
.confq textarea{width:100%;min-height:72px;border-radius:10px;border:1px solid var(--line);padding:10px 12px;font:inherit;font-size:14.5px;background:var(--surface);color:var(--text);margin:8px 0}
.confq .done{font-size:13.5px;font-weight:700;color:var(--good-ink)}
.empty{padding:18px;border-radius:14px;border:1px dashed var(--line);font-size:14.5px;color:var(--text-2);background:var(--surface-2)}

/* evidence */
.lim{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:14px}
.lim + .lim{margin-top:6px}
.lim b{font-size:12.5px;color:var(--text-2)}
.src{display:grid;grid-template-columns:minmax(0,1fr) 150px 70px;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:14px}
.src + .src{margin-top:6px}
.src.you{border-color:var(--blue)}
.src .bar{height:8px;border-radius:4px;background:var(--chip);overflow:hidden}.src .bar i{display:block;height:100%;background:var(--blue)}
.src small{display:block;font-size:12px;color:var(--text-2)}
.legend{display:grid;gap:8px}
.legend div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;font-size:14px}

/* tools */
.tool{border-radius:18px;padding:18px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.tool.live{background:var(--ink);color:#EEF3F9;border-color:var(--ink);--ic-accent:#8fb3ff;flex-direction:row;align-items:center;gap:18px}
.tool.live .ic{width:36px;height:36px}
.tool.live small{color:#A9B6C8}
.tool.plan{border-style:dashed;background:var(--surface-2)}
.tool b{font-size:16px}
.tool small{font-size:13.5px;color:var(--text-2)}
.soon{align-self:flex-start;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--unk-bg);color:var(--unk-ink);margin-top:auto}

/* progress */
.tl{display:grid;gap:0;position:relative;padding-left:26px}
.tl::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl div{position:relative;padding:10px 0 14px;font-size:14.5px}
.tl div::before{content:"";position:absolute;left:-22px;top:15px;width:12px;height:12px;border-radius:4px;background:var(--blue)}
.tl div.base::before{background:var(--ink)}.tl div.done::before{background:var(--green)}.tl div.wait::before{background:var(--chip);box-shadow:inset 0 0 0 2px #9aa8bb}
.tl small{display:block;font-size:12.5px;color:var(--text-2)}

.proto{margin-top:40px;font-size:13px;color:var(--text-2);padding:14px 16px;border-radius:12px;border:1px dashed var(--line)}

@media (max-width:1000px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .side{position:sticky;top:36px;z-index:30;height:auto;flex-direction:row;align-items:center;overflow-x:auto;padding:10px;gap:6px}
  .brand,.biz,.side-foot,.side-sep{display:none}
  .nav{flex:none;padding:9px 12px;font-size:14px}
  .nav .ct{display:none}
  .vc,.g2,.g3{grid-template-columns:minmax(0,1fr)}
  .g5{grid-template-columns:1fr 1fr}
  #view{padding:20px 16px 48px}.top{padding:14px 16px}
  .loc{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .facts{grid-template-columns:1fr 1fr}
  .ab{grid-template-columns:minmax(0,1fr);gap:4px}
  .dr{grid-template-columns:minmax(0,1fr) 50px}.dr .tr{grid-column:1 / -1;grid-row:2}
  .qrow{grid-template-columns:minmax(0,1fr) 70px 70px}
  .loc{grid-template-columns:minmax(0,1fr)}
  .src{grid-template-columns:minmax(0,1fr) 60px}.src .bar{display:none}
  .act-h{grid-template-columns:38px minmax(0,1fr)}.act-h .st{grid-column:2;justify-self:start}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important}}

/* ===== pass 2 ===== */
.who{margin:0 2px 16px;padding:16px;border-radius:16px;background:rgba(238,243,249,.05);border:1px solid var(--side-line)}
.logo-slot{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#F7FAFD,#DCE6F3);color:var(--ink);display:grid;place-items:center;font-size:24px;font-weight:800;letter-spacing:-.03em;margin-bottom:12px;box-shadow:0 10px 24px -14px rgba(0,0,0,.6)}
.who b{display:block;color:#EEF3F9;font-size:16px;line-height:1.25;letter-spacing:-.01em}
.who small{display:block;font-size:13px;color:#A9B6C8;margin-top:6px;line-height:1.4}
.who a{color:#cfe0ff;font-size:13px;text-decoration:none;display:inline-block;margin-top:6px;max-width:100%;overflow-wrap:anywhere}
.who{min-width:0;flex-shrink:0}   /* P-122: never squeezed below its content by the sidebar column */
.nav.sub{font-size:14px;padding:10px 14px;color:#A9B6C8}
.trk{margin:12px 4px 0;padding:12px;border-radius:12px;border:1px solid var(--side-line);font-size:12.5px;color:#A9B6C8;line-height:1.45}
.trk b{color:#EEF3F9;display:flex;align-items:center;gap:8px;font-size:13.5px}
.trk b i{width:8px;height:8px;border-radius:50%;background:#9aa8bb}
.trk.on b i{background:var(--green);box-shadow:0 0 0 3px rgba(32,134,105,.3)}
.trk button{all:unset;cursor:pointer;margin-top:8px;display:inline-block;font-size:12px;font-weight:700;color:#cfe0ff;text-decoration:underline;text-underline-offset:2px}
.powered{margin-top:auto;padding:16px 10px 2px;font-size:12px;color:#7f90a8}
.powered b{color:#C2CEDD}
.powered{display:flex;flex-direction:column;gap:8px}.powered img{height:28px;width:auto;align-self:flex-start;opacity:.92}
.brief{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
.btn.light{background:#EEF3F9;border-color:#EEF3F9;color:var(--ink)}
.btn.ghost{background:transparent;border-color:rgba(238,243,249,.3);color:#EEF3F9}
.ask{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;padding:20px;border-radius:20px;background:var(--warn-bg);margin-bottom:14px}
.ask .ai{width:52px;height:52px;border-radius:15px;background:var(--amber);display:grid;place-items:center;color:var(--ink);--ic-accent:var(--ink)}
.ask h3{margin:0 0 4px;font-size:18px;letter-spacing:-.015em}
.ask p{margin:0 0 12px;font-size:15px}
.qopts{display:flex;flex-wrap:wrap;gap:8px}
.qopts .btn{background:var(--surface)}
.qopts .btn[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.ask textarea{width:100%;min-height:64px;border-radius:10px;border:1px solid var(--line);padding:10px 12px;font:inherit;font-size:14.5px;background:var(--surface);color:var(--text);margin:10px 0 8px}
.pend{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--good-ink)}
.vlink{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--blue);white-space:nowrap}
.vlink:hover{text-decoration:underline}
.vlink .ic{width:14px;height:14px}
.comp .vlink{margin-top:8px}
/* actions v2 */
.why3{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--info-bg);color:var(--info-ink);font-size:14px;font-weight:600}
.why3 .ic{width:18px;height:18px}
.deps{font-size:13.5px;color:var(--text-2)}
.fix{border-radius:16px;border:1px solid var(--line);overflow:hidden}
.fix-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-2);flex-wrap:wrap}
.fix-h b{display:flex;align-items:center;gap:10px;font-size:15px}
.fix-h b .fi{width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;--ic-accent:#8fb3ff}
.fix-out{padding:16px;display:grid;gap:12px}
.fx-sec{border-radius:12px;border:1px solid var(--line);padding:14px;background:var(--surface)}
.fx-sec h4{margin:0 0 8px;font-size:12.5px;font-weight:800;color:var(--text-2);display:flex;justify-content:space-between;align-items:center;gap:8px}
.fx-sec .copy{all:unset;cursor:pointer;font-size:12px;font-weight:700;color:var(--blue)}
.fx-sec p,.fx-sec li{margin:0 0 6px;font-size:14.5px;line-height:1.5}
.fx-sec ul{margin:0;padding-left:18px}
.fx-sec .hd{font-size:18px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.fx-sec.blocked{background:var(--warn-bg);border-color:transparent}
.gen{display:flex;align-items:center;gap:12px;padding:16px;font-size:14px;color:var(--text-2)}
.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--chip);border-top-color:var(--blue);animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.lbl{font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--unk-bg);color:var(--unk-ink)}
/* tools */
.tl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tcard{all:unset;box-sizing:border-box;cursor:pointer;border-radius:20px;padding:20px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;transition:transform .25s var(--slow),border-color .2s}
.tcard:hover{transform:translateY(-3px);border-color:var(--blue)}
/* Phase I1: Tools page additions (question line, footer with uses left, the four-platform strip, Tracking chips). */
.tcard .tq{font-size:14px;font-weight:700;color:var(--blue,#326FE6);line-height:1.35}
.tcard .t-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink3,#5B6B82);font-weight:600}
.tcard .t-what{display:inline-flex;align-items:center;gap:6px;min-width:0}
.t-logos{display:inline-flex;gap:6px}.t-logos .plogo{width:18px;height:18px}
.t-left{flex:none;background:#E3F4EC;color:#14704F;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:800;white-space:nowrap}
.t-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.t-title .lead{margin-right:4px}
.t-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;color:var(--ink2,#2A3B52);background:var(--surface)}
.t-chip.on{background:#E3F4EC;border-color:#BFE0CF;color:#14704F}.t-chip.on i{font-style:normal;font-size:10px}
.t-ask{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:12px 0 2px;padding:10px 12px;border-radius:12px;background:var(--surface2,#F5F8FC);font-size:13.5px;font-weight:600;color:var(--ink2,#2A3B52)}
.t-ask .t-ai{display:inline-flex;align-items:center;gap:5px}.t-ask .t-ai .plogo{width:16px;height:16px}.t-ask .t-ai i{font-style:normal;color:#14704F;font-weight:800}
.t-ask .t-dot{color:var(--ink3,#8796AB)}.t-ask .t-time{margin-left:auto;color:var(--ink3,#5B6B82);font-weight:600}
@media (max-width:560px){.t-ask .t-time{margin-left:0;width:100%}}
.tcard[aria-pressed="true"]{border-color:var(--blue);box-shadow:0 0 0 3px rgba(53,115,234,.18)}
.tcard .ti{width:48px;height:48px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;--ic-accent:#8fb3ff}
.tcard .ti .ic{width:26px;height:26px}
.tcard b{font-size:17px;letter-spacing:-.015em}
.tcard small{font-size:14px;color:var(--text-2)}
.tool-panel{margin-top:16px}
.tin{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tin input,.tin select{flex:1;min-width:220px;min-height:48px;border-radius:12px;border:1px solid var(--line);padding:0 14px;font:inherit;font-size:15.5px;background:var(--surface);color:var(--text)}
.allow{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2);margin-top:10px}
.expl{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--info-bg);color:var(--info-ink);font-size:13.5px;font-weight:600;margin-top:14px}
.expl .ic{width:18px;height:18px;flex:none;margin-top:1px}
.qres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.qr{border-radius:16px;padding:16px;background:var(--surface-2);border:1px solid var(--line)}
.qr.you{border-color:var(--blue);background:var(--info-bg)}
.qr small{font-size:13px;font-weight:700;color:var(--text-2)}
.qr b{display:block;font-size:34px;font-weight:800;letter-spacing:-.04em}
.qr b span{font-size:15px;color:var(--text-2);font-weight:600}
.qtab{display:grid;gap:6px;margin-top:12px}
.qtab div{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:14px}
.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.pc-col h4{margin:0 0 8px;font-size:14px;display:flex;align-items:center;gap:8px}
.pc-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px 13px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:14.5px;margin-top:6px}
.pc-item small{display:block;font-size:12.5px;color:var(--text-2)}
.okc{width:22px;height:22px;border-radius:7px;background:var(--good-bg);color:var(--good-ink);display:grid;place-items:center;font-weight:800;font-size:13px}
.atc{width:22px;height:22px;border-radius:7px;background:var(--warn-bg);color:var(--warn-ink);display:grid;place-items:center;font-weight:800;font-size:13px}
.locked{border-radius:18px;padding:22px;background:var(--surface);border:1px dashed var(--line);display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.locked .ic{width:30px;height:30px}
.powers{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--text-2);margin-top:22px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
/* competitor profile */
.crow{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr) 64px 20px;gap:14px;align-items:center;font-weight:700;font-size:15px;padding:8px;border-radius:12px;transition:background .2s}
.crow:hover{background:var(--surface-2)}
.crow .tr{height:24px;border-radius:7px;background:var(--chip);overflow:hidden}
.crow .tr i{display:block;height:100%;width:0;border-radius:7px;background:var(--amber);transition:width 1.4s var(--slow)}
.crow.you{cursor:default}.crow.you .tr i{background:var(--blue)}.crow.you{color:var(--blue)}
.crow .n{text-align:right;font-size:22px;letter-spacing:-.03em}
.crow small{display:block;font-size:12px;color:var(--text-2);font-weight:600}
.crow .chev{color:var(--text-2)}
.vs2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vs2 div{border-radius:14px;padding:16px;background:var(--surface-2);border:1px solid var(--line)}
.vs2 div.you{background:var(--info-bg);border-color:transparent}
.vs2 small{font-size:12.5px;font-weight:800;color:var(--text-2)}
.vs2 b{display:block;font-size:38px;font-weight:800;letter-spacing:-.04em}
.envrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.envrow div{border-radius:10px;padding:10px;text-align:center;font-size:12.5px;font-weight:700;background:var(--surface-2);border:1px solid var(--line)}
.envrow div b{display:block;font-size:20px}
.pendbox{padding:14px;border-radius:12px;border:1px dashed var(--line);background:var(--surface-2);font-size:14px;color:var(--text-2)}
/* drawer */
.drawer-bg{position:fixed;inset:0;background:rgba(7,20,36,.45);z-index:80;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--surface);z-index:90;display:flex;flex-direction:column;box-shadow:-30px 0 80px -30px rgba(7,20,36,.6);animation:slide .35s var(--slow);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.exc{margin-top:6px}.exc summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--blue)}.exc q{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:var(--text-2);quotes:none;padding-left:10px;border-left:2px solid var(--line)}
.help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hcard{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.hcard:hover{border-color:var(--blue)}
.hcard:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px rgba(53,115,234,.15)}
.hcard input,.qopt input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue)}
.hc-b small{display:block;font-size:12px;font-weight:800;color:var(--blue)}
.hcard.pri-h .hc-b small{color:var(--text-2)}
.hc-b b{display:block;font-size:15.5px;margin:2px 0 4px;letter-spacing:-.01em}
.hc-b span{display:block;font-size:13.5px;color:var(--text-2)}
.qtag{display:inline-flex;font-style:normal;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--info-bg);color:var(--info-ink);margin-top:8px;align-self:center}
.h-sub{display:flex;flex-direction:column;gap:2px;margin:22px 0 10px}.h-sub b{font-size:16px}.h-sub span{font-size:14px;color:var(--text-2)}
.hcard.build .hc-b small{color:var(--green-ink,#17694f)}
.qlist{display:grid;gap:6px}
.qopt{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;font-size:14.5px;font-weight:600}
.qopt small{display:block;font-size:11.5px;font-weight:800;color:var(--text-2)}
.fgrp{display:grid;gap:8px}.fgrp > b{font-size:14px}
.radio{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-size:13.5px;font-weight:600;cursor:pointer}
.radio input{accent-color:var(--blue)}
.fin{width:100%;min-height:44px;border-radius:10px;border:1px solid var(--line);padding:10px 12px;font:inherit;font-size:14.5px;background:var(--surface);color:var(--text)}
@media (max-width:640px){.help{grid-template-columns:minmax(0,1fr)}}
.drawer[hidden],.drawer-bg[hidden]{display:none}
@keyframes slide{from{transform:translateX(40px);opacity:0}}
.dr-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 22px 14px;border-bottom:1px solid var(--line)}
.dr-h small{font-size:12.5px;font-weight:800;color:var(--blue)}
.dr-h h2{margin:2px 0 0;font-size:20px;letter-spacing:-.02em;line-height:1.2}
.xbtn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:16px;flex:none}
.dr-b{padding:18px 22px 28px;overflow:auto;display:grid;gap:14px;align-content:start}
.dr-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:14px;align-items:center}
.dr-row > span:first-child{font-weight:800;color:var(--text-2);font-size:12.5px}
.evl{display:grid;gap:6px}
.evl div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:13.5px}
.evl small{display:block;font-size:11.5px;color:var(--text-2)}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--ink);color:#EEF3F9;border-radius:14px;padding:14px 18px;font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:12px;z-index:95;box-shadow:0 20px 50px -20px rgba(7,20,36,.7);transition:all .35s var(--slow);max-width:calc(100% - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast .okc{background:var(--green);color:#fff}
.milestones{display:grid;gap:8px}
.ms{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.ms .mi{width:40px;height:40px;border-radius:12px;background:var(--chip);display:grid;place-items:center}
.ms.done .mi{background:var(--good-bg);color:var(--good-ink);--ic-accent:var(--green)}
.ms b{font-size:15px}.ms small{display:block;font-size:13px;color:var(--text-2)}
.ms .mv{font-size:15px;font-weight:800}
/* Progress milestone bars moved to .msbar (Phase C): .mbar is only the phone top bar. */
.changed{border-radius:20px;padding:22px;background:var(--surface);border:1px dashed var(--line)}
.chg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.chg-grid div{border-radius:14px;padding:14px;background:var(--surface-2);border:1px solid var(--line)}
.chg-grid small{font-size:12.5px;font-weight:800;color:var(--text-2)}
.chg-grid b{display:block;font-size:24px;letter-spacing:-.03em;margin-top:4px}
.chg-grid b em{font-style:normal;color:var(--good-ink);font-size:16px}
.rready{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;padding:6px 12px;border-radius:999px;background:var(--good-bg);color:var(--good-ink)}
@media (max-width:1000px){
  .who,.trk,.powered,.nav.sub{display:none}
  .brief,.tl-grid,.qres,.pc-grid,.vs2,.chg-grid{grid-template-columns:minmax(0,1fr)}
  .crow{grid-template-columns:minmax(0,1fr) 50px 16px}.crow .tr{grid-column:1 / -1;grid-row:2}
}
@media (max-width:640px){
  .qtab div{grid-template-columns:90px minmax(0,1fr)}.qtab div > :last-child{grid-column:1 / -1}
  .envrow{grid-template-columns:1fr 1fr}
  .mx table,.mx thead{display:block;min-width:0}.mx thead{display:none}.mx tbody{display:grid;gap:10px}
  .mx tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
  .mx td{display:block}.mx td.q{grid-column:1 / -1;max-width:none;padding:0 0 4px}
  .mx td[data-l]::before{content:attr(data-l);display:block;font-size:11px;font-weight:700;color:var(--text-2);margin-bottom:3px;text-align:center}
}

.topr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.acct{position:relative}
.acct-btn{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px 4px 4px;cursor:pointer;font-weight:700;font-size:14px}
.logo-slot.sm{width:32px;height:32px;font-size:13px;margin:0;border-radius:999px;box-shadow:none;background:var(--ink);color:#fff}
.acct-n{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu{position:absolute;right:0;top:calc(100% + 8px);width:280px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -24px rgba(7,20,36,.45);padding:8px;z-index:70;display:grid}
.menu[hidden]{display:none}
.m-id{padding:10px 12px;border-bottom:1px solid var(--line)}.m-id b{display:block;font-size:14.5px}.m-id small{font-size:12.5px;color:var(--text-2)}
.m-plan{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;font-size:13px;border-bottom:1px solid var(--line)}.m-plan span{color:var(--text-2);font-weight:700}
.menu button,.menu a.m-link{all:unset;cursor:pointer;padding:11px 12px;border-radius:10px;font-size:14.5px;font-weight:600}
.menu button:hover,.menu button:focus-visible,.menu a.m-link:hover,.menu a.m-link:focus-visible{background:var(--surface-2)}
.upsell{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;padding:18px 20px;border-radius:18px;background:var(--ink);color:#EEF3F9}
.upsell b{display:flex;align-items:center;gap:8px;font-size:16px}.upsell b .ic{width:18px;height:18px}
.upsell span{display:block;font-size:14px;color:#A9B6C8;margin-top:4px}
.tcard{position:relative}
.tlock{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:999px;background:var(--warn-bg);color:var(--warn-ink)}
.tlock .ic{width:13px;height:13px}
.tlock.ok{background:var(--good-bg);color:var(--good-ink)}
.locked-tool{position:relative;overflow:hidden;min-height:260px}
.lt-prev{filter:blur(3px);opacity:.5;pointer-events:none}
.lt-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.4),var(--surface) 70%)}
.lt-cta b{font-size:17px;max-width:460px}.lt-cta span{font-size:14px;color:var(--text-2)}
.ofilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.chipbtn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:700;cursor:pointer;color:var(--text-2)}
.chipbtn[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.orow{display:grid;grid-template-columns:34px minmax(0,1fr) 130px auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);margin-top:6px}
.orow b{display:block;font-size:14.5px}.orow small{font-size:12.5px;color:var(--text-2)}
.faq{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 18px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-weight:700;font-size:15.5px}
.faq summary::-webkit-details-marker{display:none}
.faq[open] summary span{transform:rotate(45deg)}
.faq summary span{transition:transform .2s;color:var(--text-2)}
.faq p{margin:0 0 16px;color:var(--text-2);font-size:15px}
.support{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
.support b{display:block;font-size:17px}.support span{font-size:14px;color:var(--text-2)}
.summary{position:fixed;inset:0;z-index:100;background:rgba(7,20,36,.6);overflow:auto;padding:20px}
.summary[hidden]{display:none}
.sum-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:820px;margin:0 auto 14px;padding:12px 16px;border-radius:14px;background:var(--surface);color:var(--text)}
.sheet{max-width:820px;margin:0 auto;background:#fff;color:#071424;border-radius:6px;padding:48px 52px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);font-size:13.5px;line-height:1.5}
.sh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:2px solid #071424}
.sh-id{display:flex;gap:14px;align-items:center}.sh-id .logo-slot{width:52px;height:52px;font-size:20px;margin:0;background:#071424;color:#fff;box-shadow:none}
.sh-id b{display:block;font-size:17px}.sh-id small{color:#46546b}
.sh-meta{text-align:right;font-weight:800;font-size:14px}.sh-meta small{font-weight:500;color:#46546b;font-size:11.5px}
.sheet h1{font-size:24px;letter-spacing:-.02em;line-height:1.2;margin:22px 0 16px}
.sheet h2{font-size:15px;margin:22px 0 8px;padding-top:14px;border-top:1px solid #DCE4EE}
.sh-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:start}
.sh-ov{padding:16px;border-radius:10px;background:#EEF3F9}.sh-ov small{font-weight:700;color:#46546b}.sh-ov b{display:block;font-size:44px;letter-spacing:-.04em;line-height:1}.sh-ov span{font-weight:700}.sh-ov em{display:block;font-style:normal;font-size:11.5px;color:#46546b;margin-top:6px}
.sh-t{width:100%;border-collapse:collapse}.sh-t th,.sh-t td{text-align:left;padding:7px 8px;border-bottom:1px solid #E8EDF3}.sh-t th{font-size:11.5px;color:#46546b}
.sh-p{margin:0;padding-left:20px}.sh-p li{margin-bottom:8px}.sh-p b{display:block}.sh-p span{color:#46546b}
.sh-more{color:#46546b;margin:6px 0 0}
.sh-l{margin:0;padding-left:18px;color:#46546b}
.sh-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:14px;border-top:2px solid #071424;font-size:12px;color:#46546b}
.sh-foot img{height:20px;filter:none;background:#071424;padding:5px 8px;border-radius:5px}
@media print{body *{visibility:hidden}.summary,.summary .sheet,.summary .sheet *{visibility:visible}.summary{position:absolute;inset:0;background:#fff;padding:0}.sheet{box-shadow:none;max-width:none;padding:0}.no-print{display:none}}
@media (max-width:640px){.acct-n{display:none}.sheet{padding:24px}.sh-row{grid-template-columns:minmax(0,1fr)}.orow{grid-template-columns:30px minmax(0,1fr)}.orow > :nth-child(n+3){grid-column:2}}

/* ---------- QA fixes (2026-10-04) ---------- */
/* Phone/tablet menu: hidden behind a button; when open it sits in the page flow and pushes content down. */
.mbar{display:none}
.menu-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:11px;background:rgba(238,243,249,.1);color:#EEF3F9;font-weight:700;font-size:14.5px;cursor:pointer;min-height:44px}
.menu-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
@media (max-width:1000px){
  .mbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--side);padding:8px 16px;position:static}
  .mbar img{height:22px;width:auto}
  .side{display:none;position:static;top:auto;height:auto;flex-direction:column;align-items:stretch;overflow:visible;padding:8px 12px 14px;gap:2px;z-index:auto}
  .side.open{display:flex}
  .side .nav{flex:none;padding:12px 14px;font-size:15px}
  .side .nav .ct{display:inline-block}
  .side.open .nav.sub,.side.open .trk{display:flex}
  .side.open .trk{display:block;margin-top:8px}
  .ribbon[hidden] ~ .shell .side{top:auto;height:auto}
}
/* 390px: nothing overflows sideways. */
@media (max-width:480px){
  html,body{overflow-x:hidden}
  .top{gap:10px}.top h1{font-size:20px}.topr{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}
  .meta{flex-wrap:wrap;gap:6px}
  .g5{grid-template-columns:minmax(0,1fr)}
  .facts{grid-template-columns:minmax(0,1fr)}
  .qrow{grid-template-columns:minmax(0,1fr) 64px 60px;font-size:13.5px}
  .menu{width:min(280px,calc(100vw - 32px))}
  .drawer{width:100vw;max-width:100vw}
  .btns .btn{flex:1 1 auto}
  .tin{flex-wrap:wrap}.tin input,.tin select{min-width:0;width:100%}
  .mx td.q{word-break:break-word}
}
.inc{font-size:12.5px;line-height:1.4;color:var(--text-2);margin:4px 0 6px}
.comp .inc{min-height:0}
.why-off{margin:8px 0 0;font-size:13px;color:var(--text-2);font-weight:600}
.exc-none{display:block;margin-top:4px;font-size:12.5px;color:var(--text-2);font-style:italic}
.btn[disabled]{opacity:.55;cursor:not-allowed}

/* Extras we put together for you (design-prototypes/visibility-workspace.html, Foundation v3.0) */
.extras{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.xc{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:20px;border-radius:18px;background:var(--surface,#fff);border:1px solid var(--line,#DCE4EE)}
.xc .xi{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#DDF1EA;color:#17694f}
.xc b{display:block;font-size:16px;letter-spacing:-.01em}
.xc span:not(.xi){display:block;margin-top:4px;font-size:14px;color:var(--text-2,#46546b);line-height:1.5}
.xc .btn{grid-column:2;justify-self:start;margin-top:12px}
@media (max-width:820px){.extras{grid-template-columns:minmax(0,1fr)}}
.xc .btn[disabled]{opacity:.6;cursor:not-allowed}
/* Help with your Action Plan: secondary to the action itself (owner, 2026-10-08) */
.helpme{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}
.helpme .qtag{margin-top:0}
.linkbtn{all:unset;cursor:pointer;font-size:13px;font-weight:700;color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.linkbtn:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.linkbtn:disabled{cursor:default;opacity:.6;text-decoration:none}
/* Contract 1.8: "What we found" lead and clickable sources on web-sourced answers */
.wwf{display:block;font-weight:700;color:var(--text);margin-bottom:4px}
.srcl{display:block;margin-top:6px;font-size:12.5px;color:var(--text-2)}
.srcl a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:2px;word-break:break-all}

/* Decision 23 (Step 1): assistant logos, Your Visibility row titles, score-driver pills */
.plogo{width:20px;height:20px;object-fit:contain;flex:none;display:inline-block;vertical-align:middle}
.envh{display:inline-flex;align-items:center;gap:7px}
.card.vis td.q,.card.vis .qrow:not(.h)>span:first-child{font-size:15px;font-weight:600;color:#071424;line-height:1.4}
.card.vis td.q{padding-top:12px;padding-bottom:12px}
.vis .qrow{padding-top:13px;padding-bottom:13px}
.vis .qrow + .qrow{margin-top:8px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vis .q,:root:not([data-theme="light"]) .vis .qrow:not(.h)>span:first-child{color:var(--text)}}
:root[data-theme="dark"] .vis .q,:root[data-theme="dark"] .vis .qrow:not(.h)>span:first-child{color:var(--text)}
.drv{display:grid;gap:12px}
.dgrp{display:grid;gap:8px;--dp-bg:#EEF1F5;--dp-ink:#46536a}
.dgrp.h{--dp-bg:#EDF7F2;--dp-ink:#1A7458;--dp-icon:#208669}
.dgrp.b{--dp-bg:#FDF1DC;--dp-ink:#7A4300}
.dpill{justify-self:start;display:inline-flex;align-items:center;font-size:14px;font-weight:600;line-height:1.2;padding:5px 11px;border-radius:999px;background:var(--dp-bg);color:var(--dp-ink)}
.ditem{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:11px 13px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.ditem p{margin:0;font-size:15px;line-height:1.45}
.ditem .dic{width:20px;height:20px;color:var(--dp-icon,var(--dp-ink));margin-top:1px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dgrp{--dp-bg:rgba(238,243,249,.08);--dp-ink:#C2CEDD}:root:not([data-theme="light"]) .dgrp.h{--dp-bg:rgba(32,134,105,.22);--dp-ink:#8fdcc3}:root:not([data-theme="light"]) .dgrp.b{--dp-bg:rgba(233,179,77,.18);--dp-ink:#f3d28f}}
:root[data-theme="dark"] .dgrp{--dp-bg:rgba(238,243,249,.08);--dp-ink:#C2CEDD}:root[data-theme="dark"] .dgrp.h{--dp-bg:rgba(32,134,105,.22);--dp-ink:#8fdcc3}:root[data-theme="dark"] .dgrp.b{--dp-bg:rgba(233,179,77,.18);--dp-ink:#f3d28f}@media (min-width:900px){.card.vis .qrow{grid-template-columns:minmax(0,1fr) 190px 110px}}

/* Decision 24: dark ChatGPT logo on light surfaces, the original on dark ones; earlier-method note. */
.plogo.on-dark{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .plogo.on-light{display:none}:root:not([data-theme="light"]) .plogo.on-dark{display:inline-block}}
:root[data-theme="dark"] .plogo.on-light{display:none}:root[data-theme="dark"] .plogo.on-dark{display:inline-block}
.evl small.evm{display:block;font-style:italic}
:root[data-theme="dark"] .dgrp.h{--dp-icon:#8fdcc3}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dgrp.h{--dp-icon:#8fdcc3}}

/* ---------- Help services (decision 25): "Have us do this", side panel, "Bigger projects" ---------- */
:root{--hs-line:#E8EDF3;--hs-field:#D3DCE7;--hs-hover:#EEF3F9;--hs-note:#EDF7F2;--hs-ok:#1A7458;--hs-card:#FFFFFF;--hs-head:#071424}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--hs-line:rgba(238,243,249,.12);--hs-field:rgba(238,243,249,.2);--hs-hover:rgba(238,243,249,.08);--hs-note:rgba(32,134,105,.2);--hs-ok:#8fdcc3;--hs-card:var(--surface);--hs-head:var(--text)}}
:root[data-theme="dark"]{--hs-line:rgba(238,243,249,.12);--hs-field:rgba(238,243,249,.2);--hs-hover:rgba(238,243,249,.08);--hs-note:rgba(32,134,105,.2);--hs-ok:#8fdcc3;--hs-card:var(--surface);--hs-head:var(--text)}
.helpme{border-top:1px solid var(--hs-line)}
.hm-btn{display:inline-flex;align-items:center;font:inherit;font-size:14px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--hs-field);border-radius:8px;padding:7px 14px;cursor:pointer;transition:border-color .15s,color .15s}
.hm-btn:hover{border-color:var(--blue);color:var(--blue)}
.hm-btn:disabled{opacity:.55;cursor:default}.hm-btn:disabled:hover{border-color:var(--hs-field);color:var(--text)}
.hm-done{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--hs-ok)}
.hm-ic{width:18px;height:18px;flex:none}
.bigger{margin-top:32px;background:var(--hs-card);border:1px solid var(--hs-line);border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.bg-k{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.bigger h3{margin:6px 0;font-size:18px;font-weight:600;line-height:1.3;color:var(--hs-head);letter-spacing:-.01em}
.bigger p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2);max-width:58ch}
.bg-a{flex:none}
.bg-btn{font:inherit;font-size:15px;font-weight:600;color:var(--blue);background:transparent;border:1px solid var(--blue);border-radius:8px;padding:10px 18px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.bg-btn:hover{background:var(--blue);color:#fff}
.bg-btn span{display:inline-block;transition:transform .15s}.bg-btn:hover span{transform:translateX(3px)}
.bg-btn:disabled{opacity:.55;cursor:default}.bg-btn:disabled:hover{background:transparent;color:var(--blue)}
.hm-btn:focus-visible,.bg-btn:focus-visible,.hp-x:focus-visible,.hp-cancel:focus-visible,.hp-go:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(53,115,234,.35)}
@media (max-width:720px){.bigger{flex-direction:column;align-items:stretch;gap:18px}.bg-btn{width:100%}}
html.hp-lock,html.hp-lock body{overflow:hidden}
.hp-wrap{position:fixed;inset:0;z-index:120;font-family:var(--font)}
.hp-wrap[hidden]{display:none}
.hp-bg{position:absolute;inset:0;background:rgba(7,20,36,.3);opacity:0;transition:opacity .28s ease}
.hp-wrap.open .hp-bg{opacity:1}
.hp{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--surface);color:var(--text);display:flex;flex-direction:column;box-shadow:-24px 0 64px -24px rgba(7,20,36,.45);transform:translateX(100%);transition:transform .34s var(--slow)}
.hp-wrap.open .hp{transform:none}
.hp-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 18px;border-bottom:1px solid var(--hs-line)}
.hp-k{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.hp-h h2{margin:6px 0 0;font-size:22px;line-height:1.25;font-weight:700;color:var(--hs-head);letter-spacing:-.015em}
.hp-x{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--text-2);display:grid;place-items:center;cursor:pointer;margin:-4px -8px 0 0;transition:background .15s,color .15s}
.hp-x:hover{background:var(--hs-hover);color:var(--text)}
.hp-x svg{width:20px;height:20px}
.hp-b{flex:1;overflow:auto;padding:22px 24px;display:grid;gap:22px;align-content:start}
.hp-d{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.hp-a{background:var(--surface-2);border:1px solid var(--hs-line);border-radius:12px;padding:14px 16px}
.hp-l{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-bottom:10px}
.hp-at{display:flex;gap:10px;align-items:flex-start}
.hp-at b{font-size:15px;font-weight:600;line-height:1.4;color:var(--text)}
.hp-pn{flex:none;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;margin-top:-1px}
.hp-fld label{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}
.hp-fld label span{font-weight:400;font-size:13px;color:var(--text-2)}
.hp-fld textarea{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:15px;line-height:1.5;color:var(--text);background:var(--surface);border:1px solid var(--hs-field);border-radius:10px;padding:12px 14px;resize:vertical;min-height:100px;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.hp-fld textarea::placeholder{color:var(--text-2);opacity:.75}
.hp-fld textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(53,115,234,.18)}
.hp-err{margin:8px 0 0;font-size:14px;color:#B42318}
.hp-n{margin:0;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--text);background:var(--hs-note);border-radius:10px;padding:12px 14px}
.hp-n svg{width:20px;height:20px;flex:none;color:var(--hs-ok)}
.hp-f{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--hs-line);background:var(--surface)}
.hp-cancel{font:inherit;font-size:15px;font-weight:600;color:var(--text-2);background:transparent;border:0;border-radius:8px;padding:11px 16px;cursor:pointer;transition:background .15s,color .15s}
.hp-cancel:hover{background:var(--hs-hover);color:var(--text)}
.hp-go{font:inherit;font-size:15px;font-weight:600;color:#fff;background:var(--blue);border:0;border-radius:8px;padding:11px 22px;cursor:pointer;transition:background .15s}
.hp-go:hover{background:#2A63D1}.hp-go:disabled{opacity:.6;cursor:default}
@media (max-width:640px){.hp{width:100%;transform:translateY(100%)}.hp-h{padding:20px 20px 16px}.hp-b{padding:20px}.hp-f{padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px))}.hp-go{flex:1}}
@media (prefers-reduced-motion:reduce){.hp,.hp-bg{transition:none}}

/* Answers and "plan updated" (decision 27) */
.ask-why{margin:8px 0;padding:10px 12px;border-radius:10px;background:var(--warn-bg);color:var(--warn-ink);font-size:14px}
.plan-upd{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 16px;border-radius:12px;background:var(--hs-note);border:1px solid var(--hs-line)}
.plan-upd>span .ic{width:20px;height:20px;color:var(--hs-ok)}
.plan-upd>div{flex:1;display:grid;gap:2px;font-size:14px;color:var(--text-2)}
.plan-upd b{font-size:15px;color:var(--text)}
.plan-upd .hp-x{margin:-6px -6px 0 0}
/* Question Check and Page Check results (decision 27) */
.allow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:14px;color:var(--text-2)}
.allow .one-time{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text)}
.allow .one-time .ic{width:18px;height:18px}
.allow .left{font-weight:600}
.qc-sum{margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--text)}
.qc-envs{display:grid;gap:10px;margin-top:14px}
.qc-env{border:1px solid var(--hs-line);border-radius:12px;padding:14px 16px;background:var(--surface)}
.qc-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qc-h b{font-size:15px}
.qc-res{margin-left:auto;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--unk-bg);color:var(--unk-ink)}
.qc-res.yes{background:var(--good-bg);color:var(--good-ink)}
.qc-res.no{background:var(--warn-bg);color:var(--warn-ink)}
.qc-d{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--text)}
.qc-d span{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-bottom:2px}
.qc-d a{color:var(--blue);font-weight:600}
.pc-read{display:grid;gap:8px;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--hs-line)}
.pc-read p{margin:0;font-size:14.5px}
.pc-read span{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
/* Rerun results (decision 28) */
.rc-sec{margin-top:12px}
.rc-sec h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px}
.rc-sec h3 .ic{width:20px;height:20px}
.rc-item{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--hs-line);font-size:14.5px}
.rc-item:first-of-type{border-top:0}
.rc-item span{color:var(--text-2)}
.rc-item.ok span{color:var(--hs-ok);font-weight:600}
.rc-item small{color:var(--text-2)}
.mv-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--hs-line);font-size:15px}
.mv-row span:first-child{flex:1}
.mv-d{font-size:13px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--unk-bg);color:var(--unk-ink)}
.mv-d.up{background:var(--good-bg);color:var(--good-ink)}
.mv-d.down{background:var(--warn-bg);color:var(--warn-ink)}
.qc-d.qc-none{color:var(--text-2)}
/* Presentation 1.10 competitor observations (per channel, never summed) */
.cs-grid{gap:12px}
.card.cs b{display:block;font-size:15.5px;color:var(--ink,#071424);margin-bottom:6px}
.card.cs b small{font-weight:600;color:var(--blue);font-size:12.5px;margin-left:4px}
.card.cs.you{border-color:var(--blue)}
.chl{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:14px}
.chl:first-of-type{border-top:0}
.chl span{color:var(--text-2)}
.chl b{display:inline;font-size:14px;margin:0;color:var(--ink,#071424)}
.chl b small{color:var(--text-2);font-weight:500;font-size:12.5px}
.card.cs .note{margin:8px 0 0}
.qa-g{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);margin:18px 0 8px}
.qa-row{margin-bottom:10px}
.qa-h small{display:block;color:var(--text-2);font-size:12.5px}
.qa-h b{font-size:15px;color:var(--ink,#071424)}
.qa-you{margin:8px 0;font-size:14px;color:var(--text-2)}
.qa-you.y{color:var(--good-ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:13px}
.chip small{color:var(--text-2)}
.qa-row details{margin-top:6px;width:100%}
.qa-row summary{cursor:pointer;font-size:13px;color:var(--blue)}

/* Presentation 1.11 picture slot (design U-Action). */
.vz-slot{margin:4px 0 2px}
.vz{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.vz-k{font-size:12px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}
.vz-row{display:grid;grid-template-columns:110px repeat(var(--cols,2),minmax(0,1fr));border-top:1px solid var(--line)}
.vz-vs .vz-row{grid-template-columns:150px repeat(2,minmax(0,1fr))}
.vz-row>*{padding:11px 12px;font-size:13.5px;line-height:1.4;min-width:0}
.vz-row>b{font-size:14px}
.vz-head{border-top:0;background:var(--surface-2)}.vz-head>span{font-size:13px;font-weight:700;color:var(--text-2)}
.vz-grid .vz-row>span[role=cell]{display:flex;gap:8px;align-items:flex-start}
.vz-dot{flex:none;width:22px;height:22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}
.vz-dot.ok{background:#E6F3EC;color:#1A7458}.vz-dot.bad{background:#FBE9E5;color:#B3361F}.vz-dot.mix{background:#FDF3E1;color:#7A5410}.vz-dot.unk{background:var(--unk-bg);color:var(--unk-ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.vz-quotes{border:0;background:transparent;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.vz-quote{margin:0;background:var(--surface-2);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}
.vz-quote blockquote{margin:0;font-size:15px;line-height:1.45;font-weight:700}.vz-quote figcaption{font-size:13px;color:var(--text-2)}
.vz-count{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0}
.vz-ci{padding:14px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}
.vz-ci b{font-size:26px}.vz-ci b small{font-size:14px;color:var(--text-2);font-weight:600}
.vz-bar{height:6px;border-radius:3px;background:var(--chip);overflow:hidden}.vz-bar i{display:block;height:100%;background:var(--blue,#326FE6)}
.vz-vs .note{margin:0;padding:10px 12px;border-top:1px solid var(--line);font-size:12.5px}
.vz-cov{padding:14px}.vz-cov ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.vz-cov li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px}.vz-cov li small{color:var(--text-2);font-size:12.5px}
.vz-tl{padding:14px}.vz-tl ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}.vz-tl li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;font-size:14px}.vz-tl li .num{font-weight:700}
@media (max-width:640px){
  .vz-grid .vz-head{display:none}
  .vz-grid .vz-row{grid-template-columns:minmax(0,1fr);padding:4px 0}
  .vz-grid .vz-row>b{padding-bottom:2px}
  .vz-grid .vz-row>span[role=cell]{padding-top:6px;padding-bottom:6px}
  .vz-grid .vz-row>span[role=cell]::before{content:attr(data-col);flex:none;width:96px;font-size:12px;font-weight:700;color:var(--text-2)}
  .vz-vs .vz-row{grid-template-columns:110px repeat(2,minmax(0,1fr))}
  .vz-ci{border-right:0;border-bottom:1px solid var(--line)}
}
/* Ready-made fix (1.11.1): line breaks kept; an owner detail is a highlighted blank until the answer is verified. */
.fix-text p{margin:0 0 8px;font-size:14.5px;line-height:1.55}.fix-text ul{margin:0 0 8px 18px;padding:0}.fix-text li{font-size:14.5px;line-height:1.5}
mark.fill{background:var(--warn-bg,#FBEFD6);color:var(--warn-ink,#8a5a00);border:1px dashed currentColor;border-radius:6px;padding:0 6px;font-weight:700;font-size:.92em;white-space:nowrap}
mark.fill.done{background:var(--good-bg,#DDF1EA);color:var(--good-ink,#17694f);border-style:solid;white-space:normal}
.facts ul.wl{margin:2px 0 0;padding-left:18px}.facts ul.wl li{font-weight:700;overflow-wrap:anywhere}
ol.steps{margin:0;padding-left:20px;display:grid;gap:4px}

/* How you compare (Presentation 1.11 comparison_rows, approved at Checkpoint 3). */
.card.cmp{padding:0;overflow:hidden}.card.cmp table{width:100%;border-collapse:collapse;font-size:14px}
.card.cmp th,.card.cmp td{padding:10px 12px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.card.cmp thead th{border-top:0;background:var(--surface-2);font-size:13px;color:var(--text-2)}
.card.cmp td:first-child{font-weight:600;width:44%}.card.cmp td.yes{color:var(--good-ink,#17694f);font-weight:700}

/* ---------- Phase C: Workspace upgrade (U-Overview, U-Action, U-Visibility, U-Competitors, U-Phone) ---------- */
.ov-h{display:flex;flex-direction:column;gap:10px}.ov-h .lead{max-width:860px}.ov-s{max-width:820px;margin:0;font-size:17px;line-height:1.55}
.wk{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.wk h2{margin:0;font-size:18px}.wk-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.wk-i{display:flex;gap:12px;align-items:flex-start;background:var(--surface-2);border-radius:14px;padding:14px}
.wk-c{width:32px;height:32px;border-radius:16px;background:var(--good-bg);color:var(--good-ink);display:inline-flex;align-items:center;justify-content:center;flex:none}.wk-c svg{width:18px;height:18px}
.wk-i b{display:block;font-size:15px}.wk-i span span{display:block;font-size:14px;color:var(--text-2);line-height:1.45;margin-top:2px}
.ov-row{display:flex;flex-wrap:wrap;gap:18px;align-items:stretch;margin-top:18px}
.ov-row>*{min-width:0}
.nb2{flex:3 1 460px;background:linear-gradient(160deg,#10284A 0%,#071424 70%);color:#fff;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px}
.nb2 .k{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#8FB0F5}.nb2 .k .ic{width:16px;height:16px}
.nb2 h2{margin:0;font-size:28px;line-height:1.18;font-weight:800;color:#fff}.nb2 p{margin:0;font-size:15px;line-height:1.55;color:#D3DDEB}
.nb-chips{display:flex;flex-wrap:wrap;gap:8px}.nb-chips span{font-size:13px;font-weight:600;background:#1C3B5E;border-radius:999px;padding:6px 11px}.nb-chips .q{background:#E8F0FD;color:#163F94;font-weight:700}
.nb2 .btns{margin-top:auto}
.ov-side{flex:2 1 300px;display:flex;flex-direction:column;gap:18px}
.ck2,.plan2{border-radius:22px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.ck-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ck2 h2,.plan2 h2{margin:0;font-size:16px}
.ck-b{display:flex;gap:16px;align-items:center}.ck-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;font-size:13px}.ck-l span{display:flex;align-items:center;gap:6px}.ck-l i{width:10px;height:10px;border-radius:3px;flex:none}
.ring2{position:relative;flex:none}.ring2 b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.ring2 b small{font-size:13px;color:var(--text-2)}
.pstrip{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--chip);gap:2px}.pstrip i{display:block}.pstrip .d{background:var(--green)}.pstrip .w{background:var(--blue)}.pstrip .o{background:var(--deep)}.pstrip .e{background:var(--chip)}
:root[data-theme="dark"] .pstrip .o{background:#5B8EF0}
.pl-l{margin:0;font-size:14px;color:var(--text-2)}.pl-l b{color:var(--text);font-size:16px}
.pl-t{margin:0;font-size:13.5px;color:var(--text-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}.pl-t .ic{width:16px;height:16px}
.wf2{flex:3 1 460px;background:#0B1B30;color:#fff;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:14px}
.wf-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.wf-h h2{margin:0;font-size:17px;color:#fff}.wf-h span{font-size:13px;color:#9FB2CC}
.chd{display:grid;grid-template-columns:150px minmax(0,1fr) 70px;gap:14px;align-items:center;background:#10223B;border:1px solid #22385A;border-radius:14px;padding:14px 16px}
.chd .l{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.chd .l .ic{width:18px;height:18px;color:#9FB2CC}
.chd b{text-align:right;font-size:20px;color:#E9B34D}.chd b small{font-size:13px;color:#9FB2CC}
.dots{display:flex;flex-wrap:wrap;gap:5px}.dots i{width:16px;height:16px;border-radius:8px;box-shadow:inset 0 0 0 2px #3A5578}.dots i.on{background:#E9B34D;box-shadow:none}
.wf2+.overall{flex:2 1 300px}
.rx{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:var(--text-2)}
.wi-g{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.wi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}.wi b{font-size:15px}.wi small{font-size:13px;color:var(--text-2)}
.wi.you{background:var(--warn-bg);border-color:transparent}.wi .you-l{font-size:12px;font-weight:700;color:var(--blue)}
.wi-bar{height:8px;border-radius:4px;background:var(--chip);overflow:hidden}.wi-bar i{display:block;height:100%;background:var(--deep)}
.obs .card b{font-size:15px}.obs .card p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--text-2)}
/* Action Plan */
.tier{margin:26px 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.tier-empty{font-size:15px;color:var(--text-2);line-height:1.5}
.meta4{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.meta4>div{background:var(--surface-2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px}.meta4 span{font-size:12px;color:var(--text-2);font-weight:600}.meta4 b{font-size:14px;line-height:1.35}
.wbox{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.wbox>span{font-size:12px;color:var(--text-2);font-weight:600}
.wbox ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14px;font-weight:600}.wbox a{overflow-wrap:anywhere}
.sec2{display:flex;flex-direction:column;gap:8px}.sec2 h4{margin:0;font-size:16px}.sec2 p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}.sec2 .wwf{color:var(--text);font-weight:700}
.wdiff{background:var(--warn-bg);border-radius:12px;padding:10px 12px;font-size:14px!important}.wdiff b{color:var(--warn-ink)}
ol.chk{list-style:none;margin:0;padding:0;display:grid;gap:10px}ol.chk li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;font-size:15px;line-height:1.45}
ol.chk .cn{width:26px;height:26px;border-radius:13px;border:2px solid var(--blue);color:var(--blue);font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.qbox{background:var(--info-bg);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.qbox h4{margin:0;font-size:16px;color:var(--info-ink);display:flex;align-items:center;gap:8px}.qbox h4 .ic{width:18px;height:18px}
.qb-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.qb-i{display:flex;flex-direction:column;gap:6px}.qb-i label{font-size:14px;font-weight:700}
.qb-i textarea{min-height:46px;border:1px solid #B6C7E6;border-radius:12px;padding:10px 14px;font:inherit;font-size:15px;background:var(--surface);color:var(--text);resize:vertical;box-sizing:border-box;width:100%}
.qbox>.btn{align-self:flex-start}.qb-n{margin:0}.qb-p{margin:0}
.rbox{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.rb-h{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line);flex-wrap:wrap}.rb-h b{flex:1;font-size:15px;min-width:180px}
.rb-i{width:32px;height:32px;border-radius:9px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.rb-i .ic{width:16px;height:16px}
.rb-b{padding:16px 18px}.rb-n{margin:0;padding:0 18px 14px}.rb-b .fill-note{padding:0;margin:12px 0 0}
.offer2{margin-top:18px;background:var(--surface);border:1px dashed #9AA8BA;border-radius:18px;padding:20px 22px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.offer2>div{flex:1 1 300px}.offer2 h3{margin:4px 0;font-size:17px}.offer2 p{margin:0;font-size:14px;color:var(--text-2)}
/* Your visibility */
.cell i{font-style:normal;font-weight:800;margin-right:2px}.cell.n{background:#FBE9E5;color:#8A2E1C}.cell.nn{background:var(--unk-bg);color:var(--unk-ink)}.cell.un{background:var(--unk-bg);color:var(--unk-ink);font-size:11.5px}
.mx-leg{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0}.mx-leg .cell{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;font-size:12px;font-weight:700}
:root[data-theme="dark"] .cell.n{background:rgba(179,54,31,.25);color:#f4b4a6}
.ckl{margin-top:22px;display:flex;flex-direction:column;gap:16px}.ckl-h{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.ckl-h>div:last-child{flex:1 1 300px}.ckl-h h2{margin:0;font-size:20px}.ckl-h p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--text-2)}
.ckl-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;align-items:start}
.ckg{background:var(--surface-2);border-radius:16px;padding:14px 16px 4px}.ckg-h{display:flex;align-items:center;gap:8px;padding-bottom:6px}.ckg-h b{flex:1;font-size:15px}.ckg-h small{font-size:12px;color:var(--text-2)}
.cki{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.cki b{display:block;font-size:14px;line-height:1.3}.cki small{display:block;font-size:13px;color:var(--text-2);line-height:1.4;margin-top:3px}
.ckd{width:24px;height:24px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff}.ckd.ok{background:#208669}.ckd.part{background:#E9B34D;color:#071424}.ckd.fix{background:#C2412D}.ckd.wait{background:#326FE6}
.ckc{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;align-items:center}.cs2{font-size:12px;font-weight:700;border-radius:999px;padding:3px 8px}.cs2.ok{background:var(--good-bg);color:var(--good-ink)}.cs2.part{background:var(--warn-bg);color:var(--warn-ink)}.cs2.fix{background:#FBE9E5;color:#8A2E1C}.cs2.wait{background:var(--info-bg);color:var(--info-ink)}
.ckx{border-top:1px solid var(--line);padding-top:8px}.ckx summary{min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:700;color:var(--blue);cursor:pointer}
.page2{display:flex;flex-direction:column;gap:8px}.page2 b{font-size:15px}.page2 p{margin:0;font-size:15px;line-height:1.5}
.pv{align-self:flex-start;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px}.pv.good{background:var(--good-bg);color:var(--good-ink)}.pv.mid{background:var(--warn-bg);color:var(--warn-ink)}.pv.bad{background:#FBE9E5;color:#8A2E1C}
/* Competitors */
.cs-grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.cbar{display:grid;grid-template-columns:90px minmax(0,1fr) 44px;gap:8px;align-items:center;font-size:12.5px;color:var(--text-2);margin-top:6px}.cbar .tr{height:8px;border-radius:4px;background:var(--chip);overflow:hidden}.cbar .tr i{display:block;height:100%;border-radius:4px}
.cbar .tr.AI i{background:var(--deep)}.cbar .tr.ORGANIC i{background:var(--blue)}.cbar .tr.MAPS i{background:var(--green)}.cbar b{text-align:right;color:var(--text)}
:root[data-theme="dark"] .cbar .tr.AI i{background:#8FB0F5}
.wn{margin-top:22px;display:flex;flex-direction:column;gap:12px}.wn h2,.sbs h2{margin:0;font-size:20px}.wn .note,.sbs .note{margin:0}
.wn-i{display:flex;gap:12px;align-items:flex-start;background:var(--surface-2);border-radius:14px;padding:14px;font-size:15px;line-height:1.5}
.wn-ic{width:32px;height:32px;border-radius:10px;background:var(--warn-bg);color:var(--warn-ink);display:inline-flex;align-items:center;justify-content:center;flex:none}.wn-ic .ic{width:16px;height:16px}
.wn-fix{display:inline-flex;margin-top:4px;font-size:12px}
.sbs{margin-top:22px;display:flex;flex-direction:column;gap:14px}.sbs-pick{display:flex;gap:8px;flex-wrap:wrap}
.sbs-t{border:1px solid var(--line);border-radius:14px;overflow:hidden}.sbs-r{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;border-top:1px solid var(--line);align-items:center}.sbs-r.h{border-top:0;background:var(--surface-2);font-size:13px;font-weight:700;color:var(--text-2)}
.sbs-r>*{padding:12px 14px;font-size:14px}.sbs-r .you{font-weight:700}
.vd{font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;display:inline-block}.vd.same{background:var(--chip);color:var(--text-2)}.vd.ahead{background:var(--good-bg);color:var(--good-ink)}.vd.more{background:var(--warn-bg);color:var(--warn-ink)}.vd.na{border:1px dashed #9AA8BA;color:var(--text-2)}
/* Progress (bug 2): the milestone bar is its own class; an empty bar looks empty. */
.msbar{height:6px;border-radius:3px;background:var(--chip);overflow:hidden;margin-top:6px}.msbar i{display:block;height:100%;width:0;background:var(--green);border-radius:3px;transition:width .8s var(--slow)}
/* Phone header (U-Phone, bug 5): one bar with the business name and Menu, then one line of status. */
.mb-mark{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex:none}.mb-mark i{width:3px;background:#6F8DB5}.mb-mark i:nth-child(1){height:6px}.mb-mark i:nth-child(2){height:9px}.mb-mark i:nth-child(3){height:11px}.mb-mark i:nth-child(4){height:14px;background:#5B8EF0}
.mb-name{flex:1;color:#fff;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meta-s{display:none}
@media (max-width:1000px){.mbar{justify-content:flex-start}}
@media (max-width:640px){
  .top{padding:8px 16px;flex-wrap:nowrap;gap:8px}.top h1{font-size:15px;white-space:nowrap}.topr{width:auto;flex:1;justify-content:flex-end;flex-wrap:nowrap;min-width:0}
  .top .meta .chip{display:none}.meta-s{display:inline;font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-s b{color:var(--good-ink)}
  .top .meta{flex:1;min-width:0;justify-content:flex-start;flex-wrap:nowrap}
  .acct-btn{padding:2px}.acct-btn>span[aria-hidden]{display:none}
  .menu{position:fixed;right:12px;left:auto;top:auto;width:min(300px,calc(100vw - 24px));margin-top:8px}
  .ov-h .lead{font-size:27px}.ov-s{font-size:15px}
  .nb2{padding:20px}.nb2 h2{font-size:21px}
  .chd{grid-template-columns:minmax(0,1fr) auto;padding:12px}.chd .dots{grid-column:1 / -1;grid-row:2}.dots i{width:14px;height:14px}
  .g5{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.g5 .comp{padding:14px;min-height:0}.g5 .comp .inc{display:none}.g5 .comp .v{font-size:24px}
  .sbs-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sbs-r.h{display:none}.sbs-r>b{grid-column:1 / -1;padding-bottom:0}.sbs-r>span[data-l]::before{content:attr(data-l);display:block;font-size:11px;font-weight:700;color:var(--text-2)}.sbs-r>span:last-child{grid-column:1 / -1;padding-top:0}
  .ckl-g{grid-template-columns:minmax(0,1fr)}
  .btn,.vlink,.chipbtn,.seg button,.copy,.nav{min-height:44px}.vlink{display:inline-flex;align-items:center}
}
.vz-q{display:block;font-size:12.5px;color:var(--text-2);line-height:1.4;margin-top:-2px}

/* Phase E 1a: confirmed live (a recheck or the reviewer), separate from the customer's own mark. */
.st.CONFIRMED{background:var(--good-bg);color:var(--good-ink)}

/* Phase E: a ready fix of type code (Action Library L4), shown as code for the web person. */
.codefix{margin:0;padding:12px 14px;border-radius:12px;background:var(--surface-2,#f4f6f9);border:1px solid var(--line);overflow-x:auto;font-size:12.5px;line-height:1.5;white-space:pre}

/* "Compare a business" (founder, 2026-10-14): tabs on Competitors, the Tools card, the picker panel, the list and the comparison. */
.cmp-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.cmp-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface-2,#eef3f9);border:1px solid var(--line)}
.cmp-tab{border:0;background:transparent;border-radius:9px;padding:9px 14px;font:inherit;font-size:14px;font-weight:700;color:var(--text-2);cursor:pointer;min-height:40px}
.cmp-tab[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(7,20,36,.12)}
.cmp-n{display:inline-block;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;margin-left:4px}
.cmp-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cmp-act small{color:var(--text-2);font-size:13px}
.cmp-tool{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}
.cmp-tool-t{display:flex;gap:12px;align-items:flex-start;max-width:640px}.cmp-tool-t b{display:block;font-size:16px}.cmp-tool-t small{display:block;color:var(--text-2);margin-top:3px;font-size:13.5px}
.cmp-tool-a{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cmp-list{display:grid;gap:12px}.cmp-card-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.cmp-card-h b{font-size:16px}.cmp-card-h small{display:block;color:var(--text-2);font-size:13px}
.cmp-st{font-size:13px;color:var(--text-2);display:inline-flex;gap:8px;align-items:center}.cmp-st.run{color:var(--blue)}.cmp-st.bad{color:var(--warn-ink)}
.cmp-hl{margin:10px 0 0;font-weight:600}.cmp-card-a{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}
.empty-cmp{display:grid;gap:10px;justify-items:start}
.cmp-back{margin-bottom:10px}.cmp-headline{font-size:19px;font-weight:700;line-height:1.35;margin:4px 0 16px;color:var(--ink)}
.cmp-ahead h3{margin:0 0 10px;font-size:16px}.cmp-ahead ul{margin:0;padding-left:18px;display:grid;gap:10px}.cmp-ahead li span{display:block}
.cmp-table{padding:0;overflow:hidden}.cmp-tr{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) 120px;gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
.cmp-tr:first-child{border-top:0}.cmp-th{background:var(--surface-2,#f4f6f9);font-size:13px;font-weight:700;color:var(--text-2)}
.cmp-l small{display:block;color:var(--text-2);font-size:12.5px;margin-top:3px}.cmp-v{display:block;font-weight:700}.cmp-v.oa{font-weight:600;color:var(--text-2)}
.cmp-tr small{color:var(--text-2);font-size:12px}
.cmp-chip{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px;background:var(--surface-2,#eef3f9);color:var(--text-2)}
.cmp-chip.you{background:var(--good-bg);color:var(--good-ink)}.cmp-chip.them{background:var(--warn-bg);color:var(--warn-ink)}
.cmp-hist{display:grid;gap:8px}.cmp-hist div{display:grid;grid-template-columns:120px 1fr 1fr;gap:10px;font-size:14px}
.cmp-foot{margin-top:14px}
.cp-s{display:grid;gap:6px}.cp-s label{font-size:13px;font-weight:700}.cp-s label span{font-weight:500;color:var(--text-2);margin-left:6px}
.cp-s input{width:100%}.cp-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.cp-c b{display:block}.cp-c small{display:block;color:var(--text-2);font-size:12.5px;margin-top:2px}
.cp-attr{font-size:12px;color:var(--text-2);margin-top:8px}.cp-sel{padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
.cp-use{font-weight:700}.cp-f{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
@media (max-width:760px){
  .cmp-tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px}.cmp-th{display:none}
  .cmp-tr .cmp-l{grid-column:1 / -1;font-weight:700}.cmp-tr>span[data-l]::before{content:attr(data-l);display:block;font-size:11.5px;color:var(--text-2);font-weight:700}
  .cmp-tr>span:last-child{grid-column:1 / -1}.cmp-hist div{grid-template-columns:1fr}
  .cp-card{flex-direction:column;align-items:flex-start}
}
.cp-card .btn{flex:none;white-space:nowrap}.cp-s .tin{margin:0}

.cmp-headline{margin-bottom:6px}.cmp-detail{margin:0 0 16px;font-size:16px;color:var(--text);max-width:760px}

/* Compare a business: tally bar, short lines, one-line empty side, column dates (founder, 2026-10-14) */
.tally{margin:0 0 14px;max-width:560px}.tally .tb{display:flex;gap:3px;height:8px;border-radius:999px;overflow:hidden;background:var(--line)}
.tally .tb i{display:block;min-width:6px}.tally .y,.tally .d.y{background:#2f9e6e}.tally .e,.tally .d.e{background:#b8c2cf}.tally .t,.tally .d.t{background:#e0a030}
.tally .tly{display:flex;flex-wrap:wrap;gap:4px 8px;margin:7px 0 0;font-size:13.5px;color:var(--text-2)}.tally .tly span{display:inline-flex;align-items:center;gap:6px}
.tally .d{display:inline-block;width:9px;height:9px;border-radius:50%}
.tally.sm{margin:8px 0 0;max-width:420px}.tally.sm .tb{height:6px}.tally.sm .tly{font-size:12.5px;margin-top:5px}
.cmp-ahead{display:grid;gap:14px;margin-bottom:4px}.cmp-ahead.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-ahead.one{grid-template-columns:minmax(0,1fr)}
.cmp-ahead>.card{min-width:0}.cmp-ahead li{min-width:0;overflow-wrap:anywhere}.cmp-ahead li span{font-weight:600}
.cmp-ahead .vlink.nx{white-space:normal;text-align:left;display:inline;margin-top:3px;font-size:13px;line-height:1.4;min-height:0}
.cmp-ahead li .nx{display:block;margin-top:4px}
.cmp-none{margin:0;padding:10px 14px;border-radius:12px;background:var(--surface-2,#f4f6f9);color:var(--text-2);font-size:14px}
.cmp-th small{display:block;font-weight:600;font-size:12px;margin-top:2px}.cmp-dates{display:none;margin:0 0 8px;font-size:13px;color:var(--text-2)}
.cp-done{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--surface-2,#eef3f9);color:var(--text-2);font-size:12px;font-weight:700;vertical-align:middle}
.cmp-tool{display:block;margin-top:0}.cmp-tool .note{margin:6px 0 12px;max-width:720px}
@media (max-width:760px){.cmp-ahead.two{grid-template-columns:minmax(0,1fr)}.cmp-dates{display:block}.cmp-ahead li .nx{min-height:0}}
/* A rated card with failing checks in its area (2026-10-15) */
.comp .area-note{margin-top:8px;font-size:12.5px;line-height:1.4;color:var(--text-2);font-weight:500}

/* View as customer (2026-10-15): a slim banner, and every control that would change something visibly disabled */
.ribbon.slim{padding:5px 16px;font-size:12.5px}
.ro-off,.ro-off:hover{opacity:.55;cursor:not-allowed!important;text-decoration:none}

/* ==== Readability and Overview (design review, 2026-10-15) ====
   Type minimums: page headline 36–42px, section headings 24–28px, card titles 17–19px, body 16–17px, supporting text ≥14px,
   navigation and buttons 15–16px. Three weights: primary (diagnosis, first fix), secondary (ratings, channels, competitors),
   tertiary (evidence, method, checklist). Same palette, cards, dark action card and dots. */
body{font-size:17px;line-height:1.55}
#view{max-width:1280px}
#view p{max-width:72ch}
.lead{font-size:clamp(30px,1.3vw + 20px,42px);line-height:1.12;letter-spacing:-.03em}
.h-sec{margin:44px 0 14px}
.h-sec h2{font-size:clamp(23px,.6vw + 18px,27px);line-height:1.2;letter-spacing:-.02em}
.h-sec p{font-size:15px;margin-top:4px}
.sub{font-size:17px}
.nav{font-size:16px}
.btn{font-size:15px;min-height:42px}
.vlink{font-size:15px}
.chip{font-size:14px}
.note,.muted2{font-size:max(14px,1em)}
#view small{font-size:max(14px,.82em)}
#view .note{font-size:15px}
.card h3{font-size:18px}
.top h1{font-size:24px}

/* Hero: diagnosis (primary) with the three channel counts, and the compact Overall at the side (secondary). */
.hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:start}
.hero-m{min-width:0}
.hero .lead{margin:0 0 10px;max-width:24ch}
.hero-s{margin:0;font-size:17.5px;line-height:1.55;color:var(--text-2);max-width:68ch}
.figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.fig{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;min-width:0}
.fig-l{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text-2)}.fig-l .ic{width:18px;height:18px}
.fig-n{display:block;font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:1.05;margin-top:6px}
.fig-n small{font-size:17px;font-weight:700;color:var(--text-2);letter-spacing:0}
.fig-s{display:block;font-size:15px;font-weight:600;margin-top:2px}
.ovr{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.ovr .ring{width:104px;height:104px}.ovr .ring svg{width:104px;height:104px}.ovr .ring b{font-size:30px}
.ovr-t{font-size:15px;font-weight:700;color:var(--text-2);margin-top:8px}
.ovr-b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.ovr-c{font-size:14px;color:var(--text-2);line-height:1.4}
.ovr .vlink{margin-top:6px;white-space:normal}
.ovr.nr .ring .bgc{stroke-dasharray:6 6}.ovr.nr .ring b{color:var(--text-2)}
.ovr.nr .ovr-b{font-size:20px;color:var(--text)}

/* The first fix (primary): compact, no long paragraph. */
.nb3{margin-top:20px;padding:22px 26px;gap:10px;flex:none}
.nb3 .nb-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.nb3 .k{font-size:15px;color:#9EC2FF;text-transform:none}
.nb3 .nb-prog{font-size:14px;color:#C9D6E8;font-weight:600}
.nb3 h2{font-size:26px;line-height:1.2}
.nb3 p{font-size:17px;line-height:1.5;color:#DCE5F1;max-width:80ch}
.nb3 .nb-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.nb3 .nb-meta{font-size:15px;color:#C9D6E8;font-weight:600}
.nb3 .btns{margin:0;display:flex;gap:10px;flex-wrap:wrap}

/* Where you show up (secondary, light). */
.wf3{display:flex;flex-direction:column;gap:10px;padding:16px 18px}
.wf3 .chd{background:var(--surface-2);border:1px solid var(--line);grid-template-columns:170px minmax(0,1fr) 170px;color:var(--text)}
.wf3 .chd .l{color:var(--text);font-size:16px}.wf3 .chd .l .ic{color:var(--text-2)}
.wf3 .dots i{box-shadow:inset 0 0 0 2px #9AACC3}.wf3 .dots i.on{background:var(--blue);box-shadow:none}
.chd-n{text-align:right;font-size:15px;font-weight:700}

/* Who appears alongside you: counts per business. */
.wi b{font-size:17px}
.wi-cs{display:flex;flex-direction:column;gap:2px;font-size:15px;color:var(--text-2)}
.wi-c b{font-size:20px;color:var(--text);margin-right:2px}

/* What's working: chips with one number each, details on demand. */
.wk2{display:flex;flex-direction:column;gap:10px}
.wk-chips{display:flex;flex-wrap:wrap;gap:10px}
.wk-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 8px;font-size:15px}
.wk-chip .wk-c{width:26px;height:26px;border-radius:13px}.wk-chip .wk-c svg{width:15px;height:15px}
.wk-chip b{font-weight:700}.wk-chip .num{font-weight:800;color:var(--good-ink)}
.wk-more summary{cursor:pointer;font-size:15px;font-weight:700;color:var(--blue)}
.wk-more ul{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;font-size:16px}

/* Rating cards (secondary): the number and band dominate, one sentence, a link to what needs attention, the method behind a link. */
.comp .t{font-size:17px;color:var(--text);min-height:0;margin:8px 0 6px}
.comp .v{font-size:40px}
.comp .b{font-size:16px}
.comp .cq{font-size:14px;color:var(--text-2);margin-top:4px}
.comp .c1{font-size:15px;line-height:1.45;color:var(--text-2);margin:8px 0 0}
.comp .vlink{display:flex;white-space:normal;margin-top:8px}
.comp .vlink.need{color:var(--warn-ink);font-weight:800}
.comp.unk .v{font-size:24px;color:var(--text-2)}
/* Snapshots, never failed scores: a neutral top edge and a "Snapshot · not a score" label. */
.comp.snap{border-top-color:var(--chip);background:var(--surface-2)}
.snap-k{display:inline-block;font-size:14px;font-weight:700;color:var(--text-2);background:var(--chip);border-radius:999px;padding:2px 10px}
.snap-v{font-size:20px;font-weight:800;line-height:1.3;margin-top:10px}

/* Other things we noticed (tertiary): a lighter note style with an Observation badge, never read as a fix. */
.obs2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.obn{border-left:3px solid var(--line);padding:4px 0 4px 16px}
.obs-badge{display:inline-block;font-size:14px;font-weight:700;color:var(--info-ink);background:var(--info-bg);border-radius:999px;padding:1px 10px}
.obn b{display:block;font-size:17px;margin-top:6px}.obn p{margin:4px 0 0;font-size:16px;color:var(--text-2);line-height:1.5}

/* Plan progress and the checklist label. */
.plan-prog{font-size:18px;font-weight:700;margin:4px 0 4px}
.ck-brk{font-weight:700;color:var(--text)!important;margin-top:2px}
.ckl-h h2{font-size:24px}

@media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr)}.ovr{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left;gap:4px 16px}.ovr .ring{width:84px;height:84px}.ovr .ring svg{width:84px;height:84px}.ovr .ring b{font-size:24px}}
@media (max-width:760px){
  body{font-size:16px}
  .lead{font-size:28px}.h-sec h2{font-size:22px}
  .figs{grid-template-columns:minmax(0,1fr);gap:8px}.fig{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px}.fig-l{grid-column:1 / -1}.fig-n{font-size:32px}
  .nb3{padding:18px}.nb3 h2{font-size:21px}.nb3 p{font-size:16px}
  .wf3 .chd{grid-template-columns:minmax(0,1fr) auto}.wf3 .chd .dots{grid-column:1 / -1;grid-row:2}
  .comp .v{font-size:32px}.snap-v{font-size:17px}
}

#view .fig-n small{font-size:18px;font-weight:700;color:var(--text-2)}
@media (max-width:760px){.h-sec{flex-direction:column;align-items:flex-start;gap:6px}.fig{display:block}.fig-n{font-size:30px}.snap-k{white-space:nowrap}}

.ovr.nr .ring b{display:flex;align-items:center;justify-content:center;height:100%;line-height:1;font-size:28px}
/* Action Plan cards at the new type scale (2026-10-15): body 16–17px, labels ≥14px, card titles 18px. */
.sec2 h4{font-size:17px}.sec2 p{font-size:16.5px}ol.chk li{font-size:16.5px}
.wwf{font-size:16.5px}.wdiff{font-size:15px!important}
.meta4 span,.wbox>span{font-size:14px}.meta4 b{font-size:16px}.wbox ul{font-size:15px}
.tier{font-size:14px}.seg button{font-size:15px}
.acard h3,.ac-h h3{font-size:18px}

.qa-row .chips .chip{white-space:normal;max-width:100%;line-height:1.35}

/* Focus stays visible on the dark card */
.nb2 :focus-visible{outline:2px solid #fff;outline-offset:3px}

/* ==== Workspace V2 (founder-approved design, 2026-10-15; spec V2-Overview.dc.html, V2-Action.dc.html) ====
   Same side menu, top bar, palette (#071424 #0B1B30 #326FE6 #208669 #E9B34D #EEF3F9), Hanken Grotesk, decision 70 type minimums. */
#view{max-width:1180px}
.bchip{display:inline-block;font-size:15px;font-weight:800;border-radius:999px;padding:3px 12px;line-height:1.35;white-space:nowrap}
.bchip.nr{background:#E8EDF3;color:#3E4C61}.bchip.snapc{background:#E8EDF3;color:#3E4C61;font-size:14px}
.chips2{display:flex;flex-wrap:wrap;gap:8px}
.chip2{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;background:#F1F5FA;color:#071424;border-radius:999px;padding:6px 12px;line-height:1.3}
.chip2 svg,.chip2 .ic{width:16px;height:16px;fill:none;stroke:#3E4C61;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.chip2.imp{background:#E8F0FD;color:#163F94}.chip2.imp .ic{stroke:currentColor;color:#163F94}
.pips{display:inline-flex;gap:3px}.pips i{width:7px;height:14px;border-radius:2px}
.lift2{transition:transform .15s ease,box-shadow .15s ease}
.lift2:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(7,20,36,.08)}
.lift2[role="button"]{cursor:pointer}

/* 1 · The opening panel */
.hero2{background:#0B1B30;color:#fff;border-radius:24px;padding:30px 32px 22px;display:flex;flex-direction:column;gap:24px}
.hero2-top{display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.hero2-m{flex:3 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px}
.hero2-k{font-size:14px;font-weight:600;color:#8FA6C4}
.hero2-kr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.hero2-pdf{flex:none;min-height:36px;font-size:13px;text-decoration:none}.hero2-pdf:hover{background:rgba(238,243,249,.08)}
@media (max-width:760px){.hero2-pdf{width:100%;justify-content:center;min-height:44px}}
.hero2 h1{margin:0;font-size:38px;line-height:1.12;font-weight:800;letter-spacing:-.015em;color:#fff}
.hero2-m p{margin:0;font-size:17px;line-height:1.55;color:#C9D5E6;max-width:640px}
.score2{flex:0 1 340px;display:flex;align-items:center;gap:18px;background:#fff;color:#071424;border-radius:20px;padding:18px 20px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.ring2{position:relative;width:116px;height:116px;flex:none}
.ring2 svg{width:116px;height:116px;transform:rotate(-90deg)}
.ring2 circle{fill:none;stroke-width:11}
.ring2 .rg-bg{stroke:#E8EDF3}
.ring2 .rg-fg{stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:var(--off);animation:ringIn 1.2s cubic-bezier(.2,.8,.2,1) .2s both}
.ring2 b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800}
.score2.nr .rg-bg{stroke:#B9C5D4;stroke-dasharray:7 6}.score2.nr .ring2 b{color:#5A6A80}
.score2-t{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}
.score2-t>span:first-child{font-size:14px;font-weight:700;color:#5A6A80}
.score2-c{font-size:14px;color:#3E4C61;line-height:1.4}
.score2 .vlink{font-size:14px;color:#2459C4}
.chrows{display:flex;flex-direction:column;gap:10px}
.chrow{display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr) minmax(170px,auto);gap:18px;align-items:center;background:#fff;color:#071424;border:2px solid #fff;border-radius:16px;padding:14px 18px}
.chrow.gap{border-color:#E9B34D}
.chn{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700}.chn .ic{width:20px;height:20px;color:#3E4C61}
.dots2{display:flex;flex-wrap:wrap;gap:6px}
.dots2 i{width:18px;height:18px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 2px #C5D0DD;animation:dotIn .35s cubic-bezier(.2,.8,.2,1) var(--d) both}
.dots2 i.on{background:#326FE6;box-shadow:none}
.chv{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:16px;color:#3E4C61;white-space:nowrap}
.chv b{font-size:22px;color:#071424}
.gaptag{font-size:13px;font-weight:800;color:#6B4A0E;background:#FDF0D5;border-radius:999px;padding:4px 10px}
.strip2{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;border-top:1px solid #22385A;padding-top:16px;font-size:14px;color:#A9BCD6}
.strip2-l{display:flex;flex-wrap:wrap;gap:8px 18px}.strip2-l .k{color:#C9D5E6}.strip2-l b.num{color:#fff}
.strip2-r{display:inline-flex;align-items:center;gap:8px;color:#C9D5E6}
.live{width:9px;height:9px;border-radius:5px;background:#4EC994;animation:pulse 2.4s ease-out infinite}

/* 2 · Fix first + already working */
.row2{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;margin-top:24px}
.fix2{flex:3 1 440px;min-width:0;background:#fff;border:1px solid #DCE3EC;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:16px}
.fix2-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fix2-k{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#2459C4;letter-spacing:.04em;text-transform:uppercase}
.fix2-k .b1{width:28px;height:28px;border-radius:9px;background:#071424;color:#fff;font-size:15px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}
.fix2-p{font-size:14px;color:#5A6A80}
.fix2 h2{margin:0;font-size:26px;line-height:1.2;font-weight:800}
.fix2>p{margin:0;font-size:16px;line-height:1.55;color:#3E4C61}
.fix2-b{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.btn.big2{min-height:46px;padding:0 20px;font-size:16px;border-radius:12px}
.btn.primary.big2{background:#2459C4;border-color:#2459C4}
.work2{flex:2 1 320px;min-width:0;background:#E7F4EE;border:1px solid #BFE0CF;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px}
.work2 h2{margin:0;font-size:20px;font-weight:800;color:#0F5A42}
.work2-i{display:flex;flex-direction:column;background:#fff;border-radius:14px;padding:10px 14px}
/* Phase I1 (founder, 2026-10-27): no hover tooltip; a "Details" chevron expands the card in place (keyboard and touch friendly). */
.work2-r{display:flex;align-items:center;gap:12px}
.cov-i{margin:4px 0 0;font-size:12.5px;line-height:1.4;color:var(--ink3,#5B6B82);font-weight:400}
.dr-row .cov-i{display:block;margin-top:2px}
.work2-d{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 8px;margin-right:-6px;border:0;border-radius:10px;background:none;color:#1A7458;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.work2-d:hover{background:#E7F4EE}.work2-d:focus-visible{outline:2px solid #326FE6;outline-offset:2px}
.work2-d svg{transition:transform .2s}.work2-i.open .work2-d svg{transform:rotate(180deg)}
.work2-x{padding:8px 0 4px 44px}.work2-x p{margin:0 0 8px;font-size:15px;line-height:1.5;color:#2A3B52}
@media (max-width:520px){.work2-x{padding-left:0}}
.wi2{width:34px;height:34px;border-radius:10px;background:#D2EEDF;display:inline-flex;align-items:center;justify-content:center;flex:none}.wi2 .ic{width:18px;height:18px;color:#1A7458}
.work2-i .t{flex:1;font-size:16px;font-weight:700}.work2-i b{font-size:15px;font-weight:800;color:#1A7458;white-space:nowrap}

/* 3 · Visibility checks */
.checks2{background:#fff;border:1px solid #DCE3EC;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:18px;margin-top:24px}
.checks2-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.checks2-h h2{margin:0;font-size:24px;font-weight:800}.checks2-h p{margin:4px 0 0;font-size:15px;color:#5A6A80}
.legend2{display:flex;flex-wrap:wrap;gap:14px;font-size:14px;font-weight:600;color:#3E4C61}.legend2 span{display:inline-flex;align-items:center;gap:7px}
.legend2 .blk{flex:none;width:14px;height:14px}
.areas2{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
.area2{background:#F8FAFC;border:1px solid #E3E9F0;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.area2-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.area2-h>b{font-size:17px;font-weight:800}
.area2-h span{font-size:15px;color:#3E4C61;white-space:nowrap}.area2-h span b{font-size:20px;color:#071424}
.blks{display:flex;gap:3px}
.blk{flex:1;height:14px;border-radius:4px;animation:tileIn .3s ease-out var(--d) both}
.blk.ok{background:#208669}.blk.part{background:#E9B34D}.blk.fix{background:#C2412D}.blk.wait{background:#326FE6}.blk.none{background:#fff;box-shadow:inset 0 0 0 1.5px #8C9AAD}.blk.site{background:#fff;box-shadow:inset 0 0 0 2px #B08A2E}
.blk.still{animation:none}
.area2-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.area2-l li{display:flex;align-items:center;gap:9px;font-size:15px}
.mk{width:10px;height:10px;border-radius:3px;flex:none}.mk.ok{background:#208669}.mk.part{background:#E9B34D}.mk.fix{background:#C2412D}.mk.wait{background:#326FE6}.mk.none{background:#fff;box-shadow:inset 0 0 0 1.5px #8C9AAD}
.area2-l .nm{flex:1;min-width:0}
.area2-l .fixl{font-size:14px;font-weight:800;color:#2459C4;white-space:nowrap}
.area2-l .stw{font-size:14px;font-weight:600;color:#5A6A80;white-space:nowrap}
.checks2>.vlink{align-self:flex-start}

/* 4 · Ratings */
.rates2{margin-top:28px;display:flex;flex-direction:column;gap:12px}
.sec2h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.sec2h h2{margin:0;font-size:24px;font-weight:800}
.rates2-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.rate2{background:#fff;border:1px solid #DCE3EC;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;min-height:196px;text-align:left}
.rate2.snap{background:#F6F8FB;border:1.5px dashed #9AA8BA}
.rate2 .rn{font-size:15px;font-weight:700;color:#3E4C61}
.rate2 .rv2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.rate2 .rv2 b{font-size:34px;font-weight:800;line-height:1}
.rate2.nr .rv2 b{font-size:22px;color:#5A6A80}
.meter2{display:block;height:6px;border-radius:3px;background:#E8EDF3;overflow:hidden}
.meter2 i{display:block;height:6px;width:var(--w);transform-origin:left;animation:grow .8s cubic-bezier(.2,.8,.2,1) .2s both}
.rate2 p{margin:0;font-size:14px;color:#3E4C61;line-height:1.45}
.rate2 .vlink{margin-top:auto;font-size:14px;white-space:normal}
.rate2 .vlink.need{color:#8A5A00}

/* 5 · Who appears alongside */
.who2{background:#fff;border:1px solid #DCE3EC;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:14px;margin-top:28px}
.who2-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.who2-h h2{margin:0;font-size:24px;font-weight:800}
.who2-r{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(calc(var(--cols) - 1),minmax(0,1fr));font-size:15px}
.who2-t{--cols:3}
.who2-r>span{padding:12px 0;border-top:1px solid #EEF1F5;display:flex;align-items:center;gap:10px;min-width:0}
.who2-r>span:first-child{font-weight:700}
.who2-r.hd>span{border-top:0;padding:8px 0;font-size:14px;font-weight:700;color:#5A6A80}
.who2-r.you>span{background:#FDF3E1}.who2-r.you>span:first-child{padding-left:10px;border-radius:10px 0 0 10px;font-weight:800}.who2-r.you>span:last-child{border-radius:0 10px 10px 0}
.who2-r small{font-weight:600;color:#5A6A80;font-size:14px}
.nbar{display:inline-block;height:10px;border-radius:5px;background:#102840;width:calc(var(--w) * 1.4);max-width:140px;min-width:4px;transform-origin:left;animation:grow .8s cubic-bezier(.2,.8,.2,1) .2s both}

/* 6 · Action Plan cards */
.ap2-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:6px}
.ap2-h .lead{margin:0}.ap2-h .sub{margin-top:6px}
.ap2-p{min-width:260px;display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:700}.ap2-p b{font-size:20px}
.pbar2{display:flex;height:10px;border-radius:5px;overflow:hidden;background:#DCE3EC}
.pbar2 i{display:block;width:var(--w);background:#208669;transform-origin:left;animation:grow .8s cubic-bezier(.2,.8,.2,1) .2s both}
.act{border-radius:22px;transition:transform .15s ease,box-shadow .15s ease}
.act:not(.open):hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(7,20,36,.08)}
.act-h.ah2{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:center;padding:20px 22px}
.act-h.ah2.haspic{grid-template-columns:52px minmax(0,1fr) 210px}
.act-h.ah2.m{grid-template-columns:44px minmax(0,1fr) auto;padding:16px 20px}
.pn2{width:52px;height:52px;border-radius:15px;background:#071424;color:#fff;font-size:22px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.ah2.m .pn2{width:44px;height:44px;border-radius:13px;background:#E8EDF3;color:#071424;font-size:19px}
.ah2-m{min-width:0;display:flex;flex-direction:column;gap:10px}
.ah2-t{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ah2-t h3{margin:0;font-size:21px;font-weight:800;line-height:1.25}.ah2.m .ah2-t h3{font-size:18px}
.ah2-m>p{margin:0;font-size:16px;line-height:1.5;color:#3E4C61}
.mini2{background:#F6F8FB;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;align-self:stretch;justify-content:center;min-width:0}
.mk2{font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5A6A80}
.mr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;font-size:14px;font-weight:700}
.mb{grid-column:1 / -1;display:flex;height:7px;border-radius:4px;background:#DCE3EC;overflow:hidden}
.mb i{display:block;width:var(--w);transform-origin:left;animation:grow .8s cubic-bezier(.2,.8,.2,1) .2s both}
.mq{font-size:14px;line-height:1.45;color:#3E4C61;font-style:italic}
.openb{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid #DCE3EC;border-radius:12px;font-weight:700;font-size:15px;color:#071424}
.act.open .openb{background:#071424;color:#fff;border-color:#071424}

/* 6 · Your visibility: AI understanding tiles; rating detail in two columns that both carry content */
.cu2{display:flex;flex-direction:column;gap:14px}
.cu2-s{margin:0;font-size:17px;font-weight:600;line-height:1.5}
.cu2-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cu2-t{background:#F6F8FB;border:1px solid #E3E9F0;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.cu2-t .n{font-size:15px;font-weight:700;color:#3E4C61}.cu2-t b{font-size:26px;font-weight:800;line-height:1.1}.cu2-t b small{font-size:15px;color:#5A6A80}
.stchip{font-size:14px;font-weight:800;border-radius:999px;padding:2px 10px}
.stchip.ok{background:#DCF2E7;color:#0F5A42}.stchip.part{background:#FDF0D5;color:#6B4A0E}.stchip.fix{background:#FBE3DE;color:#8A2A1C}
.cu2>.vlink{align-self:flex-start}
.vc{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}
.vc.one{grid-template-columns:minmax(0,1fr)}
.vc-r{min-width:0;background:#F8FAFC;border-radius:14px;padding:14px 16px}
.checks2.full{margin-top:34px}

/* 7 · Movement: purposeful, once per page load, off with reduced motion */
@keyframes dotIn{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes ringIn{from{stroke-dashoffset:314}}
@keyframes tileIn{from{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(78,201,148,.55)}70%{box-shadow:0 0 0 9px rgba(78,201,148,0)}100%{box-shadow:0 0 0 0 rgba(78,201,148,0)}}
#view.still .dots2 i,#view.still .rg-fg,#view.still .blk,#view.still .meter2 i,#view.still .pbar2 i,#view.still .mb i,#view.still .nbar{animation:none}
@media (prefers-reduced-motion:reduce){.dots2 i,.ring2 .rg-fg,.blk,.live,.meter2 i,.pbar2 i,.mb i,.nbar{animation:none!important}.lift2,.act{transition:none!important}.lift2:hover,.act:hover{transform:none!important}}

/* Focus on dark and light */
.hero2 :focus-visible{outline:2px solid #fff;outline-offset:3px}
.score2 :focus-visible,.fix2 :focus-visible,.rate2:focus-visible,.area2 :focus-visible{outline:2px solid #2459C4;outline-offset:2px}

/* 8 · Tablet and phone */
@media (max-width:900px){.vc{grid-template-columns:minmax(0,1fr)}.cu2-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .hero2{padding:22px 18px 18px;gap:18px;border-radius:20px}.hero2 h1{font-size:28px}.hero2-m p{font-size:16px}
  .hero2-top{flex-direction:column;align-items:stretch;gap:18px}.score2{flex:none}.ring2,.ring2 svg{width:96px;height:96px}.ring2 b{font-size:26px}
  .chrow{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:12px 14px}.chrow .dots2{grid-column:1 / -1;grid-row:2}.dots2 i{width:15px;height:15px}
  .chv{gap:8px}.chv b{font-size:20px}
  .fix2{padding:18px}.fix2 h2{font-size:22px}
  .checks2,.who2{padding:18px}.areas2{grid-template-columns:minmax(0,1fr)}
  .rates2-g{grid-template-columns:repeat(2,minmax(0,1fr))}.rate2{min-height:0;padding:14px}.rate2 .rv2 b{font-size:28px}
  .who2-r{grid-template-columns:minmax(0,1.2fr) repeat(calc(var(--cols) - 1),minmax(0,1fr));font-size:14px}.nbar{max-width:60px}
  .act-h.ah2,.act-h.ah2.haspic{grid-template-columns:44px minmax(0,1fr);padding:16px}.pn2{width:44px;height:44px;font-size:19px}.ah2-t h3{font-size:19px}
  .act-h.ah2 .mini2{grid-column:1 / -1}
  .act-h.ah2.m{grid-template-columns:40px minmax(0,1fr)}.ah2.m .pn2{width:40px;height:40px}.ah2.m .openb{grid-column:1 / -1;justify-content:center}
  .ap2-p{min-width:0;width:100%}
}

.areas2{align-items:start}
.cu2-n{margin:0;font-size:15px;line-height:1.5;color:#3E4C61}

.vc .big .bchip{align-self:center;margin-left:4px}

@media (max-width:760px){.hero2-m{flex:none}.score2{flex:none}.chn{white-space:nowrap}.chrow{grid-template-columns:auto minmax(0,1fr)}.chrow .chv{justify-self:end}.chrow.gap .chv{flex-wrap:wrap;justify-content:flex-end;row-gap:4px}}
/* Links at 4.5:1 or better (V2 link blue on light; a lighter blue on dark) */
.vlink{color:#2459C4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vlink{color:#8FB3FF}}
:root[data-theme="dark"] .vlink{color:#8FB3FF}
.hero2 .vlink,.score2 .vlink{color:#2459C4}

/* 4.5:1 on light: the step numbers and the "Named" cells use the darker link blue */
:root:not([data-theme="dark"]) ol.chk .cn{color:#2459C4;border-color:#2459C4}
.cell.y{background:#2459C4;color:#fff}
/* Text and buttons on light at 4.5:1: the darker link blue (#326FE6 stays for dots, rings, bars and other graphics) */
:root:not([data-theme="dark"]) .btn.primary{background:#2459C4;border-color:#2459C4}
:root:not([data-theme="dark"]) .bg-btn{color:#2459C4;border-color:#2459C4}
:root:not([data-theme="dark"]) .you-l,:root:not([data-theme="dark"]) .ckx summary,:root:not([data-theme="dark"]) .qa-row summary{color:#2459C4}
:root:not([data-theme="dark"]) .cs.you small{color:#2459C4}

/* 2026-10-15 fixes: the first-fix card ends after its content (no stretching); its picture in miniature; the full checklist with
   the largest area full width (list in two columns) and the others two per row; one per row on phone. */
.row2{align-items:flex-start}
.fix2 .fixmini{align-self:stretch}
.fix2-b{margin-top:4px}
.checks2.full .areas2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.checks2.full .area2.wide{grid-column:1 / -1}
.checks2.full .area2.wide .area2-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:6px}
@media (max-width:760px){.checks2.full .areas2{grid-template-columns:minmax(0,1fr)}.checks2.full .area2.wide .area2-l{grid-template-columns:minmax(0,1fr)}}
/* ---------- Workspace polish (founder review, 2026-10-15) ---------- */
/* 1 · Overview area cards packed like masonry: no empty space under short cards; one per row on phone. */
.checks2:not(.full) .areas2{display:block;columns:300px 3;column-gap:14px}
.checks2:not(.full) .area2{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 14px;display:flex}
@media (max-width:760px){.checks2:not(.full) .areas2{columns:1}}

/* 2 · "Worth knowing": a soft amber panel, an icon per note, three across on desktop. */
.wk2{margin-top:22px;background:#FDF6E7;border:1px solid #F0DDB0;border-radius:18px;padding:22px 24px}
.wk2-h h2{margin:0;font-size:24px}.wk2-h p{margin:4px 0 0;font-size:15px;color:#5A4A22}
.wk2-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.wk2-i{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;background:rgba(255,255,255,.65);border:1px solid #F0DDB0;border-radius:14px;padding:14px}
.wk2-ic{width:40px;height:40px;border-radius:12px;background:#FCEBC4;display:grid;place-items:center;color:#7A4B00}.wk2-ic .ic{width:22px;height:22px}
.wk2-i b{display:block;font-size:18px;line-height:1.3;margin-top:8px;color:#071424}.wk2-i p{margin:6px 0 0;font-size:16px;line-height:1.5;color:#3E4C61}
@media (max-width:1100px){.wk2-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.wk2{padding:18px}.wk2-g{grid-template-columns:minmax(0,1fr)}}
:root[data-theme="dark"] .wk2{background:rgba(233,179,77,.10);border-color:rgba(240,221,176,.35)}:root[data-theme="dark"] .wk2-i{background:rgba(255,255,255,.04);border-color:rgba(240,221,176,.25)}
:root[data-theme="dark"] .wk2-i b{color:var(--text)}:root[data-theme="dark"] .wk2-i p,:root[data-theme="dark"] .wk2-h p{color:var(--text-2)}

/* 3 · Your visibility: body text at least 15px, supporting text at least 14px. */
.v-visibility p,.v-visibility .ditem p,.v-visibility .cu2-s,.v-visibility .qrow{font-size:max(15px,1em)}
.v-visibility .inc,.v-visibility .rx,.v-visibility .note,.v-visibility small,.v-visibility .cov,.v-visibility .dpill,.v-visibility .h-sec p,.v-visibility .cki small,.v-visibility .ckg-h small,.v-visibility .cs2,.v-visibility .pv,.v-visibility .es{font-size:14px}
.v-visibility .inc{line-height:1.45}
/* Phone speed: a phone icon and a 0–10 s bar with the measured time; never a score. */
.page2-h{display:flex;align-items:center;gap:10px}.page2-h .ib{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center}.page2-h .ic{width:20px;height:20px}
.spd{display:flex;flex-direction:column;gap:4px;margin:4px 0 2px}
.spd-t{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#DCF2E7 0 25%,#FDF0D5 25% 40%,#FBE3DE 40% 100%);margin-top:22px}
.spd-m{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#071424;border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 1px 4px rgba(7,20,36,.3)}
.spd-m span{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:800;font-style:normal;white-space:nowrap;color:#071424}
.spd-s{display:flex;justify-content:space-between;font-size:14px;color:var(--text-2)}
.spd small{font-size:14px;color:var(--text-2)}

/* 4 · The full checklist on Your visibility: grouped rows in two balanced columns; one column on phone. */
.ckl-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.ckl-c{display:flex;flex-direction:column;gap:16px;min-width:0}
.ckg-cont{font-weight:600;color:var(--text-2);font-size:14px}
.cki b{font-size:15px}.ckg-h b{font-size:16px}
.ckd.none{background:#9AA8BA}.ckd.wait{background:#5A6A80}.cs2.none{background:var(--chip);color:var(--text-2)}.cs2.wait{background:var(--info-bg);color:var(--info-ink)}
@media (max-width:760px){.ckl-g{grid-template-columns:minmax(0,1fr)}}

/* 5 · Competitors in the Compare style: tally, colored mini-bars, hover lift, "Compare side by side"; your card highlighted. */
/* P-113 (W6): no card left alone on a row and equal heights. Your card spans two rows beside a 2 × 2 of competitors (3 columns),
   or the whole first row (2 columns); one column on phones. Name, then the date on its own line; the button sits at the bottom. */
.cs3-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.cs3-g>.cs3.you{grid-row:span 2}
@media (max-width:1180px){.cs3-g{grid-template-columns:repeat(2,minmax(0,1fr))}.cs3-g>.cs3.you{grid-row:auto;grid-column:1/-1}.cs3-g>.cs3.you .mb3{max-width:560px}}
@media (max-width:640px){.cs3-g{grid-template-columns:minmax(0,1fr);gap:12px}}
/* Decision 127: "That's you" plus 4 competitors in one row on wide screens. */
@media (min-width:1600px){.cs3-g{grid-template-columns:repeat(5,minmax(0,1fr))}.cs3-g>.cs3.you{grid-row:auto}}
.card.cs3{display:flex;flex-direction:column;gap:12px;padding:20px;min-width:0}
.cs3-h{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.cs3-h b{font-size:17px;line-height:1.3;color:var(--text);overflow-wrap:anywhere}
.cs3.you{border:2px solid #2459C4;background:#F3F7FE}.cs3-you{font-size:13px;font-weight:800;color:#fff;background:#2459C4;border-radius:999px;padding:2px 10px}
.cs3 .tally.sm{margin:0;max-width:none}.cs3 .tally .tly{gap:4px 14px}.cs3 .tally .tly>span[aria-hidden]{display:none}
.cs3>.note{margin:0}
.mb3{display:flex;flex-direction:column;gap:8px}
.mb3-r{display:grid;grid-template-columns:110px minmax(0,1fr) 62px;gap:8px;align-items:center;font-size:14px;color:var(--text-2)}
.mb3-t{height:8px;border-radius:4px;background:var(--chip);overflow:hidden}.mb3-t i{display:block;height:100%;border-radius:4px}
.mb3-t.AI i{background:#2459C4}.mb3-t.MAPS i{background:#208669}.mb3-t.ORGANIC i{background:#E9B34D}
.mb3-r b{text-align:right;color:var(--text);font-size:15px}.mb3-r b small{font-weight:600;color:var(--text-2);font-size:12px}
.cs3-b{align-self:flex-start;margin-top:auto}
:root[data-theme="dark"] .cs3.you{background:rgba(36,89,196,.14)}

/* 6 · The opened fix in four parts; the header's own picture and lead sentence hide once it is open (no duplicates). */
.act.open .ah2 .mini2,.act.open .ah2-m>p{display:none}
.act.open .act-h.ah2.haspic{grid-template-columns:52px minmax(0,1fr)}
.fx4{display:flex;flex-direction:column;gap:20px}
.fx4-p{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.fx4-p.pic{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}
.fx4-p .vz-slot{margin:0}
.fx4-pt h4,.fx4-s h4{margin:0 0 6px;font-size:17px}.fx4-pt .wwf{margin:0;font-size:16.5px;line-height:1.55;font-weight:600;color:var(--text)}
.fx4-more{margin-top:8px}.fx4-more summary{cursor:pointer;font-weight:700;color:#2459C4;font-size:15px}.fx4-more p{margin:8px 0 0;font-size:16px;line-height:1.55;color:var(--text-2)}
.wh{font-weight:700;overflow-wrap:anywhere}.wh a{overflow-wrap:anywhere;white-space:normal}
.fx4-dw{margin:0;font-size:16px;line-height:1.5}.fx4-dw b{color:var(--text)}
.whym{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-top:4px}
.whym summary{cursor:pointer;font-weight:800;font-size:16px}.whym-b{display:flex;flex-direction:column;gap:8px;margin-top:10px}.whym-b p{margin:0;font-size:16px;line-height:1.55;color:var(--text-2)}.whym-b b{color:var(--text)}
@media (max-width:900px){.fx4-p.pic{grid-template-columns:minmax(0,1fr)}}

/* 7 · The help side panel: every fix with a checkbox, the reviewer's offers, notes. */
.hp-list{border:0;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.hp-ck{display:grid;grid-template-columns:20px 24px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--hs-line,var(--line));border-radius:12px;font-size:15px;line-height:1.4;cursor:pointer;background:var(--surface)}
.hp-ck input{margin:3px 0 0;width:18px;height:18px}.hp-ck small{display:block;font-size:13.5px;color:var(--text-2);margin-top:2px}
.hp-ck.off{opacity:.65;cursor:default}
.hp-ck:has(input:checked){border-color:#2459C4;background:#F3F7FE}

/* Phase F item 13: the release note on a fix finished without the owner's answer; the question box as "Still open". */
.rel-note{margin:0;padding:12px 14px;border-radius:12px;background:#FDF6E7;border:1px solid #F0DDB0;font-size:15.5px;line-height:1.5;color:#3E3418}
.qbox.still h4{color:#7A4B00}
/* Decision BIV-20261015-73-NO-SITE: "Needs a website" (outside every count), the Your website card and the quote form. */
.mk.site{background:#fff;box-shadow:inset 0 0 0 2px #8A6A1F}.ckd.site{background:#B08A2E}.cs2.site,.cs2.nw{background:#FDF6E7;color:#6B5212}
.area2-l .stw.nw{color:#6B5212}
.nw2{display:flex;flex-direction:column;gap:16px;padding:22px 24px}
.nw2-t{display:flex;gap:14px;align-items:flex-start}.nw2-t b{font-size:17px}.nw2-t p{margin:6px 0 0;font-size:15.5px;line-height:1.55;color:var(--text-2)}
.nw2-o{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;background:#FDF6E7;border:1px solid #F0DDB0}
.nw2-o b{font-size:15.5px;color:#3E3418}
.hp-fld input{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:15px;color:var(--text);background:var(--surface);border:1px solid var(--hs-field);border-radius:10px;padding:10px 12px}
.hp-fld input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(53,115,234,.18)}
.hp-fld+.hp-fld{margin-top:14px}
@media (max-width:600px){.nw2{padding:18px 16px}.nw2-o .btn{width:100%}}
/* Phase F decision 7: the 7-day close after a refund. */
.closing{margin:0 0 4px;padding:12px 18px;border-radius:12px;background:#FDF6E7;border:1px solid #F0DDB0;color:#3E3418;font-size:15.5px;font-weight:600;line-height:1.45}

/* Live tool feedback (founder, 2026-10-15): waiting text at 17px with the spinner beside it, a plain line about what's
   happening and the steps as they finish; tools that run in the background; the "new" badge on Competitors. */
.gen{font-size:17px;color:var(--text)}
.gen .spin{width:22px;height:22px;flex:none}
/* P-122: the tools' waiting box only (role=status); a bare .wait also styled the "Waiting on details" swatches and markers. */
.wait[role="status"]{display:flex;gap:14px;align-items:flex-start;margin-top:14px;padding:16px 18px;border-radius:14px;background:var(--info-bg);color:var(--text)}
.wait[role="status"]>.spin{width:24px;height:24px;flex:none;margin-top:2px;border-width:3px}
.wait-b{min-width:0;flex:1}
.wait-t{margin:0;font-size:17px;line-height:1.4;font-weight:800;color:var(--text);overflow-wrap:anywhere}
.wait-now{margin:4px 0 0;font-size:17px;line-height:1.4;color:var(--blue);font-weight:700}
.wait-steps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px}
.wait-steps li{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.45;color:var(--text-2);opacity:.7}
.wait-steps li.done{opacity:1}
.wait-steps li.now{opacity:1;color:var(--text);font-weight:700}
.wait-steps .m{width:18px;flex:none;display:inline-flex;justify-content:center;color:var(--good-ink);font-weight:800}
.spin.sm{width:14px;height:14px;border-width:2px}
.wait-m{margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--text)}
.wait.slow[role="status"]{background:var(--warn-bg)}
.wait.slow[role="status"] .wait-m{color:var(--warn-ink);font-weight:700}
.wait-start{margin:6px 0 0}
.cmp-card.is-run{border-color:var(--blue)}
.cmp-st.run{font-size:15px;font-weight:700}
.cmp-new{margin-left:4px;font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--blue);color:#fff}
.nav .nb{margin-left:auto;font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--blue);color:#fff;white-space:nowrap}
.nav .nb:not([hidden])+.ct{margin-left:6px}
.menu-btn.has-new{position:relative}
.menu-btn.has-new::after{content:"";position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:#5B9BFF;box-shadow:0 0 0 2px var(--side)}
.qc-q{margin:16px 0 4px;font-size:15px;line-height:1.5;color:var(--text)}
.qc-q span{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.qc-retry{margin-top:10px}
.qc-d.qc-free{font-size:13px;color:var(--text-2)}
@media (max-width:760px){.wait[role="status"]{padding:14px}.wait-t,.wait-now{font-size:17px}}
.pc-read .pc-src{margin:4px 0 0;font-size:12.5px;color:var(--text-2)}
/* Decision 125: "First spotted in your Snapshot" on the linked finding, its Snapshot wording in the details. */
.snap-tag{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 9px;border-radius:999px;background:#EAF1FE;color:#1f57c4;font-size:12px;font-weight:700;white-space:nowrap;vertical-align:middle;--ic-accent:#1f57c4}.snap-tag .ic{width:13px;height:13px}
.work2-i .snap-res{font-weight:600}
/* P-96 (founder, 2026-10-28): the full AI answers. Quotes in a quote container, folded to their first lines with a fade. */
.ans{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px 16px;margin-top:10px}
.ans.hl{box-shadow:0 0 0 2px var(--blue)}
.ans-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ans-h .envh{font-weight:800;font-size:14.5px;color:var(--text)}
.ans-qq{flex-basis:100%;margin:2px 0 0;font-size:14.5px;font-weight:600;color:var(--text);line-height:1.45}
.ans-d{margin-left:auto;font-size:12.5px;color:var(--text-2)}
.stchip.about{background:var(--info-bg,#E7EFFD);color:var(--info-ink,#1f4fae)}
.ans-oom{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--warn-bg,#FDF0D5);color:var(--warn-ink,#6B4A0E);font-size:13.5px;font-weight:600}
.ans-oom .ic{width:16px;height:16px;flex:none;margin-top:2px}
.ans-f{margin:10px 0 0}
.ans-b{position:relative}
.ans-b.folded{max-height:4.9em;overflow:hidden}
.ans-b.folded::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.6em;background:linear-gradient(to bottom,transparent,var(--surface));pointer-events:none}
.ans-q{margin:0;padding:2px 0 2px 14px;border-left:3px solid var(--line);font-size:14.5px;line-height:1.6;color:var(--text);overflow-wrap:anywhere}
.ans-q p{margin:0 0 .6em}.ans-q p:last-child{margin-bottom:0}
.ans-q ul,.ans-q ol{margin:0 0 .6em;padding-left:1.3em}.ans-q li{margin:.15em 0}.ans-q li.sub{margin-left:1.1em;list-style-type:circle}
.ans-src{margin-top:12px;padding-left:14px;font-size:13.5px}
.ans-src b{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin-bottom:4px}
.ans-src ul{margin:0;padding-left:1.1em}.ans-src li{margin:3px 0;overflow-wrap:anywhere}
.ans-src a{color:var(--blue);font-weight:600}.ans-src small{color:var(--text-2)}
.ans-f figcaption{margin-top:8px;font-size:12.5px;font-style:italic;color:var(--text-2)}
.ans-a{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:8px}
.ans-tg{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2,var(--surface));color:var(--text);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.ans-tg:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.ans.none .note{margin:8px 0 0}
.ans-qs{padding:6px 16px}
.ans-qd{border-top:1px solid var(--line);padding:4px 0}.ans-qd:first-child{border-top:0}
.ans-qd>summary{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;justify-content:space-between;min-height:44px;padding:10px 0;cursor:pointer;font-weight:700;font-size:14.5px;color:var(--text)}
.ans-qd>summary small{font-weight:600;color:var(--text-2)}
.ans-qd[open]>summary{color:var(--blue)}
.cu-ans{margin-top:12px;border-top:1px solid var(--line)}
.ans-links{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:10px 0 0}.ans-links b{flex-basis:100%;font-size:13.5px}
.ans-links .plogo{width:16px;height:16px;margin-right:4px;vertical-align:-3px}
.ans-flt{display:grid;gap:10px}.ans-fr{display:flex;flex-wrap:wrap;gap:6px}
.ans-flt .note{margin:0}
.ans-g{margin-top:22px}.ans-g h2{margin:0;font-size:17px;line-height:1.35}.ans-g h2 small{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-bottom:2px}
@media (prefers-reduced-motion:no-preference){.ans.hl{transition:box-shadow .3s}}
@media (max-width:640px){.ans{padding:12px}.ans-d{margin-left:0}}
.stchip:not(.ok):not(.part):not(.fix):not(.about){background:var(--unk-bg,#EEF1F5);color:var(--unk-ink,#46546b)}
.ans-wh{margin:6px 0 0;font-size:13px}
/* P-100 (founder, 2026-10-28): "Your 33 visibility checks" line in the Overview hero, and the "Start here" strip. */
.ck33{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 12px;border-top:1px solid #22385A;padding-top:14px;font-size:14px;color:#A9BCD6}
.ck33-k{grid-column:1/-1}
.ck33-k{color:#fff;font-weight:800;margin-right:2px}
.ck33-g{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;background:none;border:0;padding:2px 4px;margin:0;font:inherit;color:#DCE6F3;cursor:pointer;border-radius:8px;text-align:left}
.ck33-g .num{color:#fff;font-weight:800}.ck33-g:hover{background:rgba(255,255,255,.06)}.ck33-g:focus-visible{outline:2px solid #8FB3FF;outline-offset:2px}
.ck33-s{font-size:12.5px;color:#A9BCD6}
.ck33-dot{display:none}
.start2{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;width:100%;margin:0 0 16px;padding:14px 18px;border-radius:14px;border:1px solid #BFD3F8;background:#EEF4FE;color:#071424;font:inherit;text-align:left}
.start2-m{display:flex;flex-direction:column;gap:2px;flex:1 1 280px;min-width:0}.start2-s{font-size:13.5px;color:#53627a}.start2-b{flex:0 0 auto;white-space:nowrap}
.start2-k{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2459C4}
.start2-t{font-size:16px;font-weight:700;min-width:0;overflow-wrap:anywhere}
@media (max-width:900px){.ck33{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.ck33{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.start2{padding:12px 14px}.start2-t{font-size:15px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .start2{background:#10284A;border-color:#2A4A78;color:#EEF3F9}:root:not([data-theme="light"]) .start2-k{color:#8FB3FF}:root:not([data-theme="light"]) .start2-s{color:#A9BCD6}}
:root[data-theme="dark"] .start2{background:#10284A;border-color:#2A4A78;color:#EEF3F9}:root[data-theme="dark"] .start2-k{color:#8FB3FF}:root[data-theme="dark"] .start2-s{color:#A9BCD6}
.mv-row .mv-n{display:block;font-size:12.5px;font-weight:500;color:var(--text-2,#46546b);margin-top:2px}   /* P-118: a rating measured differently this month */

/* ---------- Your reviews (K1 Part 4, P-123) ---------- */
.rv3-pace{padding:18px 18px 12px}
.rv3-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:end;height:180px}
.rv3-col{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;min-width:0}
.rv3-n{font-size:12px;font-weight:700;color:var(--text-2,#46546b);min-height:15px}
.rv3-bw{position:relative;flex:1;width:100%;max-width:34px;display:flex;align-items:flex-end}
.rv3-bw i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:var(--blue,#326FE6);min-height:2px}
.rv3-bw s{position:absolute;left:-3px;right:-3px;height:0;border-top:2px dashed #8C9AAD}
.rv3-col small{font-size:11.5px;color:var(--text-2,#46546b)}
.rv3-lg{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13.5px;font-weight:600;color:#3E4C61}
.rv3-lg span{display:inline-flex;align-items:center;gap:7px}.rv3-lg i{width:14px;height:14px;border-radius:4px;background:var(--blue,#326FE6)}
.rv3-lg i.avg{height:0;border-top:2px dashed #8C9AAD;border-radius:0;background:none}
/* P-154: a month not counted (before the oldest review read): a faint hatched bar, no number. */
.rv3-bw i.nc,.rv3-lg i.nc{height:100%;background:repeating-linear-gradient(135deg,rgba(140,154,173,.22) 0 4px,rgba(140,154,173,.06) 4px 8px);border:1px dashed rgba(140,154,173,.45);box-sizing:border-box}
.rv3-lg i.nc{height:14px}
.rv3-cmp{margin-top:12px}
.rv3-r{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:10px;align-items:center;padding:10px 0;border-top:1px solid #EEF1F5;font-size:15px}
.rv3-r small{display:block;font-size:12.5px;color:var(--text-2,#46546b)}.rv3-r span:not(:first-child) small{display:inline}
.rv3-r.rv3-hd{border-top:0;padding-top:0;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2,#46546b)}
.rv3-r.you span:first-child b{color:var(--blue,#326FE6)}
.rv3-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.rv3-k{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}.rv3-k.ok{color:#17694f}.rv3-k.no{color:#9F2A1B}
.rv3-th{background:var(--surface,#fff);border:1px solid var(--line,#DCE4EE);border-left:4px solid #208669;border-radius:14px;padding:14px 16px;margin-bottom:10px}
.rv3-th.rv3-cp{border-left-color:#C2412D}
.rv3-thh{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.rv3-thh b{color:var(--text,#071424);font-weight:700}.rv3-thh .note{white-space:nowrap;font-weight:400}
.rv3-th blockquote{margin:8px 0 0;padding:0;font-size:14.5px;line-height:1.5;color:#3E4C61;font-style:italic;overflow-wrap:anywhere}
.rv3-w{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px 0;border-top:1px solid #EEF1F5}
.rv3-w small{display:block;font-size:12.5px;color:var(--text-2,#46546b)}.rv3-w span>span{display:block;overflow-wrap:anywhere}
.rv3-st{color:#9A6200;letter-spacing:1px;white-space:nowrap}   /* P-159: 5.1:1 on white (the amber was 1.91:1) */
.rv3-tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rv3-tr small{display:block;font-size:13px;color:var(--text-2,#46546b)}.rv3-tr b{font-size:28px}
@media (max-width:640px){.rv3-bars{gap:3px;height:150px}.rv3-n{font-size:10.5px}.rv3-col small{font-size:10px}
  .rv3-r{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.rv3-r.rv3-hd{display:none}.rv3-r span:nth-child(3),.rv3-r span:nth-child(4){grid-column:1/-1;font-size:13.5px;color:var(--text-2,#46546b)}
  .rv3-r span:nth-child(3)::before{content:'Newest: '}.rv3-w{grid-template-columns:minmax(0,1fr)}}
/* K1 Part 5 (P-124): the /sample banner */
.ribbon.sample{background:var(--ink);color:#fff;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:6px 16px}
.ribbon.sample a{background:#fff;color:var(--ink);border-radius:999px;padding:3px 12px;font-weight:700;text-decoration:none;white-space:nowrap}
/* P-127: four columns beside the text: the mark sits above the words, so nothing is clipped */
@media (min-width:641px){.vz-many .vz-row{grid-template-columns:64px repeat(var(--cols),minmax(0,1fr))}.vz-many .vz-row>*{padding:11px 8px}.vz-many.vz-grid .vz-row>span[role=cell]{flex-direction:column;gap:4px}}
/* P-129: on a phone long links and chips wrap; nothing runs past the edge */
@media (max-width:760px){#view .vlink{white-space:normal;max-width:100%}.chip2{white-space:normal;max-width:100%}}
/* P-129: keyboard focus shows on text buttons; a rating card's name is its keyboard control */
.vlink:focus-visible{outline:2px solid #2459C4;outline-offset:2px;border-radius:4px}
.rate2 button.rn{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.rate2 button.rn:focus-visible{outline:2px solid #2459C4;outline-offset:2px;border-radius:4px}
/* P-129: the Workspace is built by its script; it appears once, in place, so nothing jumps while it loads */
html:not(.ready) .shell,html:not(.ready) .ws-legal{visibility:hidden}
/* P-130: one small Overview card (Was your Setup useful? / why Tracking was cancelled) */
.fb{position:relative;margin:0 0 18px;padding:18px 20px}
.fb h2{margin:0 40px 12px 0;font-size:17px;letter-spacing:-.01em}
.fb .fb-x{position:absolute;top:10px;right:10px;margin:0}
.fb-q{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:14px 56px 14px 20px}
.fb-q h2{margin:0}
.fb-l{display:block;font-size:14px;font-weight:600;margin:12px 0 6px;padding:0}
.fb-in{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);resize:vertical}
.fb-in:focus-visible{outline:2px solid #2459C4;outline-offset:1px}
.fb-n{border:0;margin:0;padding:0}
.fb-n label{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:15px}
.fb-a{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;margin-top:14px}
.fb-q .fb-a{margin-top:0}
/* P-130: the first-visit tour: small anchored callouts, no overlay */
.tourc{position:fixed;z-index:70;width:min(300px,calc(100vw - 32px));box-sizing:border-box;padding:14px 16px;border-radius:14px;background:#fff;color:#071424;border:1px solid #326FE6;box-shadow:0 18px 44px -12px rgba(7,20,36,.55);outline:none}
.tourc::before{content:"";position:absolute;left:var(--ax,20px);top:var(--ay,-6px);width:12px;height:12px;box-sizing:border-box;background:#fff;border:0 solid #326FE6;transform:rotate(45deg)}
.tourc[data-side="below"]::before{border-top-width:1px;border-left-width:1px}.tourc[data-side="above"]::before{border-bottom-width:1px;border-right-width:1px}.tourc[data-side="right"]::before{border-bottom-width:1px;border-left-width:1px}
.tourc small{display:block;font-size:12.5px;color:#4A5B70}
.tourc b{display:block;font-size:16px;margin:2px 0 4px}
.tourc p{margin:0;font-size:14.5px;line-height:1.45}
.tour-a{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
.tour-skip{background:none;border:0;padding:6px 0;font:inherit;font-size:14px;color:#2459C4;cursor:pointer;text-decoration:underline}
.tour-next{min-height:38px;padding:0 16px;border:0;border-radius:10px;background:#326FE6;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.tour-skip:focus-visible,.tour-next:focus-visible{outline:2px solid #2459C4;outline-offset:2px}
.tour-on{outline:2px solid #326FE6;outline-offset:4px;border-radius:8px}
@media print{.tourc{display:none}}
/* K3 (P-134, B11): /sample's banner buttons and the "Check My Business" card. */
.ribbon.sample a.rb-check{background:#326FE6;color:#fff}
/* P-135 (phone): the two sample buttons keep their size but get a 44px tap area. */
@media (max-width:760px){.ribbon.sample a{position:relative;display:inline-flex;align-items:center;min-height:30px}.ribbon.sample a::after{content:"";position:absolute;left:0;right:0;top:-7px;bottom:-7px}}
.smp-ck{margin:0 0 18px;display:flex;align-items:center;gap:20px 28px;flex-wrap:wrap;padding:30px 32px;border-radius:24px;color:#EEF3F9;background:radial-gradient(500px 240px at 80% 0%,rgba(53,115,234,.35),transparent 70%),#071424;box-shadow:0 30px 60px -30px rgba(7,20,36,.6)}
.smp-ck>div{flex:1 1 420px;min-width:0}
.smp-ck-k{font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8FB3FF}
.smp-ck h2{margin:8px 0 0;font-size:34px;line-height:1.08;letter-spacing:-1.2px;font-weight:800;color:#fff}.smp-ck h2 span{color:#8FB3FF}
.smp-ck p{margin:10px 0 0;font-size:16px;line-height:1.5;color:#C3CEDC}
.smp-ck-b{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 30px;border-radius:14px;background:#326FE6;color:#fff;font-size:17px;font-weight:800;text-decoration:none;box-shadow:0 16px 36px -14px rgba(50,111,230,1)}
.smp-ck-b:hover{background:#2A63D1}
@media (max-width:640px){.smp-ck{padding:22px 18px}.smp-ck h2{font-size:26px}.smp-ck-b{width:100%;justify-content:center}}
/* K4 Part 5: "Want a website?" (Overview, below the Action Plan) */
.want-site{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:16px 20px}
.want-site>b{flex:1 1 260px;font-size:16px}
.want-site .btn{min-height:44px}

/* P-149: a business logo image on a white rounded tile (on the dark sidebar and in the round account chip); the wide logo leads the business box. */
.logo-slot.img{background:#fff;padding:6px;box-shadow:none}
.logo-slot.sm.img{padding:3px;background:#fff;box-shadow:inset 0 0 0 1px #DCE4EE}
.logo-wide{display:block;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#fff}
.logo-wide img{display:block;width:100%;height:auto;max-height:72px;object-fit:contain}

/* P-149: the sample banner's way back (a text link at the left, not a pill) and the Brand in View logo linking home. */
.ribbon.sample a.rb-back{background:none;color:#cfe0ff;padding:3px 0;font-weight:700;border-radius:0}
.ribbon.sample a.rb-back:hover{color:#fff;text-decoration:underline}
@media (min-width:761px){.ribbon.sample a.rb-back{position:absolute;left:16px;top:50%;transform:translateY(-50%)}}
a.powered{text-decoration:none;color:#7f90a8}
a.powered:hover img{opacity:1}

/* ---------- P-168 (Phase K10, founder 2026-11-10) ---------- */
/* Item 1: /sample opens on month 1; a switch to month 2 (the recheck view, with Tracking) and back. */
.smp-month{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:10px 32px;background:var(--surface);border-bottom:1px solid var(--line);font-size:14.5px;color:var(--text-2)}
.smp-month-k b{color:var(--text);font-weight:800}
.smp-month-a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#2459C4;color:#fff;font-weight:800;font-size:15px;text-decoration:none;border:1px solid #2459C4}
.smp-month-a:hover{background:#1B47A0;border-color:#1B47A0}
.smp-month-a.back{background:var(--surface);color:var(--text);border-color:#9AACC3}.smp-month-a.back:hover{background:var(--surface-2);border-color:var(--text-2)}
.smp-month-a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media (max-width:1000px){.smp-month{padding:10px 16px}}

/* Item 5: "Seen most often" cards: each card's rows share one grid; a label and its count wrap on a narrow card, nothing crosses its edge. */
.mb3{display:grid;grid-template-columns:minmax(0,max-content) minmax(28px,1fr) minmax(min-content,max-content);gap:8px 10px;align-items:center}
.mb3-r{display:contents}
.mb3-r>span:first-child{min-width:0;overflow-wrap:anywhere;line-height:1.3}
.mb3-r>small{grid-column:2 / -1}
.mb3-r b{white-space:normal;line-height:1.25}
.card.cs3{padding:20px 22px}
@media (max-width:640px){.card.cs3{padding:18px}}

/* Item 6: "Your 33 visibility checks": chips with a coloured dot, the bold number, the label and "→"; "Need fixing" stands out. */
.ck33{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.ck33-k{flex:1 1 100%}
.ck33-g{flex-direction:row;align-items:center;gap:8px;min-height:40px;padding:7px 12px 7px 10px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(220,230,243,.28);color:#DCE6F3;line-height:1.3;transition:background .15s,border-color .15s}
.ck33-g:hover{background:rgba(255,255,255,.14);border-color:rgba(220,230,243,.6)}
.ck33-g:hover .ck33-a{transform:translateX(2px)}
.ck33-i{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:#8A9BB3}
.ck33-ok .ck33-i,.ck33-i.ok{background:#3CC68F}.ck33-part .ck33-i,.ck33-i.part{background:#F0B648}.ck33-fix .ck33-i,.ck33-i.fix{background:#FF7B72}.ck33-none .ck33-i,.ck33-i.none{background:#8A9BB3}
.ck33-l{min-width:0}
.ck33-a{flex:none;font-size:13px;color:#A9BCD6;transition:transform .15s}
.ck33-g.ck33-fix{background:rgba(255,123,114,.16);border-color:#FF7B72;color:#fff}
.ck33-g.ck33-fix:hover{background:rgba(255,123,114,.28)}
.ck33-g.ck33-fix .ck33-a{color:#FFD2CE}
@media (prefers-reduced-motion:reduce){.ck33-g,.ck33-a{transition:none}.ck33-g:hover .ck33-a{transform:none}}
@media (max-width:640px){.ck33-g{min-height:44px;flex:1 1 calc(50% - 4px)}.ck33-g.ck33-fix,.ck33-g.ck33-none{flex-basis:100%}}
.ckl-f{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin:0 0 14px;padding:6px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-weight:700}
.ckl-fk{display:inline-flex;align-items:center;gap:8px}
.ckl-f .ck33-i.ok{background:#17694f}.ckl-f .ck33-i.part{background:#B07800}.ckl-f .ck33-i.fix{background:#C2352B}.ckl-f .ck33-i.none{background:#6B7A90}
.ckl-f .vlink{min-height:44px}

/* Item 8: phones show the Brand in View logo in the slim bar; the business name moves beside the page title. */
.mb-logo{display:none}
.top-t{min-width:0}
.top-biz{display:none}
/* Item 9: phones: the slim bar is sticky, slides away on scroll down and is back on scroll up. */
@media (max-width:640px){
  .shell{display:block}
  .ribbon{position:relative;top:auto}
  html{scroll-padding-top:76px}
  body{overflow-x:hidden;overflow-x:clip}
  .mbar{position:sticky;top:0;z-index:45;transition:transform .25s ease}
  .mbar.away{transform:translateY(-110%)}
  .mbar .mb-mark,.mbar .mb-name{display:none}
  .mb-logo{display:inline-flex;align-items:center;flex:1;min-width:0;min-height:44px;text-decoration:none}
  .mbar .mb-logo img{height:28px;width:auto;max-width:100%}
  a.mb-logo:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:6px}
  .top-t{display:flex;flex-direction:column;flex:0 1 auto;min-width:0}
  .top-biz{display:block;font-size:12.5px;font-weight:700;line-height:1.3;color:var(--text-2);overflow-wrap:anywhere}
  #view [id^="sec-"],#view .act,#view .ans{scroll-margin-top:76px}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){.mbar{transition:none}}

/* Item 10: phones: an action's number sits inline with its title; the text, chips and boxes use the full card width. */
@media (max-width:640px){
  .act-h.ah2,.act-h.ah2.haspic,.act-h.ah2.m,.act.open .act-h.ah2.haspic{grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:10px;align-items:start}
  .act-h.ah2 .ah2-m{display:contents}
  .act-h.ah2 .ah2-t{grid-column:2;align-self:center;min-width:0}
  .act-h.ah2 .ah2-m>:not(.ah2-t),.act-h.ah2 .mini2,.act-h.ah2 .openb{grid-column:1 / -1}
  .act-h.ah2 .pn2,.ah2.m .pn2{width:36px;height:36px;border-radius:11px;font-size:17px}
}

/* P-170 (founder, 2026-11-10): "Reviewed by Caleb Avery · {date}" under the overall rating: plain visible text. */
.score2-rv{font-size:13.5px;color:#3E4C61;line-height:1.4}