
.brief-fig {
  --primary: #003A70; --primary-2: #002A52; --accent: #0073CF; --accent-2: #005FAB;
  --warn: #C45A00; --warn-2: #FFF6E5;
  --ink: #1A1A1A; --ink-2: #333333; --ink-3: #666666; --ink-4: #8A8A8A;
  --rule: #D9D9D9; --rule-2: #ECECEC; --light: #F2F2F2;
  --paper: #FAFAF7; --paper-2: #F4F2EC; --paper-3: #ECEAE3; --white: #FFFFFF;
  --serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --sans:  'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono:  'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --rad: 2px; --rad-lg: 3px;
}
.brief-fig * { box-sizing: border-box; }
.brief-fig,.brief-fig{ margin: 0; padding: 0; }
.brief-fig{
  font-family: var(--sans); font-size: 14px; line-height: 1.5; color: var(--ink); background: var(--paper);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  font-feature-settings: 'ss01', 'cv11';
}
.brief-fig a { color: var(--primary); text-decoration: none; }
.brief-fig a:hover { text-decoration: underline; text-underline-offset: 3px; }
.brief-fig code { font-family: var(--mono); font-size: 12px; color: var(--accent); background: transparent; padding: 0; }
.brief-fig em { font-style: italic; color: inherit; }

.brief-fig .report-body { background: var(--paper); min-height: 100vh; }

/* Sticky top bar */
.brief-fig .report-bar { position: sticky; top: 0; z-index: 30; background: rgba(250, 250, 247, 0.92); backdrop-filter: saturate(140%) blur(10px); border-bottom: 1px solid var(--rule); }
.brief-fig .report-bar-inner { max-width: 1080px; margin: 0 auto; padding: 14px 56px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.brief-fig .report-bar-brand { font-family: var(--serif); font-size: 17px; letter-spacing: -0.01em; }
.brief-fig .report-bar-brand small { display: block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); margin-top: 2px; }
.brief-fig .report-bar-nav { display: flex; gap: 22px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-4); }
.brief-fig .report-bar-nav a { color: var(--ink-4); cursor: pointer; padding-bottom: 6px; border-bottom: 1.5px solid transparent; transition: color .15s, border-color .15s; }
.brief-fig .report-bar-nav a:hover { color: var(--ink); text-decoration: none; }
.brief-fig .report-bar-nav a.is-active { color: var(--ink); border-bottom-color: var(--primary); }
.brief-fig .report-bar-actions { display: flex; gap: 8px; justify-content: flex-end; }

/* Stage */
.brief-fig .report-stage { max-width: 1080px; margin: 0 auto; padding: 56px 56px 80px; }

/* Cover */
.brief-fig .cover { padding: 88px 0 72px; border-bottom: 2px solid var(--ink); }
.brief-fig .cover-eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 16px; }
.brief-fig .cover-h { font-family: var(--serif); font-size: 64px; line-height: 1.05; letter-spacing: -0.018em; color: var(--ink); font-weight: 400; margin: 0 0 24px; max-width: 18ch; }
.brief-fig .cover-deck { font-family: var(--serif); font-size: 22px; line-height: 1.4; color: var(--ink-2); font-weight: 400; max-width: 48ch; margin: 0; }
.brief-fig .cover-meta { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--rule); }
.brief-fig .cover-meta-cell .k { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); display: block; margin-bottom: 6px; }
.brief-fig .cover-meta-cell .v { font-family: var(--serif); font-size: 18px; color: var(--ink); }

/* Section header — style B (inline numeral) */
.brief-fig .sh { margin-top: 96px; margin-bottom: 40px; max-width: 720px; }
.brief-fig .sh-meta { margin-bottom: 14px; }
.brief-fig .sh-eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); font-weight: 500; }
.brief-fig .sh-title { font-family: var(--serif); font-size: 44px; line-height: 1.05; letter-spacing: -0.018em; color: var(--ink); font-weight: 400; margin: 0; text-wrap: pretty; }
.brief-fig .sh-title::before { content: attr(data-num) "."; font-family: var(--serif); font-feature-settings: "lnum"; font-size: 44px; font-weight: 400; color: var(--accent); margin-right: 14px; letter-spacing: -0.02em; }
.brief-fig .sh-deck { font-family: var(--serif); font-size: 17px; line-height: 1.5; color: var(--ink-2); margin: 16px 0 0; max-width: 60ch; text-wrap: pretty; }

/* Page 01 — three Tier-1 findings */
.brief-fig .finding-stack { margin-top: 8px; border-top: 1px solid var(--ink); }
.brief-fig .finding-row { display: grid; grid-template-columns: 220px 1fr; gap: 40px; padding: 36px 0 32px; border-bottom: 1px solid var(--rule); align-items: start; }
.brief-fig .finding-stat { font-family: var(--serif); font-size: 88px; line-height: 0.95; letter-spacing: -0.04em; color: var(--primary); font-feature-settings: "lnum"; }
.brief-fig .finding-body { padding-top: 8px; }
.brief-fig .finding-label { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 10px; }
.brief-fig .finding-text { font-family: var(--serif); font-size: 19px; line-height: 1.45; color: var(--ink); margin: 0 0 16px; max-width: 60ch; text-wrap: pretty; }
.brief-fig .finding-cite { display: flex; align-items: baseline; gap: 12px; padding: 10px 0; border-top: 1px dashed var(--rule); margin-top: 12px; }
.brief-fig .finding-cite .cite-k { font-family: var(--mono); font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-4); flex-shrink: 0; }
.brief-fig .finding-cite code { font-family: var(--mono); font-size: 11px; color: var(--ink-2); }
.brief-fig .finding-ref { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-top: 6px; }

