/* ============================================================
   Veto — shared site stylesheet (single source of truth)
   Used by index.html and all /blog pages. Edit here only.
   ============================================================ */
/* === Veto tokens (brand colors/fonts + Softuq spacing/type/radius/motion scales) === */
:root{
  /* Veto brand colors */
  --ink:#0B0D12; --surface:#11151C; --surface-2:#0E1217; --elevated:#161B23;
  --border:#1D2530; --border-strong:#34404e;
  --fg:#E6E9EF; --muted:#9AA4B2; --dim:#7A8494;
  --green:#3DDC97; --green-hi:#52e6a8;
  --warn:#F4B740; --block:#FF5C5C;
  --green-muted:color-mix(in srgb, var(--green) 12%, transparent);
  --green-border:color-mix(in srgb, var(--green) 38%, transparent);
  --warn-muted:color-mix(in srgb, var(--warn) 12%, transparent);
  --warn-border:color-mix(in srgb, var(--warn) 38%, transparent);
  --block-muted:color-mix(in srgb, var(--block) 12%, transparent);
  --block-border:color-mix(in srgb, var(--block) 38%, transparent);

  /* Fonts */
  --sans:'Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;

  /* Softuq spacing — 4px grid */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
  --space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;

  /* Radius */
  --r-sm:8px;--r-md:12px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-full:999px;

  /* Fluid type scale (Inter) */
  --text-xs:clamp(.72rem, .18vw + .68rem, .8rem);
  --text-sm:clamp(.8rem, .3vw + .72rem, .9rem);
  --text-base:clamp(.95rem, .4vw + .85rem, 1.0625rem);
  --text-lg:clamp(1.0625rem, .6vw + .95rem, 1.25rem);
  --text-xl:clamp(1.2rem, 1vw + 1rem, 1.5rem);
  --text-2xl:clamp(1.45rem, 1.4vw + 1.05rem, 1.95rem);
  --text-3xl:clamp(1.85rem, 2.2vw + 1.2rem, 2.5rem);
  --text-4xl:clamp(2.3rem, 3.4vw + 1.3rem, 3.35rem);

  --lead-tight:1.05;--lead-snug:1.25;--lead-normal:1.55;
  --track-tight:-.03em;--track-normal:0;--track-wide:.08em;

  /* Motion */
  --dur-fast:150ms;--dur:250ms;--dur-slow:400ms;
  --ease:cubic-bezier(.4,0,.2,1);--ease-smooth:cubic-bezier(.16,1,.3,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);

  /* Page rhythm */
  --page-x:clamp(18px,5vw,28px);--section-y:clamp(56px,9vw,92px);--maxw:1140px;
}

