/* The new tools, phase 1 (WS-280 (2), WS-282, WS-279 (3); sitebuild/rane/): the key question pages, the track record
   and site search. House tokens only (site.css); the outcome colours are register.css's (--rg0..5, loaded beside this
   file on the question pages). No inline styles (the CSP forbids them). Phone first: 375px, 16px gutter, 44px targets,
   no horizontal scroll. Shipped only while a rane switch is on (site.config.json). */

/* the compact hero: the first card reaches the first phone screen */
.kq-hero{padding:20px 0 20px}
.kq-hero .lbl{margin-bottom:8px}
.hero-cap h1.kq-h1{font-size:24px;line-height:1.2;letter-spacing:-.01em;max-width:34ch;text-wrap:pretty}
.kq-meta{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:10px;font:13.5px/1.45 var(--sans);color:var(--graphite)}
.kq-meta a{color:var(--ink)}
.kq-sec{padding:28px 0}
.kq-now-sec{padding-top:16px}
.kq-h2{font:600 21px/1.25 var(--serif);color:var(--ink);margin:0 0 8px;max-width:none}
.sec h2.kq-h2{font-size:21px;font-weight:600}
.kq-h3{font:600 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);margin:16px 0 6px}
.kq-lead{font:15px/1.5 var(--serif);color:var(--ink);margin:0 0 12px;max-width:66ch}
.kq-empty{font:16px/1.5 var(--serif);color:var(--graphite);margin:0;padding:12px 14px;background:var(--tint);max-width:66ch}
.kq-card{border:1px solid var(--hair);border-top:2px solid var(--ink);background:var(--paper);padding:16px;min-width:0}

/* our estimate now: each outcome as number · word · confidence */
.kq-card .rq-bar{margin:4px 0 6px}
.kq-alts{list-style:none;margin:0;padding:0}
.kq-alt{display:grid;grid-template-columns:12px 18px minmax(0,1fr);column-gap:8px;padding:10px 0;border-top:1px solid var(--hair)}
.kq-alt .sw{width:12px;height:12px;margin-top:5px;display:block}
.kq-i{font:600 13px/22px var(--mono);color:var(--graphite);text-align:center}
.kq-alt-b{min-width:0}
.kq-alt-b p{margin:0}
.kq-alt-l{font:600 15px/1.4 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.kq-nwc{font:14px/1.5 var(--sans);color:var(--ink);margin-top:2px}
.kq-nwc .num{font-size:17px;font-weight:600}
.kq-w{font:italic 15px/1.4 var(--serif)}
.kq-c{color:var(--graphite)}
.kq-alt-m{font:15px/1.45 var(--serif);color:var(--ink);margin-top:4px}
.kq-alt-id{font:12px/1.5 var(--sans);color:var(--graphite);margin-top:2px}
.kq-alt-no .kq-alt-l{font-weight:400;color:var(--graphite)}
.kq-note{font:15px/1.5 var(--serif);border-left:2px solid var(--verm);padding-left:10px;margin:12px 0 0;max-width:66ch}
.kq-situ{font:15px/1.5 var(--serif);color:var(--ink);margin:12px 0 0;max-width:66ch}
.kq-situ b{font-weight:600}

/* charts: the history and the calibration; each has a table with the same figures */
.kq-fig{margin:0 0 12px;max-width:560px}
.kq-hist,.kq-cal{display:block;width:100%;height:auto}
.kq-gl{stroke:var(--hair);stroke-width:1}
.kq-today{stroke:var(--graphite);stroke-width:1;stroke-dasharray:3 3}
.kq-ax{font:11px var(--sans);fill:var(--graphite)}
.kq-lab{font:600 11px var(--mono);fill:var(--ink)}
.kq-pt{stroke:var(--paper);stroke-width:1.5}
.kq-pt-ink{fill:var(--navy);fill-opacity:.85}
.kq-ln{fill:none;stroke-width:2}
.kq-s-sg0{stroke:var(--rg0)}.kq-s-sg1{stroke:var(--rg1)}.kq-s-sg2{stroke:var(--rg2)}
.kq-s-sg3{stroke:var(--rg3)}.kq-s-sg4{stroke:var(--rg4)}.kq-s-sg5{stroke:var(--rg5)}
.kq-tbl-wrap{max-width:100%;overflow-x:auto}
.kq-tbl{border-collapse:collapse;width:100%;font:13.5px/1.4 var(--sans);color:var(--ink)}
.kq-tbl th,.kq-tbl td{text-align:left;padding:6px 8px 6px 0;border-top:1px solid var(--hair);vertical-align:top}
.kq-tbl thead th{font:600 11px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--graphite);border-top:0}
.kq-tbl tbody th{font-weight:400}
.kq-tbl tbody th .num{font-size:13px}

