/* /design-qa: reviewer Q&A. Loads after buy.css + marketing.css (same palette, header, hero, cards, footer). */
.mkt.qa{max-width:1000px}
.qa-hero h1{font-size:clamp(34px,6vw,56px)}
.qa-hero .mkt-strip dd.c-dec{color:var(--green)}
.qa-hero .mkt-strip dd.c-open{color:#e9d9a8}
.qa-hero .mkt-strip dd.c-law{color:var(--err)}
.qa-intro{max-width:720px;margin:18px auto 0;font-size:15px;color:var(--muted)}
.qa-intro b{color:#d6e8bd}
/* status badges */
.badge{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 10px;border-radius:20px;font:700 12px/1.4 'Space Grotesk',sans-serif;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;border:1px solid}
.badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.badge.decided{color:var(--green);border-color:#4f6436;background:#1f2a19}
.badge.open{color:#e9d9a8;border-color:#5a4b22;background:#262113}
.badge.counsel{color:var(--err);border-color:#5e3a33;background:#2a1a17}
/* summary */
.qa-summary{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;margin-top:28px}
.qa-summary h2{font-size:20px;letter-spacing:-.4px;margin:0 0 12px}
.legend{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.legend li{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:start}
.legend .n{font:700 22px/1 'Space Grotesk',sans-serif}
.legend p{grid-column:1/-1;margin:0;color:var(--muted);font-size:14px}
.shortlist{border-color:#5a4b22;background:linear-gradient(165deg,#25211a,#171a17)}
.shortlist ol{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.shortlist li{display:grid;grid-template-columns:62px 1fr;gap:10px;align-items:baseline;font-size:15px;color:#d6e8bd}
.shortlist li a{font:700 14px 'Space Grotesk',sans-serif}
.shortlist .fine{margin:12px 0 0;font-size:13px;color:var(--muted)}
/* toolbar */
.qa-tools{position:sticky;top:41px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:30px -6px 0;padding:12px 6px;background:rgba(16,19,18,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:7px 14px;border-radius:20px;font-size:14px;font-weight:600;background:#1a1e1c;color:var(--muted)}
.chip[aria-pressed=true]{background:var(--green);color:var(--green-ink);border-color:var(--green)}
.chip .ct{margin-left:6px;opacity:.75;font-weight:500}
.jump{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px}
.jump a{color:var(--muted)}.jump a:hover{color:var(--text)}
.qa-empty{margin:24px 0;color:var(--muted)}
/* groups + cards */
.qa-group{margin-top:40px;scroll-margin-top:130px}
.qa-group>h2{display:flex;align-items:baseline;gap:12px;font-size:clamp(22px,3vw,28px);letter-spacing:-.8px;margin:0 0 14px}
.qa-group>h2 .g-n{font:700 13px 'Space Grotesk',sans-serif;letter-spacing:2px;color:var(--green)}
.qa-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.q{position:relative;padding:20px 22px 20px 74px;background:var(--panel);border:1px solid var(--border);border-radius:18px;scroll-margin-top:130px}
.q.top{border-color:#5a4b22}
.q-num{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#262f22;border:1px solid #465637;color:var(--green);font:700 15px 'Space Grotesk',sans-serif}
.q-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}
.q-head h3{font-size:18px;line-height:1.3;margin:0}
.q p{margin:0 0 10px;color:#d6e8bd;font-size:15.5px;line-height:1.55}
.q p:last-child{margin-bottom:0}
.q ul{margin:0 0 10px;padding-left:20px;color:#d6e8bd;font-size:15px}
.q li{margin:3px 0}
.flag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:6px;background:#e9d9a8;color:#2b2614;font:700 11px/1.5 'Space Grotesk',sans-serif;letter-spacing:.8px;text-transform:uppercase;vertical-align:2px}
.rec,.law,.est{margin:12px 0 0;padding:12px 14px;border-radius:0 12px 12px 0;font-size:15px;line-height:1.5}
.rec{border-left:3px solid #e9d9a8;background:#1f1d16;color:#ece3c4}
.law{border-left:3px solid var(--err);background:#211817;color:#ecd2cc}
.est{border-left:3px solid var(--green);background:#161c17;color:#d6e8bd}
.rec>b:first-child,.law>b:first-child,.est>b:first-child{display:block;margin-bottom:2px;font:700 12px 'Space Grotesk',sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.rec>b:first-child{color:#e9d9a8}.law>b:first-child{color:var(--err)}.est>b:first-child{color:var(--green)}
.q-see{font-size:14px}
@media(max-width:780px){
 .qa-summary{grid-template-columns:1fr}
 .qa-tools{top:37px;margin:24px -16px 0;padding:10px 16px}
 .jump{display:none}
 .q{padding:16px}
 .q-num{position:static;width:34px;height:34px;font-size:14px;margin-bottom:10px}
 .q-head{flex-direction:column;gap:8px}
 .q-head h3{font-size:17px}
}
@media print{
 .qa-tools{display:none!important}
 .q,.shortlist{background:#fff!important;color:#111;border-color:#bbb!important;break-inside:avoid}
 .q p,.q ul,.rec,.law,.est{color:#111!important;background:#fff!important}
}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
