/* ===== RTU SWAP — Industrial trade design system ===== */
:root,[data-theme='light']{
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
  --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.0625rem);
  --text-lg:clamp(1.125rem,1rem + .6vw,1.4rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
  --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.4rem);
  --text-3xl:clamp(2.4rem,1.2rem + 4vw,4.5rem);

  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;
  --space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
  --space-20:5rem;--space-24:6rem;--space-32:8rem;

  /* Light mode — workshop white / steel */
  --color-bg:#eef0f2;
  --color-surface:#f6f7f8;
  --color-surface-2:#ffffff;
  --color-surface-offset:#e4e7ea;
  --color-surface-offset-2:#d9dde1;
  --color-divider:#cdd2d7;
  --color-border:#bcc3ca;
  --color-text:#161b21;
  --color-text-muted:#5a646e;
  --color-text-faint:#929ba4;
  --color-text-inverse:#f6f7f8;
  /* Blueprint blue primary */
  --color-primary:#1862c6;
  --color-primary-hover:#114b9c;
  --color-primary-active:#0d3a78;
  --color-primary-highlight:#cfe0f5;
  /* Safety amber accent */
  --color-amber:#d97706;
  --color-amber-hover:#b85f05;
  --color-amber-highlight:#f6e2c4;
  /* Status */
  --color-success:#1f7a3d;
  --color-success-bg:#d7ecdd;
  --color-warning:#b45309;
  --color-warning-bg:#f6e6cf;
  --color-error:#b3261e;
  --color-error-bg:#f4d6d4;

  --radius-sm:.25rem;--radius-md:.4rem;--radius-lg:.6rem;--radius-xl:.9rem;--radius-full:9999px;
  --transition-interactive:180ms cubic-bezier(.16,1,.3,1);
  --shadow-sm:0 1px 2px rgba(15,23,32,.08);
  --shadow-md:0 4px 14px rgba(15,23,32,.12);
  --shadow-lg:0 16px 40px rgba(15,23,32,.18);
  --content-narrow:680px;--content-default:1000px;--content-wide:1240px;

  --font-display:'Oswald','Arial Narrow',sans-serif;
  --font-body:'Inter','Helvetica Neue',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;

  --blueprint:linear-gradient(rgba(24,98,198,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(24,98,198,.05) 1px,transparent 1px);
}
[data-theme='dark']{
  /* Steel / gunmetal dark */
  --color-bg:#0e1216;
  --color-surface:#161b21;
  --color-surface-2:#1d242c;
  --color-surface-offset:#222a33;
  --color-surface-offset-2:#2a333d;
  --color-divider:#262e37;
  --color-border:#343f4a;
  --color-text:#dde3e9;
  --color-text-muted:#8b96a1;
  --color-text-faint:#5e6873;
  --color-text-inverse:#0e1216;
  --color-primary:#4f93e8;
  --color-primary-hover:#6ba6f0;
  --color-primary-active:#3a7dd4;
  --color-primary-highlight:#1a2a40;
  --color-amber:#f59e35;
  --color-amber-hover:#ffb255;
  --color-amber-highlight:#3a2c14;
  --color-success:#4caf6a;
  --color-success-bg:#16321f;
  --color-warning:#e0962f;
  --color-warning-bg:#33260f;
  --color-error:#e26a62;
  --color-error-bg:#341715;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 4px 14px rgba(0,0,0,.5);
  --shadow-lg:0 16px 40px rgba(0,0,0,.6);
  --blueprint:linear-gradient(rgba(79,147,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(79,147,232,.06) 1px,transparent 1px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme]){
  --color-bg:#0e1216;--color-surface:#161b21;--color-surface-2:#1d242c;--color-surface-offset:#222a33;
  --color-surface-offset-2:#2a333d;--color-divider:#262e37;--color-border:#343f4a;
  --color-text:#dde3e9;--color-text-muted:#8b96a1;--color-text-faint:#5e6873;--color-text-inverse:#0e1216;
  --color-primary:#4f93e8;--color-primary-hover:#6ba6f0;--color-primary-active:#3a7dd4;--color-primary-highlight:#1a2a40;
  --color-amber:#f59e35;--color-amber-hover:#ffb255;--color-amber-highlight:#3a2c14;
}}