/* Source ownership — interactive segment + quotes panel (mirrors hifi/report.css §"Source ownership: interactive segment + quotes panel") */
.brief-fig .stack-seg { transition: opacity 160ms ease, filter 160ms ease; }
.brief-fig .stack-seg.is-dim { opacity: 0.35; }
.brief-fig .stack-seg.is-active { filter: brightness(1.05); box-shadow: inset 0 0 0 2px var(--ink); }
.brief-fig .stack-legend-row { transition: background 160ms ease; padding: 8px; margin: -8px; border-radius: 2px; }
.brief-fig .stack-legend-row.is-clickable { cursor: pointer; user-select: none; }
.brief-fig .stack-legend-row.is-disabled { opacity: 0.5; cursor: default; }
.brief-fig .quotes-hint { margin-top: 24px; padding: 16px 20px; border: 1px solid var(--primary); border-left: 4px solid var(--primary); background: rgba(0, 58, 112, 0.07); font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; color: var(--primary); text-transform: uppercase; }
.brief-fig .quotes-hint::before { content: "↳ "; font-weight: 600; margin-right: 4px; }
.brief-fig .quotes-panel { margin-top: 28px; border-top: 2px solid var(--ink); padding-top: 24px; display: none; }
.brief-fig .quotes-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 18px; }
.brief-fig .quotes-eyebrow { font-family: var(--mono); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--primary); margin-bottom: 6px; }
.brief-fig .quotes-sub { font-family: var(--serif); font-size: 14px; color: var(--ink-2); max-width: 70ch; }
.brief-fig .quotes-sub code { font-family: var(--mono); font-size: 12px; color: var(--ink-3); }
.brief-fig .quotes-close { background: none; border: 1px solid var(--rule); width: 28px; height: 28px; font-size: 18px; line-height: 1; cursor: pointer; color: var(--ink-3); flex-shrink: 0; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.brief-fig .quotes-close:hover { color: var(--ink); border-color: var(--ink); }
.brief-fig .quotes-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); }
.brief-fig .quote-row { background: var(--white); padding: 18px 18px 16px; display: flex; flex-direction: column; gap: 10px; }
/* Brand-owned panel ("SEO surface") — paper-3 tinted background + amber-style accent badge to signal "your own pages, not third-party GEO". */
.brief-fig .quotes-panel[data-class="brand_owned"] .quote-row { background: var(--paper-2); border-left: 3px solid var(--accent); }
.brief-fig .quotes-panel[data-class="brand_owned"] .quotes-eyebrow::after { content: " · SEO surface (your own pages)"; color: var(--ink-3); font-weight: 400; }
.brief-fig .quotes-panel[data-class="brand_owned"] .quotes-sub { color: var(--ink-3); }
.brief-fig .quotes-panel[data-class="brand_owned"] .quotes-sub::before { content: "Your own marketing copy that AI paraphrases — informative for SEO/site optimisation; distinct from third-party GEO signal. "; color: var(--ink-2); }
.brief-fig .quote-meta { display: flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; flex-wrap: wrap; }
.brief-fig .quote-src { color: var(--ink); font-weight: 500; }
.brief-fig .quote-dot { color: var(--ink-4); }
.brief-fig .quote-surface { color: var(--accent); }
.brief-fig .quote-about { color: var(--ink-3); }
.brief-fig .quote-about.is-target { color: var(--accent); font-weight: 600; }
.brief-fig .quote-text { margin: 0; font-family: var(--serif); font-size: 15px; line-height: 1.45; color: var(--ink); text-wrap: pretty; }
.brief-fig .quote-url { font-family: var(--mono); font-size: 10px; color: var(--ink-4); word-break: break-all; margin-top: auto; padding-top: 4px; border-top: 1px dashed var(--rule); text-decoration: none; }
.brief-fig .quote-url:hover { color: var(--accent); text-decoration: underline; }
.brief-fig .quotes-foot { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-4); margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--rule); }
@media (max-width: 1100px) { .brief-fig .quotes-list { grid-template-columns: 1fr; } }

/* Class: other */
.brief-fig #src-cls-other:checked ~ .chart-card .stack-bar .stack-seg[data-class="other"] { filter: brightness(1.05); box-shadow: inset 0 0 0 2px var(--ink); opacity: 1; }
.brief-fig #src-cls-other:checked ~ .chart-card .stack-bar .stack-seg:not([data-class="other"]) { opacity: 0.35; }
.brief-fig #src-cls-other:checked ~ .chart-card .stack-legend label[for="src-cls-other"] { background: var(--rule-2); }
.brief-fig #src-cls-other:checked ~ .quotes-panel[data-class="other"] { display: block; }
.brief-fig #src-cls-other:checked ~ .quotes-hint { display: none; }

/* Class: affiliate */
.brief-fig #src-cls-affiliate:checked ~ .chart-card .stack-bar .stack-seg[data-class="affiliate"] { filter: brightness(1.05); box-shadow: inset 0 0 0 2px var(--ink); opacity: 1; }
.brief-fig #src-cls-affiliate:checked ~ .chart-card .stack-bar .stack-seg:not([data-class="affiliate"]) { opacity: 0.35; }
.brief-fig #src-cls-affiliate:checked ~ .chart-card .stack-legend label[for="src-cls-affiliate"] { background: var(--rule-2); }
.brief-fig #src-cls-affiliate:checked ~ .quotes-panel[data-class="affiliate"] { display: block; }
.brief-fig #src-cls-affiliate:checked ~ .quotes-hint { display: none; }

/* Class: ugc */
.brief-fig #src-cls-ugc:checked ~ .chart-card .stack-bar .stack-seg[data-class="ugc"] { filter: brightness(1.05); box-shadow: inset 0 0 0 2px var(--ink); opacity: 1; }
.brief-fig #src-cls-ugc:checked ~ .chart-card .stack-bar .stack-seg:not([data-class="ugc"]) { opacity: 0.35; }
.brief-fig #src-cls-ugc:checked ~ .chart-card .stack-legend label[for="src-cls-ugc"] { background: var(--rule-2); }
.brief-fig #src-cls-ugc:checked ~ .quotes-panel[data-class="ugc"] { display: block; }
.brief-fig #src-cls-ugc:checked ~ .quotes-hint { display: none; }

