/* ---------- the free question pages, a visitor (Aryan's pick B for all four, 15 Oct 2026, version 37): the landing's header and
   footer and the round's B parts, made by pubq_css.py from archive/identity-probes/public-pages-options/pub.css and
   question-pages-options/pq.css, every rule scoped to a visitor page; the draft's own additions follow it ---------- */























.dl :where(.app[data-pv="d"]) .crumb:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;padding-top:18px;font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .crumb a:where(:not(.v16-root *)){display:inline-flex;align-items:center;min-height:32px}
.dl :where(.app[data-pv="d"]) .crumb .i:where(:not(.v16-root *)){font-size:13px}
.dl :where(.app[data-pv="d"]) .crumb b:where(:not(.v16-root *)){font-weight:500;color:var(--fg2)}
.dl :where(.app[data-pv="d"]) .col:where(:not(.v16-root *)){max-width:760px;margin-inline:auto}
.dl :where(.app[data-pv="d"]) .eyebrow:where(:not(.v16-root *)){font-size:var(--t-meta);font-weight:var(--w-ui);color:var(--fg2)}
.dl :where(.app[data-pv="d"]) .lede:where(:not(.v16-root *)){font-size:var(--t-body);line-height:1.55;color:var(--fg2);text-wrap:pretty}
.dl :where(.app[data-pv="d"]) .stack:where(:not(.v16-root *)){display:grid;gap:var(--gap)}
.dl :where(.app[data-pv="d"]) .meta-line:where(:not(.v16-root *)){font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .mt:where(:not(.v16-root *)){margin-top:var(--gap)}
.dl :where(.app[data-pv="d"]) .mt2:where(:not(.v16-root *)){margin-top:calc(var(--gap) * 2)}
.dl :where(.app[data-pv="d"]) .sec-h:where(:not(.v16-root *)){font-size:var(--t-h2);font-weight:var(--w-head);letter-spacing:-.01em;line-height:1.25;text-wrap:balance}
.dl :where(.app[data-pv="d"]) .go:where(:not(.v16-root *)){min-height:44px}
.dl :where(.app[data-pv="d"]) .qcard:where(:not(.v16-root *)){display:grid;gap:14px}
.dl :where(.app[data-pv="d"]) .qn:where(:not(.v16-root *)){font-size:var(--t-meta);color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .qs:where(:not(.v16-root *)){font-size:var(--t-body);font-weight:var(--w-ui);line-height:1.45;text-wrap:pretty}
.dl :where(.app[data-pv="d"]) .opts:where(:not(.v16-root *)){display:grid;gap:8px}
.dl :where(.app[data-pv="d"]) .op:where(:not(.v16-root *)){display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;border-radius:var(--r-inner);background:var(--card);box-shadow:0 0 0 1px var(--line2) inset;font-size:var(--t-small);line-height:1.35}
.dl :where(.app[data-pv="d"]) .op .l:where(:not(.v16-root *)){flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 1px var(--line2) inset;font-size:var(--t-meta);font-weight:var(--w-ui);color:var(--fg2)}
.dl :where(.app[data-pv="d"]) .op.ok:where(:not(.v16-root *)){background:var(--ok-fill);box-shadow:0 0 0 1.5px var(--ok-line) inset}
.dl :where(.app[data-pv="d"]) .op.ok .l:where(:not(.v16-root *)){background:var(--ok-base);box-shadow:none;color:#fff}
.dl :where(.app[data-pv="d"]) .op .tag:where(:not(.v16-root *)){margin-left:auto;flex:none;font-size:var(--t-meta);font-weight:var(--w-ui);color:var(--ok)}
.dl :where(.app[data-pv="d"]) .wall:where(:not(.v16-root *)){display:grid;gap:10px;text-align:center;justify-items:center;padding-block:28px}
.dl :where(.app[data-pv="d"]) .wall h2:where(:not(.v16-root *)){font-size:var(--t-h2);font-weight:var(--w-head)}
.dl :where(.app[data-pv="d"]) .wall p:where(:not(.v16-root *)){font-size:var(--t-small);color:var(--fg2);max-width:42ch}
.dl :where(.app[data-pv="d"]) .crumb a:where(:not(.v16-root *)){min-height:44px}



.dl :where(.app[data-pv="d"]) .crumb-back:where(:not(.v16-root *)){display:none}
@media (max-width:759px){.dl :where(.app[data-pv="d"]) .crumb:where(:not(.v16-root *)){display:none}
.dl :where(.app[data-pv="d"]) .crumb-back:where(:not(.v16-root *)){display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-top:8px;font-size:var(--t-small);color:var(--fg2)}
.dl :where(.app[data-pv="d"]) .crumb-back .i:where(:not(.v16-root *)){font-size:17px}}
.dl :where(.app[data-pv="d"]) .sec-k:where(:not(.v16-root *)){font-size:var(--t-meta);font-weight:var(--w-ui);color:var(--fg3);margin-bottom:10px}
.dl :where(.app[data-pv="d"]) .chev:where(:not(.v16-root *)){font-size:18px;color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .row .chev:where(:not(.v16-root *)){margin-left:auto}
.dl :where(.app[data-pv="d"]) details.qa:where(:not(.v16-root *)){box-shadow:0 1px 0 var(--line)}
.dl :where(.app[data-pv="d"]) details.qa:last-child:where(:not(.v16-root *)){box-shadow:none}
.dl :where(.app[data-pv="d"]) details.qa summary:where(:not(.v16-root *)){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;cursor:pointer;list-style:none;font-size:var(--t-small);font-weight:var(--w-ui)}
.dl :where(.app[data-pv="d"]) details.qa summary:where(:not(.v16-root *))::-webkit-details-marker{display:none}
.dl :where(.app[data-pv="d"]) details.qa summary .i:where(:not(.v16-root *)){flex:none;font-size:18px;color:var(--fg3);transition:transform .2s var(--ease)}
.dl :where(.app[data-pv="d"]) details.qa[open] summary .i:where(:not(.v16-root *)){transform:rotate(180deg)}
.dl :where(.app[data-pv="d"]) details.qa p:where(:not(.v16-root *)){padding-bottom:14px;font-size:var(--t-small);color:var(--fg2);line-height:1.55}
.dl :where(.app[data-pv="d"]) .op.no:where(:not(.v16-root *)){background:var(--no-fill);box-shadow:0 0 0 1.5px var(--no-line) inset}
.dl :where(.app[data-pv="d"]) .op.no .l:where(:not(.v16-root *)){background:var(--no-base);box-shadow:none;color:#fff}
.dl :where(.app[data-pv="d"]) .said:where(:not(.v16-root *)){display:flex;align-items:flex-start;gap:8px;font-size:var(--t-small);font-weight:var(--w-ui);line-height:1.4}
.dl :where(.app[data-pv="d"]) .said .i:where(:not(.v16-root *)){flex:none;font-size:19px;margin-top:1px}
.dl :where(.app[data-pv="d"]) .said.ok:where(:not(.v16-root *)){color:var(--ok)}
.dl :where(.app[data-pv="d"]) .said.no:where(:not(.v16-root *)){color:var(--no)}
.dl :where(.app[data-pv="d"]) .wall .ico:where(:not(.v16-root *)){width:44px;height:44px;border-radius:50%;background:var(--sunk)}
.dl :where(.app[data-pv="d"]) .narrow-c:where(:not(.v16-root *)){max-width:640px}
.dl :where(.app[data-pv="d"]) .join:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.dl :where(.app[data-pv="d"]) .join b:where(:not(.v16-root *)){font-size:var(--t-h3);font-weight:var(--w-head)}
.dl :where(.app[data-pv="d"]) .join p:where(:not(.v16-root *)){font-size:var(--t-small);color:var(--fg2)}
.dl :where(.app[data-pv="d"]) .pvsh:where(:not(.v16-root *)){display:flex;align-items:flex-end;gap:16px}
.dl :where(.app[data-pv="d"]) .pvsh .head:where(:not(.v16-root *)){flex:1;min-width:0}
.dl :where(.app[data-pv="d"]) .pvsh .win.sm:where(:not(.v16-root *)){margin-bottom:20px}
@media (max-width:759px){.dl :where(.app[data-pv="d"]) .pvsh .win.sm:where(:not(.v16-root *)){display:none}}
.dl :where(.app[data-pv="d"]) .bk2:where(:not(.v16-root *)){display:grid;gap:var(--gap)}
@media (min-width:1000px){.dl :where(.app[data-pv="d"]) .bk2:where(:not(.v16-root *)){grid-template-columns:300px minmax(0,1fr);align-items:start;gap:32px}
.dl :where(.app[data-pv="d"]) .bk2-rail:where(:not(.v16-root *)){position:sticky;top:88px}}
.dl :where(.app[data-pv="d"]) .bk2-rail:where(:not(.v16-root *)){display:grid;gap:10px}
.dl :where(.app[data-pv="d"]) .bookseg:where(:not(.v16-root *)){display:grid;gap:8px}
.dl :where(.app[data-pv="d"]) .bookseg button:where(:not(.v16-root *)){display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 16px;border-radius:var(--r-inner);background:var(--card);box-shadow:0 0 0 1px var(--line2) inset;font-size:var(--t-small);font-weight:var(--w-ui);text-align:left}
.dl :where(.app[data-pv="d"]) .bookseg button small:where(:not(.v16-root *)){font-size:var(--t-meta);color:var(--fg3);font-weight:400}
.dl :where(.app[data-pv="d"]) .bookseg button[aria-pressed="true"]:where(:not(.v16-root *)){background:var(--fg);color:var(--cream);box-shadow:none}
.dl :where(.app[data-pv="d"]) .bookseg button[aria-pressed="true"] small:where(:not(.v16-root *)){color:rgba(253,247,234,.7)}
@media (max-width:999px){.dl :where(.app[data-pv="d"]) .bookseg:where(:not(.v16-root *)){grid-template-columns:repeat(2,minmax(0,1fr))}}
.dl :where(.app[data-pv="d"]) .card.soft:where(:not(.v16-root *)){display:grid;gap:6px;background:var(--sunk);box-shadow:none}
.dl :where(.app[data-pv="d"]) .card.soft p:where(:not(.v16-root *)){font-size:var(--t-small);color:var(--fg2)}
.dl :where(.app[data-pv="d"]) .card.soft b:where(:not(.v16-root *)){color:var(--fg);font-weight:var(--w-ui)}
.dl :where(.app[data-pv="d"]) .counts:where(:not(.v16-root *)){display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:var(--t-small);color:var(--fg2)}
.dl :where(.app[data-pv="d"]) .counts b:where(:not(.v16-root *)){color:var(--fg);font-weight:var(--w-head);font-variant-numeric:tabular-nums}
.dl :where(.app[data-pv="d"]) .counts span:where(:not(.v16-root *)){color:var(--fg3)}
.dl :where(.app[data-pv="d"]) .fade:where(:not(.v16-root *)){position:relative}
.dl :where(.app[data-pv="d"]) .pvghost:where(:not(.v16-root *)){display:grid;gap:10px;padding:var(--pad);border-radius:var(--r-card);background:var(--card);box-shadow:var(--card-shadow);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);height:150px;overflow:hidden}
.dl :where(.app[data-pv="d"]) .pvghost i:where(:not(.v16-root *)){display:block;height:14px;border-radius:7px;background:var(--sunk)}
.dl :where(.app[data-pv="d"]) .pvghost i:first-child:where(:not(.v16-root *)){width:30%}
.dl :where(.app[data-pv="d"]) .pvghost i:nth-child(2):where(:not(.v16-root *)){width:80%}
/* the draft's own additions, none of which the round could draw: the five are buttons here, so they keep the card's left-aligned
   text and full width, press like every option in the app, and show a ring under a pointer before they are answered; the wall's
   Log in is a link drawn as the round's underlined words; the frame shows only on a visitor page */
.dl :where(.app[data-pv="d"]) button.op:where(:not(.v16-root *)){width:100%;text-align:start;transition:transform .12s var(--ease),box-shadow .15s}
.dl :where(.app[data-pv="d"]) button.op:not(:disabled):active:where(:not(.v16-root *)){transform:scale(.985)}
@media (hover:hover) and (pointer:fine){.dl :where(.app[data-pv="d"]) button.op:not(:disabled):hover:where(:not(.v16-root *)){box-shadow:0 0 0 1px var(--fg3) inset}}
.dl :where(.app[data-pv="d"]) button.op:disabled:where(:not(.v16-root *)){cursor:default}
.dl :where(.app[data-pv="d"]) .pv-u:where(:not(.v16-root *)){text-decoration:underline}

/* every link a finger can reach is 44 px each way: the header's shortest link (Tools) and the trail's (RK Bali) reach out 4 px each
   side, as the header's button reaches 2 px up and down; nothing on the page moves */
.dl :where(.app[data-pv="d"]) .crumb a:where(:not(.v16-root *)){position:relative}
.dl :where(.app[data-pv="d"]) .crumb a:where(:not(.v16-root *))::after{content:"";position:absolute;inset:0 -4px}

/* the live frame's bar stays at the top, so what the keyboard reaches scrolls clear of it (the draft's 84px) */
html:has(.dl .app[data-pv="d"] [data-scr^="q"]){scroll-padding-top:84px}