/* ===== Layout helpers ===== */
.wrap{width:100%;max-width:var(--content-wide);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}
.wrap-narrow{max-width:var(--content-narrow)}
.wrap-default{max-width:var(--content-default)}
section{padding-block:clamp(var(--space-12),7vw,var(--space-24))}
.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-weight:600;font-size:var(--text-xs);color:var(--color-primary)}
[data-theme='dark'] .eyebrow{color:var(--color-amber)}
h1,h2,h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.01em}
.h1{font-size:var(--text-3xl);line-height:1.02}
.h2{font-size:var(--text-2xl);line-height:1.05}
.h3{font-size:var(--text-xl)}
.lede{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch}
.muted{color:var(--color-text-muted)}
.mono{font-family:var(--font-mono)}

/* ===== Header ===== */
.header{position:sticky;top:0;z-index:60;background:color-mix(in oklab,var(--color-bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}
.header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:4rem}
.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text)}
.brand svg{width:34px;height:34px;color:var(--color-primary);flex:none}
[data-theme='dark'] .brand svg{color:var(--color-amber)}
.brand__name{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.15rem;line-height:1}
.brand__name span{color:var(--color-primary)}
[data-theme='dark'] .brand__name span{color:var(--color-amber)}
.nav{display:flex;align-items:center;gap:var(--space-1)}
.nav a{text-decoration:none;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;padding:.5rem .7rem;border-radius:var(--radius-md)}
.nav a:hover,.nav a[aria-current='page']{color:var(--color-text);background:var(--color-surface-offset)}
.header__actions{display:flex;align-items:center;gap:var(--space-2)}
.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-muted);border:1px solid transparent}
.icon-btn:hover{color:var(--color-text);background:var(--color-surface-offset)}
.nav-toggle{display:none}
@media (max-width:880px){
  .nav{position:fixed;inset:4rem 0 auto 0;flex-direction:column;align-items:stretch;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3);gap:var(--space-1);transform:translateY(-120%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-lg)}
  .nav[data-open='true']{transform:translateY(0)}
  .nav a{padding:.85rem 1rem;font-size:var(--text-base)}
  .nav-toggle{display:inline-grid}
}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:var(--text-sm);padding:.8rem 1.4rem;border-radius:var(--radius-md);text-decoration:none;border:1px solid transparent;line-height:1.1;min-height:44px}
.btn--primary{background:var(--color-primary);color:#fff}
.btn--primary:hover{background:var(--color-primary-hover)}
.btn--amber{background:var(--color-amber);color:#1a1206}
.btn--amber:hover{background:var(--color-amber-hover)}
.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}
.btn--ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}
.btn--block{width:100%}
.btn--lg{padding:1rem 1.8rem;font-size:var(--text-base)}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--color-border)}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,var(--color-bg) 8%,color-mix(in oklab,var(--color-bg) 78%,transparent) 48%,color-mix(in oklab,var(--color-bg) 30%,transparent) 100%)}
.hero__inner{position:relative;z-index:1;padding-block:clamp(var(--space-16),12vw,var(--space-32));max-width:680px}
.hero h1{font-size:var(--text-3xl);margin-block:var(--space-4) var(--space-5)}
.hero .lede{margin-bottom:var(--space-8);color:var(--color-text)}
.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}
.stat__num{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--color-text);line-height:1}
.stat__lbl{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-top:.35rem}

/* ===== Cards / grids ===== */
.grid{display:grid;gap:var(--space-6)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:880px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden}
.card--link{text-decoration:none;color:inherit;display:block}
.card--link:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}
.card__tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}
[data-theme='dark'] .card__tag{color:var(--color-amber)}
.card h3{font-size:var(--text-lg);margin-block:var(--space-3) var(--space-2)}
.card p{font-size:var(--text-sm);color:var(--color-text-muted)}
.card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--color-primary-highlight);color:var(--color-primary);margin-bottom:var(--space-4)}
[data-theme='dark'] .card__icon{background:var(--color-amber-highlight);color:var(--color-amber)}
.card__icon svg{width:26px;height:26px}

