/* Marketing News in the site redesign (docs/site-redesign.md of the main repository, mockup approved 2026-10-23).
   Loaded LAST by includes/header.php, after site-chrome.css and news.css, so it wins at equal specificity by source
   order. It retokens the section onto the site's type (Bricolage Grotesque headings, IBM Plex Sans body), the warm
   neutrals and the beige page ground of the tools pages; the markup, the per-hub accent colours and every behaviour
   (filters, search, contents rail, timeline strips, dropdown sub-nav) stay. The project's layout rules hold: no accent
   bars, the prose keeps its full width. */
:root{--brand-red:#b5332c;--brand-red-dark:#8c2420;--brand-red-light:#c9544d;--brand-red-soft:#fbedeb;--brand-red-tint:rgba(181,51,44,.08);
  --ink:#1c1a19;--ink-700:#3d3936;--ink-500:#6f6a66;--ink-400:#9a938e;--ink-300:#cfc8c2;--ink-200:#e6e1dc;--ink-100:#ece6df;--ink-50:#f8f5f0;--ink-25:#fcfaf7;
  --link:#1f4f8f;--link-dark:#133565;--hub-accent:#b5332c;--hub-accent-soft:#e8c3c0;--hub-accent-tint:#fbedeb;--focus-ring:0 0 0 4px rgba(181,51,44,.18);
  --mono:'IBM Plex Mono',Menlo,Consolas,monospace;--fh:'Bricolage Grotesque','Segoe UI',sans-serif;--fb:'IBM Plex Sans','Segoe UI',sans-serif;
  --shadow-xs:none;--shadow-sm:none;--shadow-md:0 6px 18px rgba(28,26,25,.08)}
body,.news-main,.news-subnav,.page-hero{font-family:var(--fb);color:var(--ink-700);-webkit-font-smoothing:antialiased}
/* the page ground is the warm beige of the tools pages (owner, 2026-10-23); cards and panels are white on it */
body{background:#f8f5f0}
.news-main h1,.news-main h2,.news-main h3,.news-main h4,.page-hero h1,.news-stat-value,.news-entry-datechip-day{font-family:var(--fh);color:var(--ink);letter-spacing:-.012em;font-weight:700}
.container{max-width:1180px;padding-left:24px;padding-right:24px}
/* title band + sub-nav */
.page-hero{background:transparent;padding:44px 0 20px}
.page-hero h1{font-size:38px;line-height:1.15;text-wrap:balance;color:var(--ink)}
.page-hero-description{font-size:17px;line-height:1.5;color:var(--ink-500);margin-top:10px;text-wrap:pretty}
.news-subnav{background:#f8f5f0;border-bottom:1px solid var(--ink-200);margin-bottom:0}
.news-subnav ul{gap:4px}
.news-subnav a,.news-navgroup-btn{font-size:14.5px;font-weight:500;color:var(--ink-700);padding:12px 12px 13px}
.news-subnav a:hover,.news-navgroup-btn:hover{color:var(--ink)}
.news-subnav>.container>ul>li>a.is-active,.news-navgroup-btn.is-active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}
.news-navgroup-panel{border:1px solid var(--ink-200);border-radius:12px;box-shadow:var(--shadow-md)}
/* body */
.news-main{padding-top:26px}
p,li,td{color:var(--ink-700)}
.news-main a{color:var(--link)}.news-main a:hover{color:var(--link-dark)}
.news-meta-line{font-size:14px;color:var(--ink-500)}
.news-meta-line b,.news-meta-line time{color:var(--ink)}
.news-crumbs{font-size:14px}
.news-lede,.news-intro p{font-size:17.5px;line-height:1.6;color:var(--ink)}
.news-section-body>p:first-child,.news-section:not(.news-section--split)>.news-section-deck+p{font-size:18px;color:var(--ink)}
/* cards: one hairline, no shadow */
.news-what-changed,.news-hub-card,.news-entry,.news-index-item,.news-stat,.news-faq-item,.news-tip-box,.news-author-card,.news-keyfact,.news-guides-card,.news-index-card,.news-topic-card,.news-strip-wrap,.news-search-box,.news-entry-rows,.news-week-box{box-shadow:none;border:1px solid var(--ink-200);border-radius:14px}
.news-hub-card:hover,.news-entry:hover,.news-index-item:hover{box-shadow:var(--shadow-md);border-color:var(--ink-300);transform:none}
.news-what-changed h2{color:var(--ink);font-family:var(--fh);font-size:13px;letter-spacing:.08em;font-weight:700}
.news-week-box{background:#fff}
.news-week-box .news-index-row{background:var(--ink-25)}
.news-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.news-stat{padding:18px 20px 16px;background:#fff}
.news-stat-value{font-size:34px;font-weight:700;letter-spacing:-.02em}
.news-stat-label{font-size:14px;color:var(--ink-700)}
.news-main .news-hub-card h2{font-family:var(--fh);font-size:17px;line-height:1.2;letter-spacing:-.01em;overflow-wrap:normal}
.news-hub-card-icon{border-radius:9px}
.news-hub-card-updated{color:var(--ink-500)}
/* guides and index lists */
.news-main h2{font-size:26px;letter-spacing:-.015em}
.news-main .news-what-changed h2,.news-main .news-week-box h2{font-size:13px;letter-spacing:.08em}
.news-main h3{font-size:19px}
.news-guides-group-title,.news-month-label{font-family:var(--fh);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);font-weight:700}
.news-index-item a,.news-guides-card a{font-weight:600}
/* chips */
.news-chip,.news-filter-chip,.news-typefilter-chip{background:#fff;border:1px solid var(--ink-200);color:var(--ink-700);font-weight:500}
.news-filter-chip.is-active,.news-typefilter-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.news-status{background:#eef6ef;border:1px solid #cfe3d3;color:#1f4d2b;border-radius:999px}
/* tables */
.news-table th{background:var(--ink-100);color:var(--ink);font-family:var(--fh);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.news-table td{border-color:var(--ink-100)}
.news-year-row td,.news-year-row th{background:var(--ink-100);font-family:var(--fh);color:var(--ink-500)}
/* entries */
.news-entry-title a{font-weight:600;color:var(--ink)}
.news-entry-title a:hover{color:var(--link)}
.news-entry-datechip{background:var(--ink-50);border-color:var(--ink-200);border-radius:10px}
.news-entry-datechip-day{font-size:22px}
/* sections, FAQ */
.news-layout-main>section.news-section:nth-of-type(even){background:#fff;border:1px solid var(--ink-200);border-radius:14px}
.news-faq h2 svg,.news-what-changed h2 svg,.news-week-box h2 svg{color:var(--ink-500)}
.news-faq-item{background:#fff;padding:18px 22px}
.news-faq-item h3,.news-faq-q{font-family:var(--fb);font-size:17px;font-weight:600;color:var(--ink)}
/* rail */
.news-toc{border:0;background:transparent}
.news-toc-title{font-family:var(--fh);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);font-weight:700}
.news-toc a{color:var(--ink-700);border-radius:8px}
.news-toc a:hover{background:#fff;color:var(--ink)}
/* foot */
.news-page-foot{border-top:1px solid var(--ink-200)}
.news-tip-box{border-style:solid;background:#fff}
.news-cite-box code{background:#fff;border-color:var(--ink-200);font-family:var(--mono)}
.news-timeline li::before,.news-timeline li>time::before{background:var(--ink-400)}
.news-timeline{border-color:var(--ink-200)}
.news-main .news-toc a.is-here,.news-main .news-toc a.is-here:hover{background:#fff;color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--ink-200)}