/* the reassessment log, signposts, implications, resolution */
.kq-log,.kq-list{list-style:none;margin:0;padding:0;max-width:66ch}
.kq-log li,.kq-list li{padding:10px 0;border-top:1px solid var(--hair)}
.kq-log p,.kq-list p{margin:0}
.kq-log-d{font:600 13px/1.5 var(--mono);color:var(--graphite)}
.kq-q-lead{font:600 14px/1.45 var(--sans);color:var(--ink);margin-bottom:2px}
.kq-q-t{font:16px/1.5 var(--serif);color:var(--ink)}
.kq-src{font:13px/1.5 var(--sans);color:var(--graphite);white-space:nowrap}
.kq-imp + .kq-imp{margin-top:8px}
.kq-rules p[data-verbatim]{font:15px/1.5 var(--serif)}
.kq-seals{list-style:none;margin:8px 0 0;padding:0;font:13px/1.5 var(--sans);color:var(--ink)}
.kq-seals li{padding:6px 0;border-top:1px solid var(--hair)}
.kq-sha{display:block;color:var(--graphite)}
.kq-sha .num,.tr-sha .num{white-space:normal;overflow-wrap:anywhere;font-size:12px}
.kq-more{margin-top:10px}
.kq-more summary,.sr-filters summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font:600 14px/1.3 var(--sans);color:var(--ink)}

/* countries and categories as chips (each a 44px target) */
.kq-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.kq-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--hair);background:var(--paper);font:500 14px/1.2 var(--sans);color:var(--ink);text-decoration:none}
.kq-chip:hover{border-color:var(--ink)}
.kq-chip .num{color:var(--graphite);font-size:12px}
.kq-go{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:0}
.kq-go a{display:flex;align-items:center;min-height:44px;border-top:1px solid var(--hair);font:600 15px/1.3 var(--sans)}

/* the index */
.kq-ix-sec{padding-top:16px}
.kq-nav{margin-bottom:20px}
.kq-nav .kq-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.kq-nav .kq-chip{font-size:13px;padding:4px 10px;justify-content:space-between;height:100%}
@media (min-width:760px){.kq-nav .kq-chips{display:flex}}
.kq-cat{margin-top:28px;scroll-margin-top:72px}
.kq-cat-h{font:600 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);margin:0 0 8px;padding-top:10px;border-top:2px solid var(--ink)}
.sec h2.kq-cat-h{font-size:12px;font-family:var(--sans);font-weight:600;max-width:none}
.kq-ix{border:1px solid var(--hair);background:var(--paper);padding:14px 16px;margin-top:10px;min-width:0}
.kq-ix p{margin:0}
.kq-ix-k{font:12px/1.5 var(--sans);color:var(--graphite)}
.kq-ix-h{font:600 18px/1.3 var(--serif);margin:4px 0 6px;text-wrap:pretty}
.kq-ix-h a{text-decoration:none}
.kq-ix-h a:hover{text-decoration:underline}
.kq-ix-l{font:14px/1.5 var(--sans);color:var(--ink)}
.kq-ix-l .num{font-weight:600}