/* Section header */
.sec-head{margin-bottom:var(--space-10);max-width:60ch}
.sec-head h2{margin-block:var(--space-3) var(--space-3)}

/* Pillars / alt sections */
.band{background:var(--color-surface);border-block:1px solid var(--color-border)}
.band--blueprint{background:var(--color-surface);background-image:var(--blueprint);background-size:28px 28px}

/* Split feature */
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(var(--space-8),5vw,var(--space-20));align-items:center}
.split--rev{grid-template-columns:1fr 1.1fr}
@media (max-width:880px){.split,.split--rev{grid-template-columns:1fr}}
.split__img{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}
.split__img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}

ul.checks{list-style:none;display:grid;gap:var(--space-3);margin-top:var(--space-5)}
ul.checks li{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;font-size:var(--text-base)}
ul.checks svg{width:20px;height:20px;color:var(--color-success);margin-top:.2rem;flex:none}

/* ===== Forms / newsletter ===== */
.signup{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(var(--space-6),5vw,var(--space-12))}
.form-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5)}
.form-row input{flex:1 1 240px;min-width:0;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base)}
.form-row input:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}
.form-note{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-3)}
.form-ok{display:none;margin-top:var(--space-4);padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-success);font-size:var(--text-sm);font-weight:600}
.form-ok[data-show='true']{display:block}

/* ===== Tools / calculators ===== */
.calc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;scroll-margin-top:5rem}
.calc__head{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}
.calc__head h3{font-size:var(--text-lg)}
.calc__head p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}
.calc__body{padding:var(--space-6)}
.field{margin-bottom:var(--space-4)}
.field label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}
.field .hint{font-weight:400;color:var(--color-text-faint);font-size:var(--text-xs)}
.field input,.field select{width:100%;padding:.75rem .9rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base)}
.field input:focus,.field select:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}
.field-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
@media (max-width:520px){.field-2{grid-template-columns:1fr}}
.result{margin-top:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);padding:var(--space-5);display:none}
.result[data-show='true']{display:block;animation:fadein .3s cubic-bezier(.16,1,.3,1)}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.result__big{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);line-height:1;color:var(--color-primary)}
[data-theme='dark'] .result__big{color:var(--color-amber)}
.result__lbl{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:var(--space-2)}
.result__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-5);margin-top:var(--space-4)}
.result__rec{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}
.rec--go{background:var(--color-success-bg);color:var(--color-success)}
.rec--warn{background:var(--color-warning-bg);color:var(--color-warning)}
.rec--stop{background:var(--color-error-bg);color:var(--color-error)}
.result ul{margin:var(--space-3) 0 0;padding-left:1.1rem;font-size:var(--text-sm);color:var(--color-text-muted)}
.result ul li{margin-bottom:.4rem}
.disclaimer-inline{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--color-border)}

/* tool nav (chips) */
.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}
.chips a{font-family:var(--font-mono);font-size:var(--text-xs);text-decoration:none;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.45rem .9rem}
.chips a:hover{border-color:var(--color-primary);color:var(--color-primary)}