/* Class: publisher */
.brief-fig #src-cls-publisher:checked ~ .chart-card .stack-bar .stack-seg[data-class="publisher"] { filter: brightness(1.05); box-shadow: inset 0 0 0 2px var(--ink); opacity: 1; }
.brief-fig #src-cls-publisher:checked ~ .chart-card .stack-bar .stack-seg:not([data-class="publisher"]) { opacity: 0.35; }
.brief-fig #src-cls-publisher:checked ~ .chart-card .stack-legend label[for="src-cls-publisher"] { background: var(--rule-2); }
.brief-fig #src-cls-publisher:checked ~ .quotes-panel[data-class="publisher"] { display: block; }
.brief-fig #src-cls-publisher:checked ~ .quotes-hint { display: none; }

/* Class: retailer */
.brief-fig #src-cls-retailer:checked ~ .chart-card .stack-bar .stack-seg[data-class="retailer"] { filter: brightness(1.05); box-shadow: inset 0 0 0 2px var(--ink); opacity: 1; }
.brief-fig #src-cls-retailer:checked ~ .chart-card .stack-bar .stack-seg:not([data-class="retailer"]) { opacity: 0.35; }
.brief-fig #src-cls-retailer:checked ~ .chart-card .stack-legend label[for="src-cls-retailer"] { background: var(--rule-2); }
.brief-fig #src-cls-retailer:checked ~ .quotes-panel[data-class="retailer"] { display: block; }
.brief-fig #src-cls-retailer:checked ~ .quotes-hint { display: none; }

@media print {
  .brief-fig .quotes-panel { display: block !important; page-break-inside: avoid; margin-bottom: 24px; border-top-color: var(--rule); }
  .brief-fig .quotes-hint { display: none; }
  .brief-fig .quotes-close { display: none; }
}

/* Buyer-question mix — shared 3-category click-to-show panel (Section 8) */
.brief-fig .qmix-bars { display: flex; flex-direction: column; gap: 10px; margin: 8px 0 18px; }
.brief-fig .qmix-bar-row { display: grid; grid-template-columns: 110px 1fr; gap: 14px; align-items: stretch; }
.brief-fig .qmix-bar-label { font-family: var(--serif); font-size: 13px; color: var(--ink); display: flex; flex-direction: column; justify-content: center; padding-right: 4px; line-height: 1.2; }
.brief-fig .qmix-bar-label .qmix-bar-n { font-family: var(--mono); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-4); margin-top: 4px; }
.brief-fig .qmix-stack { min-height: 36px; }
.brief-fig .qmix-seg { display: flex; align-items: center; justify-content: center; transition: opacity 160ms ease, filter 160ms ease, box-shadow 160ms ease; }
.brief-fig .qmix-seg:hover { filter: brightness(1.04); }

.brief-fig #qmix-paa-target:checked ~ .chart-card .qmix-seg[data-cat="paa-target"] { box-shadow: inset 0 0 0 2px var(--ink); filter: brightness(1.05); }
.brief-fig #qmix-paa-target:checked ~ .chart-card .qmix-seg:not([data-cat="paa-target"]) { opacity: 0.35; }
.brief-fig #qmix-paa-target:checked ~ .quotes-panel[data-class="paa-target"] { display: block; }
.brief-fig #qmix-paa-target:checked ~ .quotes-hint { display: none; }

.brief-fig #qmix-paa-peer:checked ~ .chart-card .qmix-seg[data-cat="paa-peer"] { box-shadow: inset 0 0 0 2px var(--ink); filter: brightness(1.05); }
.brief-fig #qmix-paa-peer:checked ~ .chart-card .qmix-seg:not([data-cat="paa-peer"]) { opacity: 0.35; }
.brief-fig #qmix-paa-peer:checked ~ .quotes-panel[data-class="paa-peer"] { display: block; }
.brief-fig #qmix-paa-peer:checked ~ .quotes-hint { display: none; }

.brief-fig #qmix-paa-cat:checked ~ .chart-card .qmix-seg[data-cat="paa-cat"] { box-shadow: inset 0 0 0 2px var(--ink); filter: brightness(1.05); }
.brief-fig #qmix-paa-cat:checked ~ .chart-card .qmix-seg:not([data-cat="paa-cat"]) { opacity: 0.35; }
.brief-fig #qmix-paa-cat:checked ~ .quotes-panel[data-class="paa-cat"] { display: block; }
.brief-fig #qmix-paa-cat:checked ~ .quotes-hint { display: none; }

.brief-fig #qmix-rs-target:checked ~ .chart-card .qmix-seg[data-cat="rs-target"] { box-shadow: inset 0 0 0 2px var(--ink); filter: brightness(1.05); }
.brief-fig #qmix-rs-target:checked ~ .chart-card .qmix-seg:not([data-cat="rs-target"]) { opacity: 0.35; }
.brief-fig #qmix-rs-target:checked ~ .quotes-panel[data-class="rs-target"] { display: block; }
.brief-fig #qmix-rs-target:checked ~ .quotes-hint { display: none; }

.brief-fig #qmix-rs-peer:checked ~ .chart-card .qmix-seg[data-cat="rs-peer"] { box-shadow: inset 0 0 0 2px var(--ink); filter: brightness(1.05); }
.brief-fig #qmix-rs-peer:checked ~ .chart-card .qmix-seg:not([data-cat="rs-peer"]) { opacity: 0.35; }
.brief-fig #qmix-rs-peer:checked ~ .quotes-panel[data-class="rs-peer"] { display: block; }
.brief-fig #qmix-rs-peer:checked ~ .quotes-hint { display: none; }

