/* Style H – "Press": a broadsheet front page – newsprint, serif headlines, column rules, halftone photo. 2026-11-03 */
[data-theme=h]{
  --paper:#f3efe6;--paper2:#f8f5ee;--ink:#151412;--ink2:#3b3833;--muted:#5b574f;--tint:#e3dccd;--red:#b3121f;
  --head:"Playfair Display",Georgia,"Times New Roman",serif;--body:Newsreader,Georgia,"Times New Roman",serif;--black:UnifrakturMaguntia,"Old English Text MT",serif;
  --track:#d6cfbf;--trk-h:4px;--trk-r:0;--fill-img:linear-gradient(#151412,#151412);--thumb:#f3efe6;--th:20px;--th-r:0;--th-b:2px solid #151412;--th-sh:3px 3px 0 #151412;
  --focus:#b3121f;--fact-sep:1px solid #151412;--calc-sep:1px solid #151412;--catch-ok:#b3121f;color-scheme:light}
[data-theme=h] body{background:var(--paper);color:var(--ink);font:400 18px/1.55 var(--body);font-variant-numeric:lining-nums}

/* top bar */
[data-theme=h] .topbar{background:rgba(243,239,230,.97);border-bottom:3px double var(--ink)}
[data-theme=h] .switcher{background:var(--ink);color:#d9d2c3;--sw-ico:#f3efe6}
[data-theme=h] .sw-claim{font:italic 400 15px/1.3 var(--body)}
[data-theme=h] .sw-claim strong{font-style:normal;font-weight:600;color:var(--paper)}
[data-theme=h] .sw-tabs button{border:1px solid rgba(243,239,230,.35);font:600 14px/1 var(--body);font-variant-caps:all-small-caps;letter-spacing:.1em;color:var(--paper)}
[data-theme=h] .sw-tabs button:hover{border-color:var(--paper)}
[data-theme=h] .sw-tabs button[aria-checked=true]{background:var(--paper);color:var(--ink)}
[data-theme=h] .sw-chip{border-radius:0}
[data-theme=h] .wordmark{font:400 31px/1 var(--black)}
[data-theme=h] .mark{width:22px;height:28px;fill:var(--ink)}
[data-theme=h] .nav-links{gap:24px;font:600 16px/1 var(--body);font-variant-caps:all-small-caps;letter-spacing:.1em}
[data-theme=h] .nav-links a:hover{text-decoration:underline;text-underline-offset:5px}
[data-theme=h] .btn{padding:14px 24px;font:600 17px/1.1 var(--body);letter-spacing:.02em}
[data-theme=h] .btn-primary{background:var(--ink);color:var(--paper)}
[data-theme=h] .btn-primary:hover{background:var(--red)}
[data-theme=h] .btn-secondary{border:1px solid var(--ink)}
[data-theme=h] .btn-secondary:hover{background:var(--tint)}
[data-theme=h] .nav-cta{padding:10px 16px;font-size:15px}

/* hero: dateline, headline, two columns, halftone photo */
[data-theme=h] .hero{padding:22px 0 10px}
[data-theme=h] .h-dateline{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px;font:600 14px/1.2 var(--body);font-variant-caps:all-small-caps;letter-spacing:.12em;
  background:linear-gradient(var(--ink),var(--ink)) 24px 0/calc(100% - 48px) 1px no-repeat,linear-gradient(var(--ink),var(--ink)) 24px 100%/calc(100% - 48px) 1px no-repeat}
[data-theme=h] .hero-in{grid-template-columns:1.3fr .7fr;gap:0;align-items:start;margin-top:30px}
[data-theme=h] .hero-copy{padding-right:34px}
[data-theme=h] .hero-art{border-left:1px solid var(--ink);padding-left:34px}
[data-theme=h] .badge{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--body);font-variant-caps:all-small-caps;letter-spacing:.12em;color:var(--ink2)}
[data-theme=h] .badge b{background:var(--red);color:var(--paper);padding:4px 9px 5px;letter-spacing:.14em}
[data-theme=h] h1{font:900 clamp(50px,6.8vw,104px)/.95 var(--head);letter-spacing:-.02em;margin:18px 0 26px}
[data-theme=h] h1 em{font-style:italic;font-weight:700}
[data-theme=h] .lead{column-count:2;column-gap:30px;column-rule:1px solid var(--ink);font-size:19px;line-height:1.55;margin-bottom:30px;padding-top:16px;border-top:1px solid var(--ink)}
[data-theme=h] .lead::first-letter{float:left;font:900 70px/.78 var(--head);padding:6px 8px 0 0}
[data-theme=h] .lead strong{font-weight:700}
[data-theme=h] .h-photo{margin:0}
[data-theme=h] .h-img{aspect-ratio:4/5;border:1px solid var(--ink);overflow:hidden;
  background:radial-gradient(circle,rgba(21,20,18,.3) 1.1px,transparent 1.5px) 0 0/6px 6px,linear-gradient(170deg,#e9e3d6,#cfc7b6)}
[data-theme=h] .h-img svg{width:100%;height:100%}
[data-theme=h] .h-photo figcaption{margin-top:10px;font:italic 400 14.5px/1.45 var(--body);color:var(--muted)}
[data-theme=h] .h-photo figcaption b{font-style:normal;font-weight:700;color:var(--ink);font-variant-caps:all-small-caps;letter-spacing:.1em;margin-right:4px}
[data-theme=h] .facts{margin-top:46px;border-top:4px solid var(--ink);border-bottom:1px solid var(--ink)}
[data-theme=h] .fact{padding:18px 20px}
[data-theme=h] .fact .v{font:900 38px/1 var(--head);white-space:nowrap}
[data-theme=h] .fact .l{font:italic 400 16px/1.3 var(--body);color:var(--muted)}

/* sections */
[data-theme=h] main{counter-reset:hsec}
[data-theme=h] .sec{padding:90px 0 0;counter-increment:hsec}
[data-theme=h] .kicker{border-top:4px solid var(--ink);padding-top:10px;margin-bottom:16px;font:700 15px/1 var(--body);font-variant-caps:all-small-caps;letter-spacing:.16em}
[data-theme=h] .kicker::before{content:"Section " counter(hsec,upper-alpha) " · ";color:var(--red)}
[data-theme=h] h2{font:900 clamp(34px,4.6vw,60px)/1.03 var(--head);letter-spacing:-.015em;max-width:960px}
[data-theme=h] h2 .soft{font-style:italic;font-weight:700;color:var(--ink2)}
[data-theme=h] .sub{font-size:19px;color:var(--muted);max-width:720px;margin-top:14px}
[data-theme=h] .needs-try{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:12px 0}
[data-theme=h] .needs-try p{font:italic 400 18px/1.35 var(--body)}
[data-theme=h] .needs-try .sw-tabs button{border:1px solid var(--ink);font:600 15px/1 var(--body);font-variant-caps:all-small-caps;letter-spacing:.1em;color:var(--ink)}
[data-theme=h] .needs-try .sw-tabs button:hover{background:var(--tint)}
[data-theme=h] .needs-try .sw-tabs button[aria-checked=true]{background:var(--ink);color:var(--paper)}

/* calculator: a boxed feature */
[data-theme=h] .calc{background:var(--paper2);border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:4px}
[data-theme=h] .calc-in,[data-theme=h] .calc-out{padding:28px}
[data-theme=h] .ctl label,[data-theme=h] .ctl .lbl{font:700 15px/1 var(--body);font-variant-caps:all-small-caps;letter-spacing:.12em}
[data-theme=h] .ctl output{font:700 19px/1.2 var(--head)}
[data-theme=h] .ctl-scale{font:italic 400 14px/1 var(--body)}
[data-theme=h] .tier-btn{border:1px solid var(--ink);padding:6px 10px;font:600 15px/1 var(--body)}
[data-theme=h] .tier-btn:hover{background:var(--tint)}
[data-theme=h] .tier-btn[aria-checked=true]{background:var(--ink);color:var(--paper)}
[data-theme=h] .res .k{font:700 15px/1 var(--body);font-variant-caps:all-small-caps;letter-spacing:.12em;color:var(--muted)}
[data-theme=h] .res .v{font:900 40px/1 var(--head)}
[data-theme=h] .bar{height:12px;background:var(--tint)}
[data-theme=h] .bar-old{background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px)}
[data-theme=h] .bar-new{background:var(--red)}
[data-theme=h] .bar-lab{font-size:16px}
[data-theme=h] .bar-lab span:last-child{font:700 17px/1.2 var(--head)}
[data-theme=h] .save{font-size:18.5px}
[data-theme=h] .save b{font:900 22px/1 var(--head);color:var(--red)}
[data-theme=h] .ai-note{font:italic 400 15.5px/1.5 var(--body);color:var(--muted);margin-top:16px;padding-top:16px;border-top:1px solid var(--ink)}
[data-theme=h] .ai-note a{color:var(--ink);text-decoration:underline}
[data-theme=h] .fine{font:italic 400 14px/1.5 var(--body);color:var(--muted);margin-top:18px}

/* cards: newspaper columns */
[data-theme=h] .cards{gap:0;border-top:3px double var(--ink);counter-reset:hcard}
[data-theme=h] .card{counter-increment:hcard;padding:22px 22px 26px;border-left:1px solid var(--ink);border-bottom:1px solid var(--ink)}
[data-theme=h] .card:nth-child(4n+1){border-left:0;padding-left:0}
[data-theme=h] .card:nth-child(4n){padding-right:0}
[data-theme=h] .card .ic::before{content:counter(hcard,upper-roman) ".";font:italic 700 24px/1 var(--head);color:var(--red)}
[data-theme=h] .card h3{font:700 23px/1.15 var(--head);margin:10px 0 8px}
[data-theme=h] .card p{font-size:16.5px;line-height:1.5}

/* compare */
[data-theme=h] .compare{font-size:17px}
[data-theme=h] .compare th,[data-theme=h] .compare td{padding:14px 18px;border-bottom:1px solid rgba(21,20,18,.35)}
[data-theme=h] .compare th{font:700 15px/1 var(--body);font-variant-caps:all-small-caps;letter-spacing:.12em;border-bottom:2px solid var(--ink);border-top:4px solid var(--ink)}
[data-theme=h] .compare th.us{color:var(--red)}
[data-theme=h] .compare td:first-child{font-style:italic;color:var(--muted)}
[data-theme=h] .compare td.us{font-weight:700}

/* steps */
[data-theme=h] .steps{gap:0;border-top:3px double var(--ink);padding-top:22px}
[data-theme=h] .step{padding:0 24px;border-left:1px solid var(--ink)}
[data-theme=h] .step:first-child{border-left:0;padding-left:0}
[data-theme=h] .step::before{content:counter(step) ".";display:block;font:900 60px/1 var(--head);margin-bottom:10px}
[data-theme=h] .step h3{font:700 23px/1.15 var(--head);margin-bottom:6px}
[data-theme=h] .step p{font-size:16.5px;color:var(--ink2)}

/* pricing: classified ads */
[data-theme=h] .tiers{gap:12px}
[data-theme=h] .tier{align-items:center;text-align:center;border:1px solid var(--ink);background:var(--paper2);padding:20px 16px}
[data-theme=h] .tier .p{font:900 40px/1 var(--head)}
[data-theme=h] .tier .p small{font:italic 400 16px/1 var(--body);color:var(--muted)}
[data-theme=h] .tier .t{display:block;margin:12px 0 8px;padding:4px 0;width:100%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:700 15px/1.2 var(--body);font-variant-caps:all-small-caps;letter-spacing:.16em}
[data-theme=h] .tier p{font-size:15.5px;line-height:1.45}
[data-theme=h] .tier .spd{font:italic 700 15px/1.3 var(--body);color:var(--red)}
[data-theme=h] .price-note{font:italic 400 16px/1.5 var(--body);color:var(--muted);margin-top:20px}
[data-theme=h] .catch{margin-top:28px;border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 0}
[data-theme=h] .catch .one{font:900 104px/.82 var(--head);color:var(--red)}
[data-theme=h] .catch h3{font:900 30px/1.1 var(--head);margin-bottom:10px}
[data-theme=h] .catch h3::before{content:"Editor's note: ";font-style:italic;font-weight:700;color:var(--red)}
[data-theme=h] .catch p,[data-theme=h] .catch-list li{font-size:17.5px}
[data-theme=h] .catch .catch-total{font:italic 700 21px/1.3 var(--head)}

/* investors: inverted market report */
[data-theme=h] .sec.sec-inv{margin-top:90px;padding:80px 0;background:var(--ink);color:var(--paper)}
[data-theme=h] .sec-inv .kicker{border-top-color:var(--paper)}
[data-theme=h] .sec-inv .kicker::before{color:#ff8a8a}
[data-theme=h] .sec-inv h2 .soft{color:#d8d0bf}
[data-theme=h] .sec-inv .sub{color:#cfc7b6}
[data-theme=h] .chart{border:1px solid var(--paper);padding:26px}
[data-theme=h] .chart-t{font:700 15px/1.3 var(--body);font-variant-caps:all-small-caps;letter-spacing:.12em;margin-bottom:8px}
[data-theme=h] .chart-row{margin:14px 0;font-size:16.5px}
[data-theme=h] .chart-row > span:last-child{font:700 17px/1 var(--head)}
[data-theme=h] .chart-track{height:12px;background:rgba(243,239,230,.18)}
[data-theme=h] .chart-b{height:100%;background:#a8a091}
[data-theme=h] .chart-b.hl{background:#e0343f}

/* extras */
[data-theme=h] .extras{gap:0;border-top:3px double var(--ink);padding-top:20px}
[data-theme=h] .extra{padding:0 26px;border-left:1px solid var(--ink)}
[data-theme=h] .extra:first-child{border-left:0;padding-left:0}
[data-theme=h] .extra .yr{font:700 15px/1 var(--body);font-variant-caps:all-small-caps;letter-spacing:.14em;color:var(--red)}
[data-theme=h] .extra h3{font:700 25px/1.15 var(--head);margin:10px 0 8px}
[data-theme=h] .extra p{font-size:16.5px}

/* about + FAQ */
[data-theme=h] .sig{font-size:16px;color:var(--muted)}
[data-theme=h] .sig b{font:italic 700 24px/1.2 var(--head);color:var(--ink)}
[data-theme=h] .faq details{border-bottom:1px solid var(--ink);padding:16px 0}
[data-theme=h] .faq details:first-child{border-top:3px double var(--ink)}
[data-theme=h] .faq summary{font:700 20px/1.25 var(--head)}
[data-theme=h] .faq summary::after{font:400 26px/1 var(--body);color:var(--red)}
[data-theme=h] .faq details p{color:var(--ink2);margin-top:10px;font-size:17px}

/* CTA: "Wanted" classified + footer */
[data-theme=h] .sec-cta{margin-top:100px;padding:6px 0 90px;text-align:center}
[data-theme=h] .sec-cta .wrap{max-width:880px;padding:52px 40px;background:var(--paper2);border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:5px}
[data-theme=h] .sec-cta h2,[data-theme=h] .sec-cta .sub{margin-left:auto;margin-right:auto}
[data-theme=h] .sec-cta .ctas{justify-content:center;margin-top:30px}
[data-theme=h] .foot{border-top:3px double var(--ink);padding:22px 0 40px;font:600 15px/1.4 var(--body);font-variant-caps:all-small-caps;letter-spacing:.1em}
[data-theme=h] .foot a:hover{color:var(--red)}

@media (max-width:1100px){
  html[data-theme=h] .card{border-left:1px solid var(--ink);padding:22px 22px 26px}
  html[data-theme=h] .card:nth-child(2n+1){border-left:0;padding-left:0}
  html[data-theme=h] .card:nth-child(2n){padding-right:0}
}
@media (max-width:900px){
  html[data-theme=h] .hero-copy{padding-right:0}
  html[data-theme=h] .hero-art{border-left:0;padding-left:0;border-top:1px solid var(--ink);padding-top:24px;margin-top:6px}
  html[data-theme=h] .h-photo{max-width:440px;margin:0 auto}
  html[data-theme=h] .step{border-left:1px solid var(--ink);padding:0 20px 20px}
  html[data-theme=h] .step:nth-child(2n+1){border-left:0;padding-left:0}
  html[data-theme=h] .extra{border-left:0;padding:0 0 20px;border-bottom:1px solid var(--ink)}
  html[data-theme=h] .extra + .extra{padding-top:20px}
  html[data-theme=h] .fact .v{font-size:32px}
  html[data-theme=h] .h-dateline span:nth-child(2){display:none}
}
@media (max-width:700px){
  html[data-theme=h] .lead{column-count:1}
}
@media (max-width:600px){
  html[data-theme=h] .h-dateline{font-size:12px;background:linear-gradient(var(--ink),var(--ink)) 16px 0/calc(100% - 32px) 1px no-repeat,linear-gradient(var(--ink),var(--ink)) 16px 100%/calc(100% - 32px) 1px no-repeat}
  html[data-theme=h] .card,html[data-theme=h] .card:nth-child(n){border-left:0;padding:20px 0 22px}
  html[data-theme=h] .step,html[data-theme=h] .step:nth-child(n){border-left:0;padding:0 0 18px}
  html[data-theme=h] .fact{padding:16px 12px}
  html[data-theme=h] .fact .v{font-size:27px}
  html[data-theme=h] .calc-in,html[data-theme=h] .calc-out{padding:22px}
  html[data-theme=h] .sec-cta .wrap{margin:0 14px;padding:40px 20px}
  html[data-theme=h] .catch .one{font-size:76px}
  html[data-theme=h] .badge{display:block;line-height:1.5}
  html[data-theme=h] .badge b{margin-right:8px}
}