/* ===== Article ===== */
.article-hero{border-bottom:1px solid var(--color-border)}
.article-hero .wrap{padding-block:clamp(var(--space-12),8vw,var(--space-20))}
/* Photo hero: real field photo behind the title, with dark scrim for legibility */
.article-hero--photo{position:relative;border-bottom:1px solid var(--color-border);background:#0d1117;isolation:isolate}
.article-hero--photo .hero-photo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.article-hero--photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,11,18,.55) 0%,rgba(7,11,18,.68) 55%,rgba(7,11,18,.86) 100%)}
.article-hero--photo .crumb,.article-hero--photo .crumb a{color:#cdd6e4}
.article-hero--photo .article-meta{color:#cdd6e4}
.article-hero--photo .article-meta .dot{background:#8a97aa}
.article-hero--photo .h1{color:#fff}
.article-hero--photo .lede{color:#e6ebf2}
.article-hero--photo .wrap{padding-block:clamp(var(--space-16),12vw,var(--space-24))}
.article-hero__credit{position:absolute;right:var(--space-4);bottom:var(--space-3);z-index:1;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.62);font-family:var(--font-mono)}
.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-5)}
.article-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--color-text-faint)}
.prose{max-width:68ch;margin-inline:auto}
.prose h2{font-size:var(--text-xl);margin-block:var(--space-12) var(--space-4)}
.prose h3{font-size:var(--text-lg);margin-block:var(--space-8) var(--space-3);text-transform:none;letter-spacing:0}
.prose p{margin-bottom:var(--space-4);font-size:var(--text-base);line-height:1.7}
.prose ul,.prose ol{margin:0 0 var(--space-4) 1.2rem;font-size:var(--text-base);line-height:1.7}
.prose li{margin-bottom:var(--space-2)}
.prose strong{color:var(--color-text)}
.prose a{color:var(--color-primary);text-underline-offset:2px}
.callout{border-left:3px solid var(--color-amber);background:var(--color-surface);padding:var(--space-5) var(--space-6);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-8) 0}
.callout p{margin:0;font-size:var(--text-base)}
.callout .label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:var(--text-xs);color:var(--color-amber);font-weight:700;display:block;margin-bottom:var(--space-2)}
.pullquote{font-family:var(--font-display);text-transform:uppercase;font-weight:700;font-size:var(--text-xl);line-height:1.2;color:var(--color-text);border-block:1px solid var(--color-border);padding-block:var(--space-6);margin:var(--space-10) 0;text-align:center}
.figure{margin:var(--space-8) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}
.figure img{width:100%}
.figure figcaption{font-size:var(--text-xs);color:var(--color-text-faint);padding:var(--space-3) var(--space-4);background:var(--color-surface);text-align:center}

/* article index cards */
.post-card{display:grid;grid-template-columns:1fr;gap:var(--space-3)}
.post-card .card__tag{margin-bottom:0}
.post-card h3{font-size:var(--text-lg);margin:0}
.post-card .meta{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em}

/* ===== Affiliate ===== */
.aff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5)}
.aff{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}
.aff .badge{align-self:flex-start;font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-amber);border:1px solid var(--color-amber);border-radius:var(--radius-full);padding:.2rem .6rem}
.aff h4{font-size:var(--text-base);font-family:var(--font-display);text-transform:uppercase}
.aff p{font-size:var(--text-sm);color:var(--color-text-muted);flex:1}
.aff a{margin-top:auto}

/* ===== Pricing / product ===== */
.tier{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column}
.tier--feature{border-color:var(--color-primary);box-shadow:var(--shadow-md)}
[data-theme='dark'] .tier--feature{border-color:var(--color-amber)}
.tier .price{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);line-height:1;margin-block:var(--space-3)}
.tier .price small{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}
.tier ul{list-style:none;margin:var(--space-5) 0;display:grid;gap:var(--space-3);flex:1}
.tier ul li{display:grid;grid-template-columns:auto 1fr;gap:.6rem;font-size:var(--text-sm);align-items:start}
.tier ul svg{width:18px;height:18px;color:var(--color-success);margin-top:.15rem;flex:none}
.ribbon{align-self:flex-start;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);background:var(--color-primary-highlight);border-radius:var(--radius-full);padding:.25rem .7rem;margin-bottom:var(--space-3)}
[data-theme='dark'] .ribbon{color:var(--color-amber);background:var(--color-amber-highlight)}

/* product cards */
.prod{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}
.prod .ptype{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}
.prod h4{font-size:var(--text-lg);font-family:var(--font-display);text-transform:uppercase}
.prod p{font-size:var(--text-sm);color:var(--color-text-muted);flex:1}
.prod .pprice{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl)}