.brief-fig #qmix-rs-cat:checked ~ .chart-card .qmix-seg[data-cat="rs-cat"] { box-shadow: inset 0 0 0 2px var(--ink); filter: brightness(1.05); }
.brief-fig #qmix-rs-cat:checked ~ .chart-card .qmix-seg:not([data-cat="rs-cat"]) { opacity: 0.35; }
.brief-fig #qmix-rs-cat:checked ~ .quotes-panel[data-class="rs-cat"] { display: block; }
.brief-fig #qmix-rs-cat:checked ~ .quotes-hint { display: none; }

@media print { .brief-fig #questions .quotes-panel { display: block !important; page-break-inside: avoid; margin-bottom: 24px; } .brief-fig #questions .quotes-hint { display: none; } }

/* Source ownership — brand tabs (mirror of .cdj-tabs) */
.brief-fig .src-tabs { display: flex; gap: 0; padding: 0; align-items: stretch; flex-wrap: wrap; }
.brief-fig .src-tab { display: inline-flex; align-items: center; padding: 8px 14px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); background: var(--paper); border: 1px solid var(--rule); border-right: none; cursor: pointer; user-select: none; transition: background 0.12s ease, color 0.12s ease; }
.brief-fig .src-tab:last-of-type { border-right: 1px solid var(--rule); }
.brief-fig .src-tab:hover { background: var(--paper-2); color: var(--ink); }
.brief-fig .src-tab.is-target { font-weight: 600; }
.brief-fig .src-brand-panel { display: none; }
.brief-fig .src-peer-note { display: none; margin-top: 24px; padding: 14px 18px; border: 1px solid var(--rule); background: var(--paper); font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); }

.brief-fig #src-brand-scotts:checked ~ .chart-card .src-brand-panel[data-brand="scotts"] { display: block; }
.brief-fig #src-brand-scotts:checked ~ .chart-card .src-tabs label[for="src-brand-scotts"] { background: var(--ink); color: var(--white); border-color: var(--ink); }


.brief-fig #src-brand-espoma:checked ~ .chart-card .src-brand-panel[data-brand="espoma"] { display: block; }
.brief-fig #src-brand-espoma:checked ~ .chart-card .src-tabs label[for="src-brand-espoma"] { background: var(--ink); color: var(--white); border-color: var(--ink); }

/* Peer tab selected — hide quote panels and the hint, show the peer-note instead.
   !important required because the per-class :checked + [data-class] rule has
   higher specificity than this brand-level rule and would otherwise win. */
.brief-fig #src-brand-espoma:checked ~ .quotes-hint { display: none !important; }
.brief-fig #src-brand-espoma:checked ~ .quotes-panel { display: none !important; }
.brief-fig #src-brand-espoma:checked ~ .src-peer-note { display: block; }


.brief-fig #src-brand-milorganite:checked ~ .chart-card .src-brand-panel[data-brand="milorganite"] { display: block; }
.brief-fig #src-brand-milorganite:checked ~ .chart-card .src-tabs label[for="src-brand-milorganite"] { background: var(--ink); color: var(--white); border-color: var(--ink); }

/* Peer tab selected — hide quote panels and the hint, show the peer-note instead.
   !important required because the per-class :checked + [data-class] rule has
   higher specificity than this brand-level rule and would otherwise win. */
.brief-fig #src-brand-milorganite:checked ~ .quotes-hint { display: none !important; }
.brief-fig #src-brand-milorganite:checked ~ .quotes-panel { display: none !important; }
.brief-fig #src-brand-milorganite:checked ~ .src-peer-note { display: block; }


.brief-fig #src-brand-sunday:checked ~ .chart-card .src-brand-panel[data-brand="sunday"] { display: block; }
.brief-fig #src-brand-sunday:checked ~ .chart-card .src-tabs label[for="src-brand-sunday"] { background: var(--ink); color: var(--white); border-color: var(--ink); }

/* Peer tab selected — hide quote panels and the hint, show the peer-note instead.
   !important required because the per-class :checked + [data-class] rule has
   higher specificity than this brand-level rule and would otherwise win. */
.brief-fig #src-brand-sunday:checked ~ .quotes-hint { display: none !important; }
.brief-fig #src-brand-sunday:checked ~ .quotes-panel { display: none !important; }
.brief-fig #src-brand-sunday:checked ~ .src-peer-note { display: block; }


@media print { .brief-fig .src-brand-panel { display: block !important; page-break-inside: avoid; margin-bottom: 24px; } .brief-fig .src-tabs { display: none; } .brief-fig .src-peer-note { display: none; } }

/* CDJ heatmap — brand tabs */
.brief-fig .cdj-tabs { display: flex; gap: 0; margin-bottom: 0; padding: 0; align-items: stretch; flex-wrap: wrap; }
.brief-fig .cdj-tab { display: inline-flex; align-items: center; padding: 8px 14px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); background: var(--paper); border: 1px solid var(--rule); border-right: none; cursor: pointer; user-select: none; transition: background 0.12s ease, color 0.12s ease; }
.brief-fig .cdj-tab:last-of-type { border-right: 1px solid var(--rule); }
.brief-fig .cdj-tab:hover { background: var(--paper-2); color: var(--ink); }
.brief-fig .cdj-tab.is-target { font-weight: 600; }
.brief-fig .cdj-panel { display: none; }

.brief-fig #cdj-tab-scotts:checked ~ .chart-card .cdj-panel[data-brand="scotts"] { display: block; }
.brief-fig #cdj-tab-scotts:checked ~ .chart-card .cdj-tabs label[for="cdj-tab-scotts"] { background: var(--ink); color: var(--white); border-color: var(--ink); }

