:root{
  --ink:#081321;--ink-soft:#101D2C;
  --ink-line:rgba(230,236,244,0.10);--ink-line-strong:rgba(230,236,244,0.22);
  --paper:#EDF1F4;--paper-raised:#FFFFFF;--paper-line:rgba(15,26,46,0.12);
  --paper-line-strong:rgba(15,26,46,0.26);
  --brass:#B4842A;--brass-deep:#8A6413;
  --accent-red:#A31D3E;--accent-red-dark:#851630;
  --green:#1F6E48;
  --text-on-ink:#E7ECF3;--text-on-ink-dim:rgba(231,236,243,0.62);
  --text-on-paper:#14213B;--text-on-paper-dim:rgba(20,33,59,0.62);
  --radius-sm:8px;--radius-md:12px;--radius-lg:16px;
  --font-display:"neue-haas-grotesk-display","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-body:"inter-18pt",Inter,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--text-on-paper);font-family:var(--font-body);font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased;font-synthesis:none;font-optical-sizing:auto;}
img{display:block;max-width:100%;}
a{color:inherit;}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-0.032em;line-height:1.02;margin:0;text-wrap:balance;font-style:normal;font-kerning:normal;}
p,li{ text-wrap:pretty; }
:focus-visible{outline:3px solid var(--brass);outline-offset:3px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.wrap{max-width:760px;margin:0 auto;padding:0 clamp(20px,4vw,40px);}
.wrap--wide{max-width:1080px;}

/* header */
.site-header{background:var(--paper-raised);border-bottom:1px solid var(--paper-line);position:sticky;top:0;z-index:40;}
.header-inner{max-width:1080px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px;}
.brand{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto;}
.brand img{width:auto;height:42px;}
.header-nav{display:flex;gap:22px;align-items:center;font-size:0.88rem;font-weight:500;letter-spacing:-0.005em;}
.header-nav a{text-decoration:none;color:var(--text-on-paper-dim);}
.header-nav a:hover{color:var(--text-on-paper);}
@media(max-width:980px){.header-nav a.opt{display:none;}}

/* article head */
.ahead{background:var(--ink);color:var(--text-on-ink);padding:clamp(38px,6vw,68px) 0 clamp(32px,5vw,54px);}
.crumbs{font-size:0.78rem;color:var(--text-on-ink-dim);margin:0 0 20px;}
.crumbs a{text-decoration:none;}
.crumbs a:hover{color:var(--text-on-ink);}
.ahead h1{font-size:clamp(2rem,4.8vw,3.15rem);line-height:1.01;letter-spacing:-0.038em;max-width:18ch;}
.standfirst{margin:22px 0 0;color:var(--text-on-ink-dim);font-size:clamp(1.02rem,1.8vw,1.15rem);line-height:1.7;max-width:62ch;text-wrap:pretty;}

/* answer box - the bit AI assistants lift */
.answer{background:var(--paper-raised);border-left:4px solid var(--brass);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:22px 26px;margin:0 0 8px;}
.answer .lbl{display:block;font-size:0.66rem;letter-spacing:0.17em;text-transform:uppercase;font-weight:700;color:var(--brass-deep);margin-bottom:10px;font-family:var(--font-body);}
.answer p{margin:0;font-size:1.03rem;}
.answer p + p{margin-top:12px;}

article{padding:clamp(36px,5vw,56px) 0 clamp(52px,7vw,84px);}
article > .wrap > * + *{margin-top:22px;}
article h2{font-size:clamp(1.35rem,2.9vw,1.85rem);margin-top:clamp(38px,5vw,56px);}
article h3{font-size:1.12rem;margin-top:30px;}
article p{margin:0;}
article ul,article ol{margin:0;padding-left:24px;}
article li{margin-bottom:9px;}
article li::marker{color:var(--brass-deep);}
article strong{font-weight:600;}

table.spec{width:100%;border-collapse:collapse;font-size:0.95rem;background:var(--paper-raised);border:1px solid var(--paper-line);}
table.spec th,table.spec td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--paper-line);vertical-align:top;}
table.spec th{font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-on-paper-dim);font-weight:700;}
table.spec tr:last-child td{border-bottom:0;}
.table-scroll{overflow-x:auto;}

.callout{background:var(--paper-raised);border:1px solid var(--paper-line);border-radius:var(--radius-md);padding:22px 24px;}
.callout h3{margin-top:0;font-size:1.05rem;}
.callout p{margin-top:10px;color:var(--text-on-paper-dim);font-size:0.96rem;}

.verdicts{display:grid;gap:1px;background:var(--paper-line);border:1px solid var(--paper-line);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.v{background:var(--paper-raised);padding:20px;}
.v .tag{display:inline-block;font-size:0.64rem;letter-spacing:0.13em;text-transform:uppercase;font-weight:700;padding:3px 9px;border-radius:999px;margin-bottom:10px;}
.v .tag.ok{background:rgba(31,110,72,0.13);color:var(--green);}
.v .tag.no{background:rgba(163,29,62,0.12);color:var(--accent-red);}
.v .tag.mid{background:rgba(138,97,0,0.14);color:var(--brass-deep);}
.v h3{margin:0 0 8px;font-size:1rem;}
.v p{margin:0;font-size:0.9rem;color:var(--text-on-paper-dim);}

details{background:var(--paper-raised);border:1px solid var(--paper-line);border-radius:var(--radius-md);padding:17px 21px;}
details + details{margin-top:10px;}
details summary{cursor:pointer;font-weight:600;list-style:none;}
details summary::-webkit-details-marker{display:none;}
details summary::after{content:"+";float:right;color:var(--brass-deep);font-weight:700;}
details[open] summary::after{content:"\2013";}
details p{margin-top:13px;color:var(--text-on-paper-dim);font-size:0.96rem;}

.cta-band{background:var(--ink);color:var(--text-on-ink);padding:clamp(42px,6vw,72px) 0;margin-top:clamp(44px,6vw,72px);}
.cta-band h2{font-size:clamp(1.4rem,3vw,2rem);margin:0;}
.cta-band p{margin:16px 0 0;color:var(--text-on-ink-dim);}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.button{display:inline-block;padding:14px 26px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:0.95rem;border:1px solid transparent;}
.button--primary{background:var(--accent-red);color:#fff;}
.button--primary:hover{background:var(--accent-red-dark);}
.button--ghost{border-color:var(--ink-line-strong);color:var(--text-on-ink);}
.button--ghost:hover{border-color:var(--brass);color:#fff;}

.related{padding:clamp(40px,5vw,64px) 0;}
.related h2{font-size:1.3rem;margin-bottom:22px;}
.rgrid{display:grid;gap:1px;background:var(--paper-line);border:1px solid var(--paper-line);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.rgrid a{background:var(--paper-raised);padding:22px;text-decoration:none;display:block;}
.rgrid a:hover{background:#F6F9FB;}
.rgrid h2,.rgrid h3{font-size:1.02rem;margin:0 0 8px;}
.rgrid p{margin:0;font-size:0.9rem;color:var(--text-on-paper-dim);}

.site-footer{background:var(--ink);color:var(--text-on-ink-dim);padding:38px 0;font-size:0.82rem;border-top:1px solid var(--ink-line);}
.footer-inner{max-width:1080px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.site-footer a{text-decoration:none;}
.site-footer a:hover{color:var(--text-on-ink);}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;}html{scroll-behavior:auto;}}