/* the track record */
.tr-big{font:600 40px/1.1 var(--serif);margin:4px 0}
.tr-big .num{font-family:var(--mono);font-size:36px}
.tr-next{font:15px/1.5 var(--sans);margin:0 0 12px}
.tr-dl{margin:0;display:grid;gap:0}
.tr-dl div{display:grid;gap:2px;padding:8px 0;border-top:1px solid var(--hair)}
.tr-dl dt{font:600 13px/1.4 var(--sans);color:var(--graphite)}
.tr-dl dd{margin:0;font:15px/1.4 var(--sans);color:var(--ink)}
.tr-dl dd .num{font-weight:600}
.tr-list{list-style:none;margin:0;padding:0}
.tr-row{padding:12px 0;border-top:1px solid var(--hair);min-width:0}
.tr-row p{margin:0}
.tr-k{font:13px/1.5 var(--sans);color:var(--graphite)}
.tr-k a{color:var(--ink);font-weight:600}
.tr-l{font:600 15px/1.4 var(--sans);color:var(--ink);margin-top:2px;overflow-wrap:anywhere}
.tr-n{font:14px/1.5 var(--sans);margin-top:2px}
.tr-d{display:flex;flex-wrap:wrap;gap:0 14px;font:13px/1.5 var(--sans);color:var(--graphite);margin-top:2px}
.tr-sha{font:12px/1.4 var(--sans);color:var(--graphite);margin-top:4px}
.tr-sha-k{font-weight:600;letter-spacing:.04em}
.tr-row.st-superseded .tr-l{color:var(--graphite)}
.tr-corr{margin:4px 0 0;max-width:66ch}
.kq-alt-b .tr-corr{margin-top:4px}

/* search */
.sr-form{margin-top:4px;max-width:44rem}
.sr-lab{display:block;font:14px/1.4 var(--sans);color:var(--graphite);margin-bottom:6px}
.sr-row{display:flex;gap:8px}
.sr-in{flex:1 1 auto;min-width:0;min-height:46px;padding:0 12px;border:1px solid var(--ink);background:var(--knockout);font:16px/1.2 var(--sans);border-radius:0}
.sr-go{flex:0 0 auto}
.sr-filters{margin-top:8px}
.sr-grid{display:grid;gap:10px;margin-top:4px}
.sr-f{display:grid;gap:4px;font:600 12px/1.4 var(--sans);color:var(--graphite)}
.sr-f select{min-height:44px;padding:0 8px;border:1px solid var(--hair);background:var(--knockout);font:15px/1.2 var(--sans);color:var(--ink);border-radius:0;max-width:100%}
.sr-chk{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:15px/1.3 var(--sans);color:var(--ink);cursor:pointer}
.sr-chk input{width:20px;height:20px;accent-color:var(--navy);margin:0}
.sr-def{margin-top:8px;max-width:60ch}
.sr-sec{padding-top:16px}
.sr-count{font:600 14px/1.5 var(--sans);color:var(--graphite);margin:0 0 8px}
.sr-results{list-style:none;margin:0;padding:0;max-width:52rem}
.sr-hit{padding:12px 0;border-top:1px solid var(--hair)}
.sr-hit p{margin:0}
.sr-meta{font:12.5px/1.5 var(--sans);color:var(--graphite)}
.sr-h{font:600 18px/1.3 var(--serif);margin:2px 0 4px;max-width:none}
.sec h2.sr-h{font-size:18px;font-weight:600}
.sr-x{font:15px/1.5 var(--serif);color:var(--ink)}
.sr-hit mark{background:var(--tint);color:inherit;font-weight:700;text-decoration:underline}
.sr-sigt{font-weight:600;color:var(--ink)}
.sr-summary{border-left:2px solid var(--ink);padding:8px 12px;margin:0 0 16px;background:var(--tint);max-width:66ch}
.sr-summary p{margin:0;font:16px/1.5 var(--serif)}
.sr-summary .lbl{margin-bottom:4px}

@media (min-width:760px){
  .kq-hero{padding:40px 0 32px}
  .hero-cap h1.kq-h1{font-size:36px;line-height:1.15}
  .kq-sec{padding:48px 0}
  .kq-card{padding:24px}
  .kq-h2,.sec h2.kq-h2{font-size:26px}
  .sr-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
  .tr-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}
  .tr-row .tr-sha{grid-column:1 / -1}
}