.brief-fig #cdj-tab-espoma:checked ~ .chart-card .cdj-panel[data-brand="espoma"] { display: block; }
.brief-fig #cdj-tab-espoma:checked ~ .chart-card .cdj-tabs label[for="cdj-tab-espoma"] { background: var(--ink); color: var(--white); border-color: var(--ink); }

.brief-fig #cdj-tab-milorganite:checked ~ .chart-card .cdj-panel[data-brand="milorganite"] { display: block; }
.brief-fig #cdj-tab-milorganite:checked ~ .chart-card .cdj-tabs label[for="cdj-tab-milorganite"] { background: var(--ink); color: var(--white); border-color: var(--ink); }

.brief-fig #cdj-tab-sunday:checked ~ .chart-card .cdj-panel[data-brand="sunday"] { display: block; }
.brief-fig #cdj-tab-sunday:checked ~ .chart-card .cdj-tabs label[for="cdj-tab-sunday"] { background: var(--ink); color: var(--white); border-color: var(--ink); }

@media print { .brief-fig .cdj-panel { display: block !important; page-break-inside: avoid; margin-bottom: 24px; } .brief-fig .cdj-tabs { display: none; } }

/* Methodology / prompts recap */
.brief-fig .method-grid { margin-top: 18px; border-top: 1px solid var(--ink); }
.brief-fig .method-row { display: grid; grid-template-columns: 220px 110px 1fr; gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--rule); align-items: baseline; }
.brief-fig .method-count { white-space: nowrap; }
.brief-fig .method-stage { font-family: var(--serif); font-size: 18px; color: var(--ink); }
.brief-fig .method-count { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); }
.brief-fig .method-sample { font-family: var(--serif); font-size: 14px; color: var(--ink-2); font-style: italic; line-height: 1.4; max-width: 64ch; }
.brief-fig .method-toggle { display: inline-block; margin-top: 18px; padding: 10px 16px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); background: var(--paper); border: 1px solid var(--rule); cursor: pointer; user-select: none; }
.brief-fig .method-toggle:hover { background: var(--paper-2); }
.brief-fig .method-full { display: none; margin-top: 18px; }
.brief-fig #method-expand:checked ~ .method-full { display: block; }
.brief-fig #method-expand:checked ~ .method-toggle .method-toggle-show { display: none; }
.brief-fig .method-toggle-hide { display: none; }
.brief-fig #method-expand:checked ~ .method-toggle .method-toggle-hide { display: inline; }
.brief-fig .method-full ol { margin: 0; padding-left: 22px; font-family: var(--serif); font-size: 14px; color: var(--ink-2); line-height: 1.55; }
.brief-fig .method-full ol li { margin-bottom: 4px; }
.brief-fig .method-stage-block { padding: 14px 0; border-bottom: 1px solid var(--rule); }
.brief-fig .method-stage-block h5 { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 8px; }
.brief-fig .method-peers { font-family: var(--serif); font-size: 14px; color: var(--ink-2); margin: 12px 0 0; }
@media print { .brief-fig .method-full { display: block !important; } .brief-fig .method-toggle { display: none; } }

/* Visibility split — bignum + chart card (LEGACY — page restructure uses .vi-stack instead) */
.brief-fig .vis-split { display: grid; grid-template-columns: 0.9fr 1.4fr; gap: 48px; align-items: stretch; padding: 36px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.brief-fig .vi-stack { display: block; margin-top: 18px; }
.brief-fig .vi-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: end; padding: 28px 0 36px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--rule); }
.brief-fig .vi-hero-num { font-family: var(--serif); font-size: 156px; line-height: 0.9; font-weight: 400; color: var(--ink); letter-spacing: -0.025em; font-feature-settings: "lnum"; }
.brief-fig .vi-hero-num small { font-size: 36px; color: var(--ink-3); margin-left: 6px; letter-spacing: -0.01em; }
.brief-fig .vi-hero-meta { padding-bottom: 24px; }
.brief-fig .vi-hero-meta .delta { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }
.brief-fig .vi-hero-meta .scale-anchor { font-family: var(--serif); font-size: 16px; color: var(--ink-2); line-height: 1.5; max-width: 36ch; text-wrap: pretty; }
.brief-fig .vi-hero-meta .scale-anchor strong { color: var(--ink); font-weight: 600; }
.brief-fig .vi-scale-bar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin-top: 14px; }
.brief-fig .vi-scale-cell { background: var(--paper); padding: 10px 8px; text-align: center; }
.brief-fig .vi-scale-cell-range { font-family: var(--mono); font-size: 9px; letter-spacing: 0.12em; color: var(--ink-3); }
.brief-fig .vi-scale-cell-label { font-family: var(--serif); font-size: 12px; color: var(--ink-2); margin-top: 2px; }
.brief-fig .vi-scale-cell.is-here { background: rgba(0, 58, 112, 0.08); }
.brief-fig .vi-scale-cell.is-here .vi-scale-cell-range { color: var(--accent); font-weight: 600; }
.brief-fig .vi-scale-cell.is-here .vi-scale-cell-label { color: var(--ink); font-weight: 600; }
.brief-fig .bignum { display: flex; flex-direction: column; }
.brief-fig .bignum .k { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 12px; }
.brief-fig .bignum .v { font-family: var(--serif); font-size: 124px; line-height: 0.9; font-weight: 400; color: var(--ink); letter-spacing: -0.02em; }
.brief-fig .bignum .v small { font-size: 28px; color: var(--ink-3); margin-left: 4px; }
.brief-fig .bignum .sub { font-family: var(--serif); font-size: 18px; color: var(--ink-2); margin-top: 12px; max-width: 22ch; }
.brief-fig .bignum .delta { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); margin-top: auto; padding-top: 18px; border-top: 1px solid var(--rule); }