/* === base === */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--fg);font-family:var(--sans);line-height:var(--lead-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
svg.ic{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
svg.brand-ic{fill:currentColor;stroke:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

    #concept-verdict{
      background:var(--ink);color:var(--fg);font-family:var(--sans);
      line-height:var(--lead-normal);
      --vd-shadow:0 40px 80px -40px color-mix(in srgb, var(--ink) 70%, transparent);
      --vd-shadow-hi:0 50px 90px -45px color-mix(in srgb, var(--ink) 80%, transparent);
      --vd-shadow-sm:0 30px 70px -40px color-mix(in srgb, var(--ink) 70%, transparent);
    }
    #concept-verdict *{box-sizing:border-box}
    #concept-verdict a{color:inherit;text-decoration:none}
    #concept-verdict code{font-family:var(--mono);font-size:.92em;color:var(--green)}

    #concept-verdict .vd-wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--page-x)}

    /* buttons */
    #concept-verdict .vd-btn{
      display:inline-flex;align-items:center;gap:var(--space-2);
      font-family:var(--mono);font-size:var(--text-sm);font-weight:500;
      padding:var(--space-3) var(--space-5);border-radius:var(--r-sm);
      border:1px solid var(--border);color:var(--fg);cursor:pointer;
      transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);
    }
    #concept-verdict .vd-btn:hover{border-color:var(--border-strong)}
    #concept-verdict .vd-btn .ic{width:15px;height:15px}
    #concept-verdict .vd-btn-green{
      background:var(--green);color:var(--ink);border-color:var(--green);font-weight:700;
    }
    #concept-verdict .vd-btn-green:hover{background:var(--green-hi);border-color:var(--green-hi)}

    /* nav */
    #concept-verdict .vd-nav{
      position:sticky;top:0;z-index:40;
      border-bottom:1px solid var(--border);
      background:color-mix(in srgb, var(--ink) 88%, transparent);
      backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    }
    #concept-verdict .vd-nav-in{
      max-width:var(--maxw);margin-inline:auto;padding:var(--space-4) var(--page-x);
      display:flex;align-items:center;gap:var(--space-6);
    }
    #concept-verdict .vd-logo{font-family:var(--mono);font-weight:700;font-size:var(--text-lg)}
    #concept-verdict .vd-logo b{color:var(--green)}
    #concept-verdict .vd-links{display:flex;gap:var(--space-6);margin-left:auto;font-size:var(--text-sm);color:var(--muted)}
    #concept-verdict .vd-links a{transition:color var(--dur-fast) var(--ease)}
    #concept-verdict .vd-links a:hover{color:var(--fg)}
    #concept-verdict .vd-nav .vd-btn-green{margin-left:var(--space-2)}

    /* hero */
    #concept-verdict .vd-hero{
      display:grid;grid-template-columns:1.02fr .98fr;gap:var(--space-12);
      align-items:center;padding-block:var(--section-y);
    }
    #concept-verdict .vd-eyebrow{
      font-family:var(--mono);font-size:var(--text-xs);color:var(--dim);
      letter-spacing:var(--track-wide);margin-bottom:var(--space-5);
    }
    #concept-verdict .vd-h1{
      font-size:var(--text-4xl);line-height:var(--lead-tight);letter-spacing:var(--track-tight);
      font-weight:800;margin-bottom:var(--space-5);text-wrap:balance;
    }
    #concept-verdict .vd-h1 .g{color:var(--green)}
    #concept-verdict .vd-sub{
      font-size:var(--text-lg);color:var(--muted);max-width:46ch;margin-bottom:var(--space-6);
    }
    #concept-verdict .vd-pills{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8)}
    #concept-verdict .vd-pill{
      font-family:var(--mono);font-size:var(--text-xs);color:var(--muted);
      border:1px solid var(--border);border-radius:var(--r-full);padding:var(--space-1) var(--space-3);
    }
    #concept-verdict .vd-ctas{display:flex;gap:var(--space-3);flex-wrap:wrap}
    /* let grid columns shrink so terminals scroll inside instead of overflowing the page */
    #concept-verdict .vd-hero>*,#concept-verdict .vd-demo>*{min-width:0}

    /* terminal */
    #concept-verdict .vd-term{
      background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
      overflow:hidden;box-shadow:var(--vd-shadow);
    }
    #concept-verdict .vd-hero-term{box-shadow:var(--vd-shadow-hi)}
    #concept-verdict .vd-term-bar{
      display:flex;align-items:center;gap:var(--space-2);
      padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);
      background:var(--surface-2);
    }
    #concept-verdict .vd-dot{width:11px;height:11px;border-radius:var(--r-full);background:var(--border-strong)}
    #concept-verdict .vd-term-name{
      margin-left:var(--space-2);font-family:var(--mono);font-size:var(--text-xs);color:var(--muted);
    }
    #concept-verdict .vd-term-body{
      padding:var(--space-5);font-family:var(--mono);font-size:var(--text-sm);line-height:1.7;
      overflow-x:auto;
    }
    #concept-verdict .vd-term-body .c{color:var(--dim)}
    #concept-verdict .vd-term-body .k{color:var(--fg)}
    #concept-verdict .vd-chip{
      display:inline-flex;align-items:center;gap:var(--space-2);
      font-family:var(--mono);font-weight:700;font-size:var(--text-xs);
      border-radius:var(--r-sm);padding:var(--space-1) var(--space-3);margin:var(--space-3) 0;
    }
    #concept-verdict .vd-chip-block{
      background:var(--block-muted);border:1px solid var(--block-border);color:var(--block);
    }
    #concept-verdict .vd-json{
      color:var(--muted);font-size:var(--text-xs);margin-top:var(--space-2);
      white-space:pre;font-family:var(--mono);
    }
    #concept-verdict .vd-json .s-block{color:var(--block)}
    #concept-verdict .vd-json .s-id{color:var(--green)}

    /* logo wall — soft panel, no divider lines */
    #concept-verdict .vd-wall{background:var(--surface-2)}
    #concept-verdict .vd-wall-in{
      max-width:var(--maxw);margin-inline:auto;padding:var(--space-5) var(--page-x);
      display:flex;align-items:center;justify-content:center;gap:var(--space-8) var(--space-10);flex-wrap:wrap;
    }
    #concept-verdict .vd-wall-label{
      font-family:var(--mono);font-size:var(--text-xs);color:var(--dim);
      letter-spacing:var(--track-wide);text-transform:uppercase;
    }
    #concept-verdict .vd-brand{
      display:inline-flex;align-items:center;gap:var(--space-2);
      font-weight:600;font-size:var(--text-sm);color:var(--dim);
      transition:color var(--dur-fast) var(--ease);
    }
    #concept-verdict .vd-brand:hover{color:var(--muted)}
    #concept-verdict .vd-brand .brand-ic{width:20px;height:20px;display:block;flex:0 0 auto}

    /* section scaffold — separated by rhythm/whitespace, not divider lines */
    #concept-verdict .vd-section{padding-block:var(--section-y)}
    #concept-verdict .vd-head{margin-bottom:var(--space-10);max-width:64ch}
    #concept-verdict .vd-kicker{
      font-family:var(--mono);font-size:var(--text-xs);color:var(--dim);
      letter-spacing:var(--track-wide);text-transform:uppercase;margin-bottom:var(--space-3);
    }
    #concept-verdict .vd-h2{
      font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--track-tight);
      line-height:var(--lead-snug);text-wrap:balance;
    }
    #concept-verdict .vd-lead{font-size:var(--text-base);color:var(--muted);max-width:60ch;margin-top:var(--space-4)}

    /* how-it-works — numbered ledger */
    #concept-verdict .vd-ledger{list-style:none;border-top:1px solid var(--border)}
    #concept-verdict .vd-row{
      display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);align-items:baseline;
      padding-block:var(--space-6);border-bottom:1px solid var(--border);
      transition:background var(--dur-fast) var(--ease);
    }
    #concept-verdict .vd-row:hover{background:color-mix(in srgb, var(--surface) 50%, transparent)}
    #concept-verdict .vd-idx{
      font-family:var(--mono);font-size:var(--text-xl);font-weight:500;color:var(--dim);
      font-variant-numeric:tabular-nums;line-height:1;
    }
    #concept-verdict .vd-row-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}
    #concept-verdict .vd-row-spec{font-size:var(--text-base);color:var(--muted);max-width:60ch}

    /* verdicts — single shared legend strip */
    #concept-verdict .vd-legend{
      display:grid;grid-template-columns:repeat(3,1fr);
      background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;
    }
    #concept-verdict .vd-legend-col{
      padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);
      border-left:1px solid var(--border);
    }
    #concept-verdict .vd-legend-col:first-child{border-left:none}
    #concept-verdict .vd-state{font-family:var(--mono);font-weight:700;font-size:var(--text-base)}
    #concept-verdict .vd-state-ok{color:var(--green)}
    #concept-verdict .vd-state-warn{color:var(--warn)}
    #concept-verdict .vd-state-block{color:var(--block)}
    #concept-verdict .vd-sql{
      font-family:var(--mono);font-size:var(--text-sm);color:var(--fg);
      display:block;word-break:break-word;line-height:var(--lead-snug);
    }
    #concept-verdict .vd-state-note{font-size:var(--text-sm);color:var(--muted)}

    /* demo — asymmetric split */
    #concept-verdict .vd-demo{
      display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--space-12);align-items:center;
    }
    #concept-verdict .vd-demo-copy .vd-btn{margin-top:var(--space-6)}

    /* why — divided claims list, typeset row marker (no card chip) */
    #concept-verdict .vd-claims{list-style:none;border-top:1px solid var(--border)}
    #concept-verdict .vd-claim{
      display:grid;grid-template-columns:auto auto 1fr;gap:var(--space-4) var(--space-6);
      align-items:center;padding-block:var(--space-6);border-bottom:1px solid var(--border);
    }
    #concept-verdict .vd-claim-ic{
      width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;color:var(--muted);
    }
    #concept-verdict .vd-claim-ic .ic{width:20px;height:20px}
    #concept-verdict .vd-claim-title{font-size:var(--text-base);font-weight:600;white-space:nowrap}
    #concept-verdict .vd-claim-spec{font-size:var(--text-sm);color:var(--muted)}

    /* faq */
    #concept-verdict .vd-faq{border-top:1px solid var(--border)}
    #concept-verdict .vd-faq details{border-bottom:1px solid var(--border)}
    #concept-verdict .vd-faq summary{
      list-style:none;cursor:pointer;padding-block:var(--space-5);
      font-weight:600;font-size:var(--text-base);
      display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;
    }
    #concept-verdict .vd-faq summary::-webkit-details-marker{display:none}
    #concept-verdict .vd-pl{
      color:var(--dim);font-family:var(--mono);font-size:var(--text-xl);font-weight:400;
      transition:transform var(--dur) var(--ease),color var(--dur-fast) var(--ease);flex:0 0 auto;
    }
    #concept-verdict .vd-faq details[open] .vd-pl{transform:rotate(45deg);color:var(--muted)}
    #concept-verdict .vd-faq details p{
      padding-bottom:var(--space-5);font-size:var(--text-sm);color:var(--muted);max-width:74ch;
    }

    /* pricing — two-tier comparison; green ONLY on Pro border + CTA */
    #concept-verdict .vd-tiers{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}
    #concept-verdict .vd-tier{
      border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-8);
      background:var(--surface-2);
    }
    #concept-verdict .vd-tier-pro{border-color:var(--green-border);background:var(--surface)}
    #concept-verdict .vd-tier-head{
      display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);
      padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--border);
    }
    #concept-verdict .vd-tier-name{font-family:var(--mono);font-weight:700;font-size:var(--text-base);color:var(--muted)}
    #concept-verdict .vd-tier-name-pro{color:var(--fg)}
    #concept-verdict .vd-tier-price{
      font-size:var(--text-2xl);font-weight:700;color:var(--fg);
      font-variant-numeric:tabular-nums;
    }
    #concept-verdict .vd-tier-per{font-size:var(--text-sm);color:var(--muted);font-weight:400}
    #concept-verdict .vd-tier-feats{list-style:none;display:grid;gap:var(--space-3)}
    #concept-verdict .vd-tier-feats li{
      position:relative;padding-left:calc(var(--space-3) + 18px);
      font-size:var(--text-sm);color:var(--muted);line-height:var(--lead-normal);
    }
    #concept-verdict .vd-tier-feats .ic{
      position:absolute;left:0;top:.2em;width:16px;height:16px;color:var(--muted);
    }
    #concept-verdict .vd-tier-pro .vd-tier-feats .ic{color:var(--green)}
    #concept-verdict .vd-tier-feats .num{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--fg)}
    #concept-verdict .vd-tier-roadmap{
      margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border);
      font-size:var(--text-xs);color:var(--dim);line-height:var(--lead-normal);
    }
    #concept-verdict .vd-tier-cta{margin-top:var(--space-5);width:100%;justify-content:center}

    /* connect band */
    #concept-verdict .vd-connect{padding-block:var(--section-y)}
    #concept-verdict .vd-connect-in{
      max-width:1000px;margin-inline:auto;padding-inline:var(--page-x);text-align:center;
    }
    #concept-verdict .vd-connect .vd-lead{margin-inline:auto;margin-bottom:var(--space-8)}
    #concept-verdict .vd-config{text-align:left;box-shadow:var(--vd-shadow-sm)}
    #concept-verdict .vd-config .vd-json{margin-top:0;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere}
    #concept-verdict .vd-seatbelt{
      margin-top:var(--space-6);font-family:var(--mono);font-size:var(--text-xs);
      color:var(--dim);letter-spacing:var(--track-wide);
    }

    /* connect — tabbed config. Native deep-link: panels have ids, tabs are anchors,
       :target shows the targeted panel (vetosql.com/#tab-key opens that tab, no JS). */
    #concept-verdict .vd-tabs{text-align:center}
    #concept-verdict .vd-tablist{
      display:inline-flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);
      margin-bottom:var(--space-5);padding:var(--space-1);
      background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);
    }
    #concept-verdict .vd-tab{
      font-family:var(--mono);font-size:var(--text-xs);color:var(--muted);cursor:pointer;
      padding:var(--space-2) var(--space-4);border-radius:var(--r-full);
      transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);
    }
    #concept-verdict .vd-tab:hover{color:var(--fg)}
    #concept-verdict .vd-panel{display:none;scroll-margin-top:96px}
    /* default (no hash): show Connect */
    #concept-verdict .vd-tabs:not(:has(.vd-panel:target)) #tab-connect{display:block}
    #concept-verdict .vd-panel:target{display:block}
    /* active tab highlight — :has() looks forward so DOM order (tabs before panels) is fine */
    #concept-verdict .vd-tabs:not(:has(.vd-panel:target)) .vd-tab[href="#tab-connect"],
    #concept-verdict .vd-tabs:has(#tab-connect:target) .vd-tab[href="#tab-connect"],
    #concept-verdict .vd-tabs:has(#tab-key:target) .vd-tab[href="#tab-key"],
    #concept-verdict .vd-tabs:has(#tab-policy:target) .vd-tab[href="#tab-policy"]{
      background:var(--green);color:var(--ink);font-weight:700;
    }
    #concept-verdict .vd-tab:focus-visible{box-shadow:0 0 0 2px var(--green-border)}
    #concept-verdict .vd-tabnote{
      margin-top:var(--space-4);font-size:var(--text-xs);color:var(--dim);text-align:center;
    }
    #concept-verdict .vd-tabnote .num{font-family:var(--mono);color:var(--muted)}

    /* key tab: paste note + per-client blocks + two-step verify */
    #concept-verdict .vd-keynote{
      display:block;font-size:var(--text-sm);color:var(--muted);text-align:center;
      margin-bottom:var(--space-3);
    }
    #concept-verdict .vd-keynote strong{color:var(--fg);font-weight:600}
    #concept-verdict .vd-keynote code{color:var(--green)}
    /* key input — fills the snippets live (stays client-side) */
    #concept-verdict .vd-key-input{
      display:block;width:100%;max-width:600px;font-family:var(--mono);font-size:var(--text-sm);color:var(--fg);
      background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);
      padding:var(--space-3) var(--space-4);margin:0 auto var(--space-2);outline:none;
      transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);
    }
    #concept-verdict .vd-key-input::placeholder{color:var(--dim)}
    #concept-verdict .vd-key-input:focus{border-color:var(--green);box-shadow:0 0 0 2px var(--green-border)}
    #concept-verdict .vd-key-input.is-valid{border-color:var(--green)}
    #concept-verdict .vd-key-input.is-invalid{border-color:var(--block);box-shadow:0 0 0 2px var(--block-border)}
    #concept-verdict .vd-key-priv{
      font-size:var(--text-xs);color:var(--dim);text-align:center;
      margin:var(--space-2) 0 var(--space-5);
    }
    #concept-verdict .vd-key-priv code{color:var(--muted)}
    #concept-verdict .vd-keyslot{color:var(--green);word-break:break-all}
    /* copy button in the terminal bar */
    #concept-verdict .vd-copy{
      margin-left:auto;font-family:var(--mono);font-size:var(--text-xs);color:var(--muted);
      background:transparent;border:1px solid var(--border);border-radius:var(--r-sm);
      padding:2px var(--space-3);cursor:pointer;
      transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);
    }
    #concept-verdict .vd-copy:hover{color:var(--fg);border-color:var(--border-strong)}
    #concept-verdict .vd-copy.is-copied{color:var(--green);border-color:var(--green-border)}
    /* two client snippets side-by-side on desktop, stacked on narrow screens */
    #concept-verdict .vd-configs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
    #concept-verdict .vd-verify{
      list-style:none;counter-reset:vd-v;text-align:left;
      margin-top:var(--space-5);display:grid;gap:var(--space-3);
    }
    #concept-verdict .vd-verify li{
      counter-increment:vd-v;position:relative;padding-left:calc(var(--space-6) + var(--space-1));
      font-size:var(--text-sm);color:var(--muted);line-height:var(--lead-normal);
    }
    #concept-verdict .vd-verify li::before{
      content:counter(vd-v);position:absolute;left:0;top:0;
      width:22px;height:22px;display:grid;place-items:center;
      font-family:var(--mono);font-size:var(--text-xs);font-weight:700;
      color:var(--green);background:var(--green-muted);border-radius:var(--r-full);
    }
    #concept-verdict .vd-verify strong{color:var(--fg);font-weight:600}
    #concept-verdict .vd-verify-dim{color:var(--dim)}

    /* emphasized pricing feature (Pro lead) */
    #concept-verdict .vd-tier-feats strong{color:var(--fg);font-weight:700}

    /* footer */
    #concept-verdict .vd-footer{padding-block:var(--space-10)}
    #concept-verdict .vd-footer-in{
      max-width:var(--maxw);margin-inline:auto;padding-inline:var(--page-x);
      display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);
      justify-content:space-between;align-items:center;
      font-family:var(--mono);font-size:var(--text-xs);color:var(--muted);
    }
    #concept-verdict .vd-foot-brand b{color:var(--green)}
    #concept-verdict .vd-foot-tag{color:var(--dim)}
    #concept-verdict .vd-foot-link{
      color:var(--fg);display:inline-flex;align-items:center;gap:var(--space-1);
    }
    #concept-verdict .vd-foot-link .ic{width:13px;height:13px}
    #concept-verdict .vd-foot-meta{color:var(--dim)}

    /* entrance motion */
    #concept-verdict .vd-section,
    #concept-verdict .vd-hero{
      animation:vd-rise var(--dur) var(--ease-smooth) both;
    }
    @keyframes vd-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

    /* responsive */
    @media (max-width:860px){
      #concept-verdict .vd-hero,
      #concept-verdict .vd-demo{grid-template-columns:1fr;gap:var(--space-8)}
      #concept-verdict .vd-tiers{grid-template-columns:1fr}
      #concept-verdict .vd-links{display:none}
      #concept-verdict .vd-nav .vd-btn-green{margin-left:auto}   /* CTA to the right when links are hidden */
    }
    @media (max-width:720px){
      #concept-verdict .vd-configs{grid-template-columns:1fr}
      #concept-verdict .vd-legend{grid-template-columns:1fr}
      #concept-verdict .vd-legend-col{border-left:none;border-top:1px solid var(--border)}
      #concept-verdict .vd-legend-col:first-child{border-top:none}
      #concept-verdict .vd-claim{
        grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);
      }
      #concept-verdict .vd-claim-ic{grid-row:span 2}
      #concept-verdict .vd-claim-title{white-space:normal}
      /* logo wall: label on its own centered line, brands wrap cleanly below */
      #concept-verdict .vd-wall-in{gap:var(--space-4) var(--space-6)}
      #concept-verdict .vd-wall-label{flex-basis:100%;text-align:center}
    }
    @media (max-width:520px){
      /* connect tabs: stack full-width so the pill never wraps into a broken blob */
      #concept-verdict .vd-tablist{
        display:flex;flex-direction:column;align-items:stretch;width:100%;
        gap:var(--space-1);border-radius:var(--r-md);
      }
      #concept-verdict .vd-tab{width:100%;text-align:center;border-radius:var(--r-sm)}
    }

    @media (prefers-reduced-motion:reduce){
      #concept-verdict .vd-section,
      #concept-verdict .vd-hero{animation:none}
      #concept-verdict *{transition:none!important}
    }