/* ===== CTA band ===== */
.cta-band{background:var(--color-primary);color:#fff;text-align:center;border:none}
[data-theme='dark'] .cta-band{background:var(--color-surface-2);border-block:1px solid var(--color-border)}
.cta-band h2{color:#fff}
[data-theme='dark'] .cta-band h2{color:var(--color-text)}
.cta-band .lede{color:rgba(255,255,255,.85);margin-inline:auto;margin-bottom:var(--space-8)}
[data-theme='dark'] .cta-band .lede{color:var(--color-text-muted)}

/* ===== Footer ===== */
.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding-block:var(--space-16) var(--space-8)}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-8)}
@media (max-width:780px){.footer__top{grid-template-columns:1fr}}
.footer h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-sm);margin-bottom:var(--space-4)}
.footer ul{list-style:none;display:grid;gap:var(--space-2)}
.footer a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm)}
.footer a:hover{color:var(--color-text)}
.footer__brand p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:42ch;margin-top:var(--space-3)}
.footer__legal{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:grid;gap:var(--space-3)}
.footer__legal p{font-size:var(--text-xs);color:var(--color-text-faint);max-width:none}
.footer__legal .disclosure{padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.footer__legal strong{color:var(--color-text-muted)}

/* breadcrumb */
.crumb{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}
.crumb a{color:var(--color-text-muted);text-decoration:none}
.crumb a:hover{color:var(--color-primary)}

/* reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
.pill{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.3rem .7rem}

/* ===== Cross-Reference Tool ===== */
.xref-seg{display:inline-flex;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.25rem;gap:.25rem;margin-bottom:var(--space-6)}
.xref-seg button{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:var(--text-sm);padding:.6rem 1.2rem;border-radius:var(--radius-full);color:var(--color-text-muted);min-height:44px}
.xref-seg button[aria-selected="true"]{background:var(--color-primary);color:#fff}
[data-theme='dark'] .xref-seg button[aria-selected="true"]{background:var(--color-amber);color:#1a1206}
.xref-panel{display:none}
.xref-panel[data-active="true"]{display:block;animation:fadein .3s cubic-bezier(.16,1,.3,1)}

/* decoded "your old unit" summary card */
.xref-old{margin-top:var(--space-5);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-2);padding:var(--space-5)}
[data-theme='dark'] .xref-old{border-left-color:var(--color-amber)}
.xref-old__brand{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.15}
.xref-old__spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.xref-spec__lbl{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:2px}
.xref-spec__val{font-family:var(--font-mono);font-size:var(--text-base);font-weight:500;color:var(--color-text)}
.xref-conf{display:inline-block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .55rem;border-radius:var(--radius-full);margin-left:.5rem;vertical-align:middle}
.xref-conf--high{background:var(--color-success-bg);color:var(--color-success)}
.xref-conf--medium{background:var(--color-warning-bg);color:var(--color-warning)}
.xref-conf--low{background:var(--color-error-bg);color:var(--color-error)}

/* candidate result list */
.xref-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-8) 0 var(--space-4)}
.xref-list{display:grid;gap:var(--space-4)}
.xref-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-5);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive)}
.xref-card:hover{border-color:var(--color-primary)}
[data-theme='dark'] .xref-card:hover{border-color:var(--color-amber)}
.xref-card__top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3)}
.xref-card__brand{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.1}
.xref-card__fam{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}
.xref-card__tons{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-primary);font-weight:500;white-space:nowrap}
[data-theme='dark'] .xref-card__tons{color:var(--color-amber)}
.xref-card__row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--space-4)}
.xref-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}
.xref-card__actions .btn{flex:1 1 auto;min-width:180px}

/* swap-delta callout badges */
.delta{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-xs);font-weight:600;padding:.3rem .65rem;border-radius:var(--radius-full);line-height:1.2}
.delta--ok{background:var(--color-success-bg);color:var(--color-success)}
.delta--watch{background:var(--color-warning-bg);color:var(--color-warning)}
.delta--flag{background:var(--color-error-bg);color:var(--color-error)}
.delta svg{width:13px;height:13px;flex:none}

.xref-empty{margin-top:var(--space-6);padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-sm)}
.xref-curbnote{margin-top:var(--space-8);padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border)}
.xref-curbnote h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-sm);margin-bottom:var(--space-2)}
.xref-curbnote ul{margin:var(--space-2) 0 0 1.1rem;font-size:var(--text-sm);color:var(--color-text-muted)}
.xref-curbnote li{margin-bottom:.35rem}
.xref-curbnote a{color:var(--color-primary)}