/* Chart card */
.brief-fig .chart-card { background: var(--white); border: 1px solid var(--rule); border-radius: var(--rad-lg); padding: 28px 32px 24px; }
.brief-fig .chart-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; border-bottom: 1px solid var(--rule); padding-bottom: 14px; margin-bottom: 18px; }
.brief-fig .chart-card-title { font-family: var(--serif); font-size: 18px; letter-spacing: -0.005em; color: var(--ink); }
.brief-fig .chart-card-sub { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-4); }
.brief-fig .chart-card svg { display: block; max-width: 100%; height: auto; }

/* Heatmap */
.brief-fig .heatmap { font-family: var(--mono); font-size: 11px; color: var(--ink-2); }
.brief-fig .heatmap > div { padding: 8px 10px; border-bottom: 1px solid var(--rule-2); border-right: 1px solid var(--rule-2); }
.brief-fig .heatmap .h-corner { border-bottom: 1px solid var(--ink); border-right: 1px solid var(--ink); background: transparent; }
.brief-fig .heatmap .h-col { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); text-align: center; border-bottom: 1px solid var(--ink); background: transparent; }
.brief-fig .heatmap .h-row { font-family: var(--serif); font-size: 14px; color: var(--ink); text-align: right; letter-spacing: -0.005em; border-right: 1px solid var(--ink); background: transparent; }
.brief-fig .heatmap .h-cell { text-align: center; font-variant-numeric: tabular-nums; font-size: 12px; font-weight: 500; position: relative; }
.brief-fig .heatmap .h-cell .pct { position: relative; z-index: 2; }

/* Stacked bar */
.brief-fig .stack-bar { height: 56px; display: flex; border: 1px solid var(--ink); font-family: var(--mono); font-size: 11px; font-weight: 500; }
.brief-fig .stack-seg { display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--paper); }
.brief-fig .stack-seg:last-child { border-right: 0; }
.brief-fig .stack-legend { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 28px; margin-top: 22px; }
.brief-fig .stack-legend-row { display: grid; grid-template-columns: 14px 1fr auto; gap: 10px; align-items: center; font-size: 13px; border-bottom: 1px solid var(--rule-2); padding-bottom: 8px; }
.brief-fig .stack-legend-row .sw { width: 14px; height: 14px; display: inline-block; }
.brief-fig .stack-legend-row .lbl { color: var(--ink); font-family: var(--serif); font-size: 14px; }
.brief-fig .stack-legend-row .ex { font-family: var(--mono); font-size: 10px; color: var(--ink-4); letter-spacing: 0.06em; text-transform: uppercase; grid-column: 2 / 4; }
.brief-fig .stack-legend-row .pct { font-family: var(--mono); font-size: 13px; color: var(--ink); font-weight: 500; }

/* Finding callout */
.brief-fig .finding { display: grid; grid-template-columns: 56px 1fr; gap: 20px; padding: 28px 32px; background: var(--paper-2); border-left: 3px solid var(--primary); margin: 36px 0; border-radius: 0 var(--rad-lg) var(--rad-lg) 0; }
.brief-fig .finding-mark { font-family: var(--serif); font-size: 56px; line-height: 0.9; color: var(--primary); font-weight: 400; }
.brief-fig .finding-h { font-family: var(--serif); font-size: 26px; line-height: 1.2; color: var(--ink); margin: 0 0 8px; letter-spacing: -0.005em; }
.brief-fig .finding-deck { font-size: 14.5px; color: var(--ink-2); margin: 0; line-height: 1.55; max-width: 72ch; }

/* Data table */
.brief-fig .data-table { width: 100%; border-collapse: collapse; font-family: var(--serif); font-size: 14px; color: var(--ink); }
.brief-fig .data-table thead th { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); font-weight: 500; text-align: left; padding: 10px 16px 10px 0; border-bottom: 1.5px solid var(--ink); }
.brief-fig .data-table thead th.num { text-align: right; padding-right: 0; }
.brief-fig .data-table tbody td { padding: 12px 16px 12px 0; border-bottom: 1px solid var(--rule-2); vertical-align: top; }
.brief-fig .data-table tbody td.num { text-align: right; font-family: var(--mono); font-size: 13px; color: var(--ink-2); padding-right: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.brief-fig .data-table tbody tr.is-us td { background: var(--paper-2); }
.brief-fig .data-table tbody tr.is-us td:first-child { box-shadow: inset 3px 0 0 0 var(--primary); padding-left: 12px; }
.brief-fig .data-table .gap.pos { color: var(--accent); }
.brief-fig .data-table .gap.neg { color: var(--warn); }
.brief-fig .data-table .gap.mid { color: var(--ink-3); }
.brief-fig .data-table code { font-family: var(--mono); font-size: 12px; color: var(--accent); }

/* Sub heading */
.brief-fig .sub-h { font-family: var(--serif); font-size: 22px; font-weight: 500; letter-spacing: -0.01em; color: var(--ink); margin: 0 0 4px; }
.brief-fig .sub-deck { font-family: var(--serif); font-size: 15px; line-height: 1.5; color: var(--ink-3); margin: 0 0 12px; max-width: 720px; }

/* PAA */
.brief-fig .paa-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 56px; margin-top: 24px; }
.brief-fig .paa-list { list-style: none; margin: 0; padding: 0; counter-reset: paa; }
.brief-fig .paa-list li { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--rule-2); counter-increment: paa; }
.brief-fig .paa-list li::before { content: counter(paa, decimal-leading-zero); font-family: var(--mono); font-size: 10px; color: var(--ink-4); letter-spacing: 0.08em; flex-shrink: 0; min-width: 28px; }
.brief-fig .paa-list .q { font-family: var(--serif); font-size: 17px; line-height: 1.4; color: var(--ink); flex: 1; }
.brief-fig .paa-list .n { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-4); white-space: nowrap; }
.brief-fig .related-list { list-style: none; margin: 0; padding: 0; }
.brief-fig .related-list li { font-family: var(--serif); font-size: 14px; line-height: 1.4; color: var(--ink-2); padding: 8px 0; border-bottom: 1px dashed var(--rule-2); }

/* Footnote */
.brief-fig .footnote { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-4); padding: 16px 0 0; margin-top: 28px; border-top: 1px solid var(--rule); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }

/* Closing */
.brief-fig .report-foot { border-top: 2px solid var(--ink); margin-top: 64px; padding: 36px 0 60px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.brief-fig .report-foot h4 { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); font-weight: 500; margin: 0 0 10px; }
.brief-fig .report-foot p { font-family: var(--serif); font-size: 15px; line-height: 1.55; color: var(--ink-2); margin: 0 0 8px; }

/* Downloads */
.brief-fig .downloads { margin-top: 24px; padding: 32px; background: var(--paper-2); border: 1px solid var(--rule); }
.brief-fig .downloads-head { display: grid; grid-template-columns: 1.6fr 1fr; gap: 32px; align-items: center; padding-bottom: 28px; border-bottom: 1px solid var(--rule); margin-bottom: 28px; }
.brief-fig .downloads-eyebrow { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 8px; }
.brief-fig .downloads-h { font-family: var(--serif); font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -0.01em; color: var(--ink); margin: 0 0 8px; max-width: 480px; }
.brief-fig .downloads-deck { font-family: var(--serif); font-size: 14px; line-height: 1.5; color: var(--ink-3); margin: 0; max-width: 480px; }
.brief-fig .download-btn { display: flex; align-items: center; gap: 14px; padding: 18px 22px; background: var(--ink); color: var(--paper); text-decoration: none; border: 0; cursor: pointer; transition: background .12s; }
.brief-fig .download-btn:hover { background: var(--primary); text-decoration: none; }
.brief-fig .dl-arrow { font-family: var(--mono); font-size: 24px; line-height: 1; color: var(--paper); flex-shrink: 0; }
.brief-fig .dl-label { display: block; font-family: var(--sans); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--paper); margin-bottom: 2px; }
.brief-fig .dl-sub { display: block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(250,250,247,0.7); }
.brief-fig .dl-table { background: var(--paper); border: 1px solid var(--rule); padding: 0 20px; }
.brief-fig .dl-table thead th { padding-left: 16px; padding-right: 16px; }
.brief-fig .dl-table tbody td { padding-left: 16px; padding-right: 16px; }
.brief-fig .dl-table tbody tr:last-child td { border-bottom: 0; }
.brief-fig .dl-table code { font-family: var(--mono); font-size: 12px; color: var(--accent); }

/* End */
.brief-fig .report-end { margin-top: 80px; padding-bottom: 80px; }
.brief-fig .end-rule { height: 4px; background: var(--ink); margin-bottom: 18px; width: 80px; }
.brief-fig .end-meta { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-4); }

/* Warning callouts (vanity-prompt + peer-invisibility) */
.brief-fig .callout-warn { padding: 16px 20px; margin: 18px 0; background: var(--warn-2); border-left: 3px solid var(--warn); border-radius: 0 var(--rad) var(--rad) 0; }
.brief-fig .callout-warn h4 { font-family: var(--serif); font-size: 16px; color: var(--warn); margin: 0 0 6px; font-weight: 500; }
.brief-fig .callout-warn p { font-family: var(--serif); font-size: 14px; color: var(--ink-2); margin: 0; line-height: 1.5; }
/* Clickable callout — same visual but acts as a toggle for an expand panel below */
.brief-fig .callout-warn-toggle { display: block; cursor: pointer; user-select: none; transition: background 0.12s ease; position: relative; }
.brief-fig .callout-warn-toggle:hover { background: rgba(165, 50, 50, 0.06); }
.brief-fig .callout-warn-toggle::after { content: "▾ click to expand"; position: absolute; top: 16px; right: 20px; font-family: var(--mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--warn); opacity: 0.7; }
.brief-fig #peers-expand:checked ~ .callout-warn-toggle::after { content: "▴ click to collapse"; }
.brief-fig .peers-expand-panel { display: none; }
.brief-fig #peers-expand:checked ~ .peers-expand-panel { display: block; }
@media print { .brief-fig .peers-expand-panel { display: block !important; } .brief-fig .callout-warn-toggle::after { display: none; } }

/* Print */
@media print {
  .brief-fig .report-bar { display: none; }
  .brief-fig{ font-size: 12px; }
  .brief-fig .report-stage { padding: 24px 32px 40px; max-width: none; }
  .brief-fig .cover { padding: 24px 0 36px; }
  .brief-fig .cover-h { font-size: 44px; }
  .brief-fig .sh { margin-top: 36px; }
  .brief-fig .sh-title { font-size: 30px; }
  .brief-fig .finding-stat { font-size: 64px; }
  .brief-fig .bignum .v { font-size: 88px; }
  .brief-fig section { page-break-inside: avoid; }
}


/* ---- next style block ---- */


      .brief-fig .geoq-grid { display: grid; grid-template-columns: 110px 1fr 1fr; grid-template-rows: 30px 1fr 1fr; gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin-top: 18px; }
      .brief-fig .geoq-grid > div { background: var(--paper); padding: 12px 14px; }
      .brief-fig .geoq-axis-h { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); display: flex; align-items: center; justify-content: center; }
      .brief-fig .geoq-axis-v { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); display: flex; align-items: center; justify-content: center; writing-mode: vertical-rl; transform: rotate(180deg); padding: 0; }
      .brief-fig .geoq-cell { cursor: pointer; transition: background 0.12s ease; min-height: 92px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; border: none; font-family: inherit; }
      .brief-fig .geoq-cell:hover { background: var(--paper-2); }
      .brief-fig .geoq-cell.is-priority { background: rgba(0, 58, 112, 0.08); }
      .brief-fig .geoq-cell.is-skip { background: var(--paper-2); opacity: 0.6; }
      .brief-fig .geoq-cell-count { font-family: var(--serif); font-size: 36px; line-height: 1; color: var(--primary); font-feature-settings: "lnum"; }
      .brief-fig .geoq-cell-label { font-family: var(--mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); }
      .brief-fig .geoq-cell-tag { font-family: var(--mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; padding: 2px 6px; border: 1px solid var(--rule); border-radius: 2px; margin-top: 2px; color: var(--ink-3); }
      .brief-fig .geoq-cell.is-priority .geoq-cell-tag { color: var(--accent); border-color: var(--accent); }
      .brief-fig .geoq-quad-list { display: none; margin-top: 16px; padding: 18px 22px; background: var(--paper-2); border: 1px solid var(--rule); border-radius: 2px; }
      /* Active cell — when checked, set the whole cell + all inner elements to readable white-on-blue */
      .brief-fig .geoq-cell.is-active,
      .brief-fig #geoq-tab-cited-positive:checked ~ .geoq-grid label[for="geoq-tab-cited-positive"],
      .brief-fig #geoq-tab-cited-negative:checked ~ .geoq-grid label[for="geoq-tab-cited-negative"],
      .brief-fig #geoq-tab-not-cited-positive:checked ~ .geoq-grid label[for="geoq-tab-not-cited-positive"],
      .brief-fig #geoq-tab-not-cited-negative:checked ~ .geoq-grid label[for="geoq-tab-not-cited-negative"] { background: var(--accent); opacity: 1; }
      .brief-fig #geoq-tab-cited-positive:checked ~ .geoq-grid label[for="geoq-tab-cited-positive"] .geoq-cell-count,
      .brief-fig #geoq-tab-cited-negative:checked ~ .geoq-grid label[for="geoq-tab-cited-negative"] .geoq-cell-count,
      .brief-fig #geoq-tab-not-cited-positive:checked ~ .geoq-grid label[for="geoq-tab-not-cited-positive"] .geoq-cell-count,
      .brief-fig #geoq-tab-not-cited-negative:checked ~ .geoq-grid label[for="geoq-tab-not-cited-negative"] .geoq-cell-count,
      .brief-fig #geoq-tab-cited-positive:checked ~ .geoq-grid label[for="geoq-tab-cited-positive"] .geoq-cell-label,
      .brief-fig #geoq-tab-cited-negative:checked ~ .geoq-grid label[for="geoq-tab-cited-negative"] .geoq-cell-label,
      .brief-fig #geoq-tab-not-cited-positive:checked ~ .geoq-grid label[for="geoq-tab-not-cited-positive"] .geoq-cell-label,
      .brief-fig #geoq-tab-not-cited-negative:checked ~ .geoq-grid label[for="geoq-tab-not-cited-negative"] .geoq-cell-label { color: var(--white); }
      .brief-fig #geoq-tab-cited-positive:checked ~ .geoq-grid label[for="geoq-tab-cited-positive"] .geoq-cell-tag,
      .brief-fig #geoq-tab-cited-negative:checked ~ .geoq-grid label[for="geoq-tab-cited-negative"] .geoq-cell-tag,
      .brief-fig #geoq-tab-not-cited-positive:checked ~ .geoq-grid label[for="geoq-tab-not-cited-positive"] .geoq-cell-tag,
      .brief-fig #geoq-tab-not-cited-negative:checked ~ .geoq-grid label[for="geoq-tab-not-cited-negative"] .geoq-cell-tag { color: var(--white); border-color: rgba(255,255,255,0.6); }
      .brief-fig #geoq-tab-cited-positive:checked ~ #geoq-list-cited-positive { display: block; }
      .brief-fig #geoq-tab-cited-negative:checked ~ #geoq-list-cited-negative { display: block; }
      .brief-fig #geoq-tab-not-cited-positive:checked ~ #geoq-list-not-cited-positive { display: block; }
      .brief-fig #geoq-tab-not-cited-negative:checked ~ #geoq-list-not-cited-negative { display: block; }
      .brief-fig .geoq-quad-list h4 { font-family: var(--serif); font-size: 16px; margin: 0 0 4px; color: var(--ink); }
      .brief-fig .geoq-quad-list .quad-deck { font-family: var(--serif); font-size: 13px; color: var(--ink-3); margin: 0 0 14px; }
      .brief-fig .geoq-quad-list ol { list-style: decimal; padding-left: 20px; margin: 0; }
      .brief-fig .geoq-quad-list li { padding: 8px 0; border-bottom: 1px solid var(--rule-2); }
      .brief-fig .geoq-quad-list li:last-child { border-bottom: 0; }
      .brief-fig .geoq-quad-list .quad-url { font-family: var(--mono); font-size: 11px; color: var(--ink); word-break: break-all; text-decoration: none; display: inline; transition: color 0.12s ease; }
      .brief-fig .geoq-quad-list .quad-url:hover { color: var(--accent); text-decoration: underline; }
      .brief-fig .geoq-quad-list .quad-url:hover .quad-url-icon { color: var(--accent); }
      .brief-fig .geoq-quad-list .quad-url-icon { display: inline-block; margin-left: 4px; color: var(--ink-3); font-size: 10px; transition: color 0.12s ease; }
      .brief-fig .geoq-quad-list .quad-meta { font-family: var(--mono); font-size: 10px; color: var(--ink-3); margin-top: 3px; }
      @media print { .brief-fig .geoq-cell { cursor: default; } .brief-fig .geoq-quad-list { display: block !important; page-break-inside: avoid; } }
    