/* ============================================================================= Zatra Insights unify — 20260915unify1 One type system, one rail, one card system for the Insights hub (/investmentnews/, /insights/*) and every /post/ page, matched to the v12 main pages (Montserrat only, 1200px container at 24px gutters, 96/44px section rhythm, ink/line/ground tokens, red as a sparse accent). Loads LAST in on those pages. Scoped to body.insights-page and body.post-page only — the nine v12 main pages are untouched. Measured defects this file closes (15 Sep 2026 audit, live www.zatra.co): • body copy in Inter (Google Fonts) while every main page is Montserrat • 30 text nodes under 12px on a 375px phone (meta at 9.92px, chips 11.5px) • hub H2 "What is Zatra Insights?" 16.96px — smaller than the body text • hub H1 38.4px on a 37.6px line-height (descenders clipped) • post H1 forced to Title Case by text-transform:capitalize • rails 84 / 95 / 120 / 138 vs the main-page rail at 144 • section padding 16.8–29.6px against the main-page 96/44 • dark newsletter band and dark featured overlay (house: light grounds) • cover image 1,200–1,965px below the top of a post ============================================================================= */ html body.insights-page.insights-page, html body.post-page.post-page.post-page{ --ink:#0A0E12; --ink-2:#1C2128; --ink-70:rgba(10,14,18,.72); --ink-50:rgba(10,14,18,.58); --line:rgba(10,14,18,.10); --line-2:rgba(10,14,18,.18); --paper:#FFFFFF; --ground:#F5F5F6; --ground-2:#EDEDEF; --red:#F6010F; --red-deep:#900303; --font:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif; --radius:20px; --radius-sm:12px; --container:1200px; --gutter:clamp(16px,2.4vw,24px); --section-y:clamp(2.75rem,1.2rem + 5.2vw,6rem); /* 44px phone → 94px desktop */ --block-y:clamp(1.5rem,1rem + 2vw,2.5rem); /* 24px → 40px */ --card-pad:clamp(1.125rem,.9rem + 1vw,1.5rem); /* 18px → 24px */ --t-h1:clamp(1.875rem,1.1rem + 3.4vw,4rem); /* 30px → 64px (hub) */ --t-h1-post:clamp(1.875rem,1.25rem + 2vw,2.75rem); /* 30px → 44px (post) */ --t-h2:clamp(1.5rem,1.05rem + 1.7vw,2.5rem); /* 24px → 40px (hub sections) */ --t-h2-post:clamp(1.5rem,1.15rem + 1.2vw,2rem); /* 24px → 32px (post body) */ --t-h3:clamp(1.0625rem,1rem + .35vw,1.25rem); /* 17px → 20px */ --t-lede:clamp(.9375rem,.85rem + .4vw,1.125rem); /* 15px → 18px */ --t-body:clamp(1rem,.95rem + .25vw,1.0625rem); /* 16px → 17px */ --t-card-title:1.0625rem; /* 17px */ --t-card-copy:.875rem; /* 14px */ --t-meta:.8125rem; /* 13px */ --t-meta-sm:.75rem; /* 12px floor for meta */ --t-kicker:.6875rem; /* 11px floor: tracked uppercase labels only */ --ie-red:var(--red-deep); --ie-max:var(--container); --ie-ink:var(--ink); --ie-muted:var(--ink-70); --ie-line:var(--line); --ie-soft:var(--ground); --title:var(--font)!important; --body:var(--font)!important; --zatra-font-display:var(--font)!important; --zatra-page-gutter:var(--gutter)!important; --zatra-section-y:var(--section-y)!important; --zatra-card-pad:var(--card-pad)!important; --zatra-body:var(--t-body)!important; --zatra-body-lh:1.65!important; --zatra-h1-size:var(--t-h1)!important; --zatra-h1:var(--t-h1)!important; --zatra-h1-lh:1.04!important; --zatra-h1-ls:-.03em!important; --zatra-h1-weight:800!important; --zatra-h2:var(--t-h2)!important; --zatra-h2-lh:1.08!important; --zatra-h2-ls:-.025em!important; --zatra-h3:var(--t-h3)!important; --zatra-h3-lh:1.3!important; --zatra-h3-ls:-.015em!important; font-family:var(--font); color:var(--ink); -webkit-font-smoothing:antialiased; } /* ---------- 0. No page zoom. page-spacing-home.css renders the hub at body{zoom:1.06} — every measurement on the hub was 6% off the design (1200px container → 1272px, rail 144 → 109). ---------- */ html body.insights-page.insights-page, html body.post-page.post-page.post-page{ zoom:1!important; --zatra-page-zoom:1!important; } /* ---------- 1. One typeface. Inter is gone; nothing below the floor. ---------- */ html body.insights-page.insights-page *:not(code):not(pre):not(kbd):not(samp):not(svg):not(svg *), html body.post-page.post-page.post-page *:not(code):not(pre):not(kbd):not(samp):not(svg):not(svg *){ font-family:var(--font)!important; } html body.insights-page.insights-page,html body.post-page.post-page.post-page{ font-size:16px; } /* ---------- 2. Rail: 1200px container, 24px gutters (144 → 1296 at 1440) ---------- */ html body.insights-page.insights-page .ie-hero-shell, html body.insights-page.insights-page .ie-cats-inner, html body.insights-page.insights-page .ie-section, html body.insights-page.insights-page .ie-rails-inner, html body.insights-page.insights-page .ie-newsletter-inner, html body.insights-page.insights-page .ie-trust-grid, html body.insights-page.insights-page .ie-trust-note, html body.insights-page.insights-page .zatra-breadcrumbs, html body.insights-page.insights-page .lp-section > .container, html body.insights-page.insights-page .section-soft > .container, html body.insights-page.insights-page .recommended-next, html body.post-page.post-page.post-page .post-crumbs, html body.post-page.post-page.post-page .post-layout, html body.post-page.post-page.post-page .post-end-desk, html body.post-page.post-page.post-page .post-bottom-related, html body.post-page.post-page.post-page .recommended-next{ box-sizing:border-box!important; width:min(100%,var(--container))!important; max-width:var(--container)!important; margin-left:auto!important; margin-right:auto!important; padding-left:var(--gutter)!important; padding-right:var(--gutter)!important; } html body.insights-page.insights-page .ie-section{ padding-top:var(--section-y)!important; padding-bottom:var(--section-y)!important; } html body.insights-page.insights-page .ie-section--featured{ padding-top:var(--section-y)!important; } html body.insights-page.insights-page .ie-rails-inner{ padding-top:var(--section-y)!important; padding-bottom:var(--section-y)!important; } html body.insights-page.insights-page .lp-section, html body.insights-page.insights-page .section-soft{ padding-top:var(--section-y)!important; padding-bottom:var(--section-y)!important; } html body.insights-page.insights-page .ie-trust{ padding-top:var(--section-y)!important; padding-bottom:var(--section-y)!important; } html body.insights-page.insights-page .ie-newsletter{ padding-top:var(--block-y)!important; padding-bottom:var(--block-y)!important; } /* ---------- 3. Hub hero ---------- */ html body.insights-page.insights-page .ie-hero{ padding-top:clamp(1.25rem,.5rem + 2.5vw,3rem)!important; padding-bottom:clamp(1.25rem,.5rem + 2.5vw,3rem)!important; } html body.insights-page.insights-page .ie-hero-shell{ display:grid!important; grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)!important; gap:clamp(1.5rem,2vw + .5rem,3rem)!important; align-items:center!important; } html body.insights-page.insights-page .ie-hero-copy{ padding:0!important; max-width:none!important; margin:0!important; } html body.insights-page.insights-page .ie-hero-meta{ margin:0 0 1rem!important; padding:0!important; background:none!important; border:0!important; box-shadow:none!important; font-size:var(--t-meta-sm)!important; font-weight:600!important; line-height:1.4!important; letter-spacing:.06em!important; text-transform:uppercase!important; color:var(--ink-50)!important; } html body.insights-page.insights-page .ie-hero-meta span{ font-size:inherit!important; color:inherit!important; } html body.insights-page.insights-page .ie-kicker{ margin:0 0 .9rem!important; padding:0!important; background:none!important; border:0!important; box-shadow:none!important; font-size:var(--t-kicker)!important; font-weight:700!important; line-height:1!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--red-deep)!important; } html body.insights-page.insights-page h1#insights-h1, html body.insights-page.insights-page .ie-hero-copy h1{ margin:0 0 1rem!important; padding:0!important; font-size:var(--t-h1)!important; font-weight:800!important; line-height:1.04!important; letter-spacing:-.03em!important; color:var(--ink)!important; text-transform:none!important; text-wrap:balance; max-width:14ch!important; } html body.insights-page.insights-page h1#insights-h1 .hero-h1-line--accent, html body.insights-page.insights-page .ie-hero-copy h1 .hero-h1-line--accent{ color:var(--red-deep)!important; -webkit-text-fill-color:var(--red-deep)!important; background:none!important; } html body.insights-page.insights-page .ie-hero-lede{ margin:0 0 1.5rem!important; max-width:36rem!important; font-size:var(--t-lede)!important; line-height:1.55!important; color:var(--ink-70)!important; font-weight:400!important; } html body.insights-page.insights-page .ie-search{ width:min(100%,32rem)!important; margin:0 0 1rem!important; } html body.insights-page.insights-page .ie-search input{ min-height:48px!important; font-size:1rem!important; border:1px solid var(--line-2)!important; border-radius:var(--radius-sm) 0 0 var(--radius-sm)!important; background:#fff!important; padding:0 1rem!important; } html body.insights-page.insights-page .ie-search button{ min-height:48px!important; font-size:.875rem!important; font-weight:700!important; background:var(--red-deep)!important; color:#fff!important; border:0!important; border-radius:0 var(--radius-sm) var(--radius-sm) 0!important; padding:0 1.15rem!important; } html body.insights-page.insights-page .ie-hero-proof{ display:flex!important; flex-wrap:wrap!important; gap:.5rem!important; margin:0!important; padding:0!important; list-style:none!important; } html body.insights-page.insights-page .ie-hero-proof li{ margin:0!important; padding:.45rem .75rem!important; font-size:var(--t-meta)!important; font-weight:600!important; line-height:1.2!important; color:var(--ink-70)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:999px!important; } html body.insights-page.insights-page .ie-hero-proof li::before{ content:none!important; } html body.insights-page.insights-page .ie-hero-media{ min-height:0!important; aspect-ratio:4/3!important; border-radius:var(--radius)!important; overflow:hidden!important; background-image:none!important; background-color:var(--ground-2)!important; } html body.insights-page.insights-page .ie-hero-media::after{ content:none!important; } /* ---------- 4. Browse bar: compact chips, one row on the phone ---------- */ html body.insights-page.insights-page .ie-cats-wrap{ background:rgba(255,255,255,.86)!important; border-bottom:1px solid var(--line)!important; top:var(--nav-h,68px)!important; } html body.insights-page.insights-page .ie-cats-inner{ padding-top:.75rem!important; padding-bottom:.75rem!important; display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; align-items:center!important; gap:.75rem 1rem!important; } html body.insights-page.insights-page .ie-cats-label{ font-size:var(--t-kicker)!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--ink-50)!important; margin:0!important; } html body.insights-page.insights-page .ie-cats{ display:flex!important; flex-wrap:wrap!important; gap:.5rem!important; padding:0!important; margin:0!important; overflow:visible!important; } html body.insights-page.insights-page .ie-cat-btn{ flex:0 0 auto!important; width:auto!important; grid-column:auto!important; max-width:none!important; justify-self:auto!important; display:inline-flex!important; flex-direction:row!important; align-items:center!important; gap:.45rem!important; min-height:40px!important; padding:0 .9rem!important; margin:0!important; font-size:var(--t-meta)!important; font-weight:600!important; line-height:1!important; letter-spacing:0!important; text-transform:none!important; color:var(--ink-70)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:999px!important; box-shadow:none!important; transform:none!important; } html body.insights-page.insights-page .ie-cat-btn > span:last-child{ font-size:inherit!important; } html body.insights-page.insights-page .ie-cat-ico{ width:18px!important; height:18px!important; margin:0!important; background:none!important; border-radius:0!important; color:var(--ink-50)!important; } html body.insights-page.insights-page .ie-cat-ico svg{ width:16px!important; height:16px!important; } html body.insights-page.insights-page .ie-cat-btn:hover{ border-color:var(--line-2)!important; color:var(--ink)!important; } html body.insights-page.insights-page .ie-cat-btn.is-active{ background:var(--ink)!important; border-color:var(--ink)!important; color:#fff!important; } html body.insights-page.insights-page .ie-cat-btn.is-active .ie-cat-ico{ color:#fff!important; background:none!important; } /* ---------- 5. Section heads and the featured card (light, not a dark overlay) ---------- */ html body.insights-page.insights-page .ie-section-head{ align-items:flex-end!important; margin-bottom:var(--block-y)!important; gap:1rem 1.5rem!important; } html body.insights-page.insights-page .ie-section-eyebrow, html body.insights-page.insights-page .ie-rail-index{ font-size:var(--t-kicker)!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--red-deep)!important; margin:0 0 .5rem!important; } html body.insights-page.insights-page .ie-section-head h2, html body.insights-page.insights-page .ie-rails-masthead h2, html body.insights-page.insights-page .section-head h2, html body.insights-page.insights-page .lp-head h2, html body.insights-page.insights-page main h2.lp-h2, html body.insights-page.insights-page #featured-label{ margin:0!important; font-size:var(--t-h2)!important; font-weight:800!important; line-height:1.08!important; letter-spacing:-.025em!important; color:var(--ink)!important; text-transform:none!important; text-wrap:balance; } html body.insights-page.insights-page .ie-section-head a{ font-size:var(--t-meta)!important; font-weight:700!important; color:var(--red-deep)!important; } html body.insights-page.insights-page .ie-featured-card{ display:grid!important; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important; align-items:stretch!important; min-height:0!important; border-radius:var(--radius)!important; overflow:hidden!important; background:#fff!important; border:1px solid var(--line)!important; box-shadow:none!important; color:var(--ink)!important; transform:none!important; } html body.insights-page.insights-page .ie-featured-card:hover{ transform:none!important; box-shadow:none!important; border-color:var(--line-2)!important; } html body.insights-page.insights-page .ie-featured-bg{ position:relative!important; inset:auto!important; width:100%!important; height:100%!important; min-height:280px!important; object-fit:cover!important; display:block!important; } html body.insights-page.insights-page .ie-featured-shade{ display:none!important; } html body.insights-page.insights-page .ie-featured-copy{ position:relative!important; max-width:none!important; padding:clamp(1.25rem,1rem + 1.5vw,2.5rem)!important; justify-content:center!important; } html body.insights-page.insights-page .ie-featured-badge{ align-self:flex-start!important; margin:0 0 .9rem!important; padding:0!important; background:none!important; font-size:var(--t-kicker)!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--red-deep)!important; } html body.insights-page.insights-page .ie-featured-copy h2{ margin:0 0 .75rem!important; font-size:clamp(1.375rem,1.1rem + 1.2vw,2rem)!important; line-height:1.12!important; font-weight:800!important; letter-spacing:-.02em!important; color:var(--ink)!important; text-wrap:balance; } html body.insights-page.insights-page .ie-featured-copy p{ margin:0 0 1rem!important; font-size:var(--t-body)!important; line-height:1.55!important; color:var(--ink-70)!important; } html body.insights-page.insights-page .ie-featured-meta{ font-size:var(--t-meta-sm)!important; color:var(--ink-50)!important; } /* ---------- 6. Card system (hub grid, related, recommended) ---------- */ html body.insights-page.insights-page .ie-grid{ gap:1.5rem!important; } html body.insights-page.insights-page .ie-card, html body.post-page.post-page.post-page .post-related-card{ background:#fff!important; border:1px solid var(--line)!important; border-radius:var(--radius)!important; box-shadow:none!important; overflow:hidden!important; transform:none!important; transition:border-color .2s ease!important; } html body.insights-page.insights-page .ie-card:hover, html body.post-page.post-page.post-page .post-related-card:hover{ transform:none!important; box-shadow:none!important; border-color:var(--line-2)!important; } html body.insights-page.insights-page .ie-card-media{ aspect-ratio:16/9!important; background:var(--ground-2)!important; } html body.insights-page.insights-page .ie-card:hover .ie-card-media img{ transform:none!important; } html body.insights-page.insights-page .ie-card-body{ padding:var(--card-pad)!important; gap:.5rem!important; } html body.insights-page.insights-page .ie-card-body h3, html body.insights-page.insights-page .ie-card > a:not(.ie-card-link) h3, html body.post-page.post-page.post-page .post-related-card strong{ margin:0!important; font-size:var(--t-card-title)!important; font-weight:800!important; line-height:1.3!important; letter-spacing:-.015em!important; color:var(--ink)!important; text-wrap:balance; } html body.insights-page.insights-page .ie-card-body p, html body.insights-page.insights-page .ie-card > a:not(.ie-card-link) p{ margin:0!important; font-size:var(--t-card-copy)!important; line-height:1.5!important; color:var(--ink-70)!important; } html body.insights-page.insights-page .ie-card-body .ie-meta, html body.insights-page.insights-page .ie-card-foot, html body.insights-page.insights-page .ie-meta{ margin-top:auto!important; padding-top:.5rem!important; font-size:var(--t-meta-sm)!important; line-height:1.4!important; color:var(--ink-50)!important; } html body.post-page.post-page.post-page .post-related-grid{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important; gap:1.5rem!important; } html body.post-page.post-page.post-page .post-related-card{ display:flex!important; flex-direction:column!important; text-decoration:none!important; color:var(--ink)!important; } html body.post-page.post-page.post-page .post-related-card img{ width:100%!important; height:auto!important; aspect-ratio:16/9!important; object-fit:cover!important; display:block!important; } html body.post-page.post-page.post-page .post-related-card > div{ display:flex!important; flex-direction:column!important; gap:.5rem!important; padding:var(--card-pad)!important; } html body.post-page.post-page.post-page .post-related-card .ie-cat{ display:block!important; margin:0!important; padding:0!important; background:none!important; border:0!important; border-radius:0!important; font-size:var(--t-kicker)!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--red-deep)!important; } html body.post-page.post-page.post-page .post-related-card::before, html body.post-page.post-page.post-page .post-related-card::after{ content:none!important; } html body.post-page.post-page.post-page .post-source-mark{ background:var(--ground-2)!important; color:var(--ink)!important; border-radius:8px!important; } html body.post-page.post-page.post-page .post-evidence li::before, html body.post-page.post-page.post-page .post-sources li::before{ background:var(--red-deep)!important; } html body.post-page.post-page.post-page .post-related-card > div > span:last-child{ font-size:var(--t-card-copy)!important; line-height:1.5!important; color:var(--ink-70)!important; } /* Desk rails */ html body.insights-page.insights-page .ie-rails-masthead{ margin-bottom:var(--block-y)!important; padding:0!important; background:none!important; border:0!important; box-shadow:none!important; border-radius:0!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } html body.insights-page.insights-page .ie-rails-lede{ font-size:var(--t-lede)!important; line-height:1.55!important; color:var(--ink-70)!important; max-width:44ch!important; } html body.insights-page.insights-page .ie-rails-more{ font-size:var(--t-meta)!important; font-weight:700!important; color:var(--red-deep)!important; } html body.insights-page.insights-page .ie-rails-grid{ gap:1.5rem!important; } html body.insights-page.insights-page .ie-rail{ padding:var(--card-pad)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:var(--radius)!important; box-shadow:none!important; animation:none!important; transform:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } html body.insights-page.insights-page .ie-rail:hover{ background:#fff!important; border-color:var(--line-2)!important; } html body.insights-page.insights-page .ie-rail h3{ font-size:var(--t-card-title)!important; line-height:1.3!important; font-weight:800!important; color:var(--ink)!important; margin:0 0 .5rem!important; } html body.insights-page.insights-page .ie-rail p{ font-size:var(--t-card-copy)!important; line-height:1.5!important; color:var(--ink-70)!important; min-height:0!important; margin:0 0 1rem!important; } html body.insights-page.insights-page .ie-rail a{ font-size:var(--t-meta)!important; font-weight:600!important; line-height:1.4!important; color:var(--ink)!important; } html body.insights-page.insights-page .ie-rail li + li{ margin-top:.5rem!important; } /* Newsletter and trust: light ground, ink type */ html body.insights-page.insights-page .ie-newsletter{ background:var(--ground)!important; color:var(--ink)!important; border-top:1px solid var(--line)!important; border-bottom:1px solid var(--line)!important; } html body.insights-page.insights-page .ie-newsletter h2{ font-size:clamp(1.25rem,1rem + 1vw,1.75rem)!important; line-height:1.15!important; font-weight:800!important; letter-spacing:-.02em!important; color:var(--ink)!important; } html body.insights-page.insights-page .ie-newsletter form{ border:1px solid var(--line-2)!important; border-radius:var(--radius-sm)!important; background:#fff!important; } html body.insights-page.insights-page .ie-newsletter input{ font-size:1rem!important; min-height:48px!important; padding:0 1rem!important; } html body.insights-page.insights-page .ie-newsletter button{ font-size:.875rem!important; font-weight:700!important; background:var(--red-deep)!important; color:#fff!important; min-height:48px!important; padding:0 1.15rem!important; } html body.insights-page.insights-page .ie-trust-item{ background:#fff!important; border:1px solid var(--line)!important; border-radius:var(--radius)!important; box-shadow:none!important; transform:none!important; padding:var(--card-pad)!important; } html body.insights-page.insights-page .ie-trust-item strong{ font-size:clamp(1.25rem,1rem + 1vw,1.625rem)!important; color:var(--ink)!important; } html body.insights-page.insights-page .ie-trust-label{ font-size:var(--t-meta-sm)!important; font-weight:600!important; color:var(--ink-70)!important; } html body.insights-page.insights-page .ie-trust-note{ font-size:var(--t-meta-sm)!important; color:var(--ink-50)!important; margin-top:1rem!important; } html body.insights-page.insights-page .ie-trust-ico{ background:rgba(144,3,3,.07)!important; color:var(--red-deep)!important; } /* Hub direct-answer block ("What is Zatra Insights?") — heading larger than its body */ html body.insights-page.insights-page #page-answer-engine.da-v2 .da-copy > #da-question, html body.insights-page.insights-page #page-answer-engine.da-v2 .da-copy > h2, html body.insights-page.insights-page #page-answer-engine .da-copy h2, html body.insights-page.insights-page .lp-section h2, html body.insights-page.insights-page .section-soft h2, html body.insights-page.insights-page .qa h2, html body.insights-page.insights-page .direct-answer h2{ font-size:var(--t-h2)!important; line-height:1.1!important; font-weight:800!important; letter-spacing:-.025em!important; color:var(--ink)!important; margin:0 0 1rem!important; } html body.insights-page.insights-page #page-answer-engine.da-v2 .da-copy > p.da-lead, html body.insights-page.insights-page #page-answer-engine.da-v2 .da-copy > p, html body.insights-page.insights-page #page-answer-engine .da-lead, html body.insights-page.insights-page .lp-section p, html body.insights-page.insights-page .section-soft p{ font-size:var(--t-body)!important; line-height:1.6!important; color:var(--ink)!important; } html body.insights-page.insights-page #page-answer-engine.da-v2 .da-copy > #sum-title, html body.insights-page.insights-page #page-answer-engine.da-v2 .qa-label, html body.insights-page.insights-page .qa-label, html body.insights-page.insights-page .lp-kicker, html body.insights-page.insights-page .section-eyebrow{ font-size:var(--t-kicker)!important; letter-spacing:.14em!important; text-transform:uppercase!important; font-weight:700!important; color:var(--red-deep)!important; } html body.insights-page.insights-page #page-answer-engine.da-v2{ background:#fff!important; border:1px solid var(--line)!important; border-radius:var(--radius)!important; box-shadow:none!important; padding:0!important; overflow:hidden!important; } html body.insights-page.insights-page #page-answer-engine.da-v2 .da-split{ display:grid!important; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important; gap:0!important; align-items:stretch!important; } html body.insights-page.insights-page #page-answer-engine.da-v2 .da-copy{ padding:clamp(1.25rem,1rem + 1.5vw,2.5rem)!important; } html body.insights-page.insights-page #page-answer-engine.da-v2 .da-figure{ margin:0!important; min-height:0!important; } html body.insights-page.insights-page #page-answer-engine.da-v2 .da-figure img{ width:100%!important; height:100%!important; min-height:260px!important; object-fit:cover!important; display:block!important; border-radius:0!important; } @media (max-width:760px){ html body.insights-page.insights-page #page-answer-engine.da-v2 .da-split{ grid-template-columns:minmax(0,1fr)!important; } html body.insights-page.insights-page #page-answer-engine.da-v2 .da-figure img{ min-height:0!important; aspect-ratio:16/9!important; } } /* Small-type floor: 12px for meta, 11px only for tracked uppercase kickers */ html body.insights-page.insights-page .ie-rails-eyebrow{ font-size:var(--t-kicker)!important; letter-spacing:.14em!important; text-transform:uppercase!important; font-weight:700!important; color:var(--red-deep)!important; } html body.insights-page.insights-page .recommended-next-label, html body.post-page.post-page.post-page .recommended-next-label{ font-size:var(--t-kicker)!important; letter-spacing:.14em!important; text-transform:uppercase!important; font-weight:700!important; color:var(--red-deep)!important; } html body.insights-page.insights-page .recommended-next a, html body.insights-page.insights-page .recommended-next li, html body.insights-page.insights-page .recommended-next span, html body.post-page.post-page.post-page .recommended-next a, html body.post-page.post-page.post-page .recommended-next li, html body.post-page.post-page.post-page .recommended-next span{ font-size:var(--t-meta)!important; } html body.post-page.post-page.post-page .post-source-mark{ font-size:var(--t-kicker)!important; letter-spacing:.06em!important; width:36px!important; height:36px!important; } html body.post-page.post-page.post-page .post-source-host, html body.post-page.post-page.post-page .post-sources span, html body.post-page.post-page.post-page .post-top-item span, html body.post-page.post-page.post-page .post-sidebar time, html body.post-page.post-page.post-page .zatra-review-ask__scan, html body.post-page.post-page.post-page small, html body.insights-page.insights-page small, html body.post-page.post-page.post-page figcaption{ font-size:var(--t-meta-sm)!important; line-height:1.4!important; } /* Breadcrumbs (both templates) */ html body.insights-page.insights-page .zatra-breadcrumbs, html body.post-page.post-page.post-page .post-crumbs{ padding-top:.75rem!important; padding-bottom:.75rem!important; font-size:var(--t-meta)!important; color:var(--ink-50)!important; } html body.insights-page.insights-page .zatra-breadcrumbs a, html body.post-page.post-page.post-page .post-crumbs a{ color:var(--ink-70)!important; font-weight:600!important; text-decoration:none!important; } html body.post-page.post-page.post-page .post-crumbs ol{ display:flex!important; flex-wrap:wrap!important; gap:.35rem .5rem!important; margin:0!important; padding:0!important; list-style:none!important; } html body.post-page.post-page.post-page .post-crumbs li{ font-size:var(--t-meta)!important; } html body.post-page.post-page.post-page .post-crumbs li[aria-current]{ color:var(--ink-50)!important; font-weight:500!important; } /* ---------- 7. Post page ---------- */ html body.post-page.post-page.post-page .post-layout{ display:grid!important; grid-template-columns:minmax(0,1fr) 320px!important; gap:clamp(2rem,2vw + 1rem,4rem)!important; align-items:start!important; padding-top:0!important; padding-bottom:var(--section-y)!important; } html body.post-page.post-page.post-page .post-main{ min-width:0!important; } html body.post-page.post-page.post-page article.migrate-article{ padding:0!important; max-width:none!important; } /* Masthead: kicker → H1 → meta → cover → direct answer → share (order set by post-chrome.js) */ html body.post-page.post-page.post-page .migrate-eyebrow{ display:flex!important; align-items:center!important; gap:.6rem!important; margin:0 0 1rem!important; padding:0!important; font-size:var(--t-kicker)!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--red-deep)!important; } html body.post-page.post-page.post-page .migrate-eyebrow a{ color:inherit!important; text-decoration:none!important; font:inherit!important; } html body.post-page.post-page.post-page main#main article.migrate-article h1, html body.post-page.post-page.post-page .post-main article.migrate-article > h1, html body.post-page.post-page.post-page h1.post-h1-stack{ margin:0 0 1rem!important; padding:0!important; max-width:22ch!important; font-size:var(--t-h1-post)!important; font-weight:800!important; line-height:1.08!important; letter-spacing:-.025em!important; color:var(--ink)!important; -webkit-text-fill-color:var(--ink)!important; text-transform:none!important; text-wrap:balance; } html body.post-page.post-page.post-page h1.post-h1-stack .hero-h1-line{ display:inline!important; font:inherit!important; } html body.post-page.post-page.post-page h1.post-h1-stack .hero-h1-line--accent{ color:var(--red-deep)!important; -webkit-text-fill-color:var(--red-deep)!important; background:none!important; } html body.post-page.post-page.post-page .migrate-meta{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:.5rem .5rem!important; margin:0 0 1.25rem!important; padding:0!important; font-size:var(--t-meta)!important; line-height:1.4!important; color:var(--ink-50)!important; } html body.post-page.post-page.post-page .migrate-meta .meta-chip{ display:inline-flex!important; align-items:center!important; gap:.4rem!important; padding:0!important; margin:0!important; background:none!important; border:0!important; font-size:inherit!important; color:inherit!important; } html body.post-page.post-page.post-page .migrate-meta .meta-chip + .meta-chip::before{ content:"·"; color:var(--ink-50); margin-right:.5rem; } html body.post-page.post-page.post-page .migrate-meta .meta-chip svg{ width:14px!important; height:14px!important; stroke:currentColor; fill:none; stroke-width:1.8; flex:none; } html body.post-page.post-page.post-page .migrate-meta a{ color:var(--ink)!important; font-weight:600!important; text-decoration:none!important; } html body.post-page.post-page.post-page figure.migrate-cover, html body.post-page.post-page.post-page figure.post-cover{ margin:0 0 1.5rem!important; padding:0!important; width:100%!important; max-width:none!important; border-radius:var(--radius)!important; overflow:hidden!important; background:var(--ground-2)!important; } html body.post-page.post-page.post-page figure.migrate-cover img, html body.post-page.post-page.post-page figure.post-cover img{ display:block!important; width:100%!important; height:auto!important; aspect-ratio:16/9!important; object-fit:cover!important; border-radius:0!important; } html body.post-page.post-page.post-page figure.migrate-cover figcaption, html body.post-page.post-page.post-page figure.post-cover figcaption{ padding:.6rem 0 0!important; font-size:var(--t-meta-sm)!important; line-height:1.4!important; color:var(--ink-50)!important; background:none!important; } html body.post-page.post-page.post-page .quick-answer, html body.post-page.post-page.post-page #page-answer-engine, html body.post-page.post-page.post-page .post-answer-deck{ margin:0 0 1.5rem!important; padding:var(--card-pad)!important; background:#fff!important; border:1px solid var(--line)!important; border-left:3px solid var(--red-deep)!important; border-radius:var(--radius-sm)!important; box-shadow:none!important; } html body.post-page.post-page.post-page .quick-answer .qa-label, html body.post-page.post-page.post-page .quick-answer [class*="label"], html body.post-page.post-page.post-page .quick-answer > span:first-child{ display:block!important; margin:0 0 .6rem!important; font-size:var(--t-kicker)!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--red-deep)!important; } html body.post-page.post-page.post-page .quick-answer p, html body.post-page.post-page.post-page #page-answer-engine p, html body.post-page.post-page.post-page .post-answer-deck{ margin:0!important; font-size:var(--t-body)!important; line-height:1.6!important; color:var(--ink)!important; } html body.post-page.post-page.post-page .post-byline{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:space-between!important; gap:.75rem 1.5rem!important; margin:0 0 1.5rem!important; } html body.post-page.post-page.post-page .post-byline .migrate-meta, html body.post-page.post-page.post-page .post-byline .post-trust-meta{ margin:0!important; flex:1 1 auto!important; } html body.post-page.post-page.post-page .post-byline .post-share{ margin:0!important; flex:0 0 auto!important; } html body.post-page.post-page.post-page .post-share{ display:flex!important; gap:.5rem!important; margin:0 0 1.5rem!important; } html body.post-page.post-page.post-page .post-share a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:40px!important; height:36px!important; padding:0 .75rem!important; font-size:var(--t-meta-sm)!important; font-weight:700!important; color:var(--ink-70)!important; text-decoration:none!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:999px!important; } html body.post-page.post-page.post-page .post-share a:hover{ border-color:var(--ink)!important; color:var(--ink)!important; } /* In this guide */ html body.post-page.post-page.post-page .post-guide{ margin:0 0 var(--block-y)!important; padding:var(--card-pad)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:var(--radius)!important; box-shadow:none!important; } html body.post-page.post-page.post-page .post-guide-head{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:1rem!important; margin:0 0 .75rem!important; padding:0!important; border:0!important; } html body.post-page.post-page.post-page .post-guide-kicker{ margin:0 0 .25rem!important; font-size:var(--t-kicker)!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--red-deep)!important; } html body.post-page.post-page.post-page .post-guide-kicker::before{ content:none!important; } html body.post-page.post-page.post-page .post-guide-lede{ margin:0!important; font-size:var(--t-meta)!important; line-height:1.45!important; color:var(--ink-70)!important; } html body.post-page.post-page.post-page .post-guide-toggle{ flex:none!important; min-height:32px!important; padding:0 .75rem!important; font-size:var(--t-meta-sm)!important; font-weight:700!important; color:var(--ink-70)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:999px!important; } html body.post-page.post-page.post-page .post-guide-list{ margin:0!important; padding:0!important; list-style:none!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:0 1.5rem!important; } html body.post-page.post-page.post-page .post-guide-list li{ margin:0!important; padding:0!important; border:0!important; } html body.post-page.post-page.post-page .post-guide-list a{ display:flex!important; align-items:baseline!important; gap:.6rem!important; padding:.55rem 0!important; border-top:1px solid var(--line)!important; font-size:var(--t-meta)!important; font-weight:600!important; line-height:1.35!important; color:var(--ink)!important; text-decoration:none!important; } html body.post-page.post-page.post-page .post-guide-list a:hover .post-guide-label{ color:var(--red-deep)!important; } html body.post-page.post-page.post-page .post-guide-num{ flex:none!important; font-size:var(--t-kicker)!important; font-weight:700!important; letter-spacing:.06em!important; color:var(--red-deep)!important; } html body.post-page.post-page.post-page .post-guide-label{ font-size:inherit!important; font-weight:inherit!important; color:inherit!important; } /* Body sections */ html body.post-page.post-page.post-page .post-section-card{ margin:0 0 var(--block-y)!important; padding:var(--card-pad)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:var(--radius)!important; box-shadow:none!important; } html body.post-page.post-page.post-page .post-section-card > h2, html body.post-page.post-page.post-page main#main article.migrate-article h2, html body.post-page.post-page.post-page .post-main article.migrate-article h2{ display:block!important; margin:0 0 1rem!important; padding:0 0 .75rem!important; border-bottom:1px solid var(--line)!important; border-top:0!important; font-size:var(--t-h2-post)!important; font-weight:800!important; line-height:1.15!important; letter-spacing:-.02em!important; color:var(--ink)!important; text-transform:none!important; max-width:none!important; text-wrap:balance; } html body.post-page.post-page.post-page .post-section-card > h2::before, html body.post-page.post-page.post-page .post-section-card > h2::after, html body.post-page.post-page.post-page .post-section-card h2[data-icon]::before, html body.post-page.post-page.post-page .post-section-card > h2 > svg, html body.post-page.post-page.post-page .post-section-card > .post-section-ico, html body.post-page.post-page.post-page .post-section-card > h2 > .post-section-ico{ content:none!important; display:none!important; } html body.post-page.post-page.post-page .post-section-card > h2{ padding-left:0!important; } html body.post-page.post-page.post-page main#main article.migrate-article h2::before, html body.post-page.post-page.post-page main#main article.migrate-article h2::after, html body.post-page.post-page.post-page main#main article.migrate-article h2 > svg, html body.post-page.post-page.post-page main#main article.migrate-article h2 > .post-section-ico, html body.post-page.post-page.post-page main#main article.migrate-article h2 > [class*="ico"], html body.post-page.post-page.post-page main#main .zatra-review-ask h2::before, html body.post-page.post-page.post-page main#main .post-disclaimer h2::before, html body.post-page.post-page.post-page main#main .post-evidence h2::before, html body.post-page.post-page.post-page main#main .post-faq h2::before{ content:none!important; display:none!important; } html body.post-page.post-page.post-page main#main article.migrate-article h2{ padding-left:0!important; text-indent:0!important; } html body.post-page.post-page.post-page .post-section-card + .post-section-card{ margin-top:0!important; } html body.post-page.post-page.post-page main#main article.migrate-article h3, html body.post-page.post-page.post-page .post-section-card h3{ margin:1.5rem 0 .6rem!important; font-size:var(--t-h3)!important; font-weight:700!important; line-height:1.3!important; letter-spacing:-.012em!important; color:var(--ink)!important; text-transform:none!important; } html body.post-page.post-page.post-page .post-section-card > h2 + h3{ margin-top:0!important; } html body.post-page.post-page.post-page article.migrate-article p, html body.post-page.post-page.post-page article.migrate-article li, html body.post-page.post-page.post-page .post-section-card p, html body.post-page.post-page.post-page .post-section-card li{ font-size:var(--t-body)!important; line-height:1.65!important; color:var(--ink-70)!important; max-width:70ch!important; text-wrap:pretty; } html body.post-page.post-page.post-page article.migrate-article > p, html body.post-page.post-page.post-page .post-section-card p{ margin:0 0 1rem!important; } html body.post-page.post-page.post-page .post-section-card li{ margin-bottom:.5rem!important; } html body.post-page.post-page.post-page .post-section-card strong, html body.post-page.post-page.post-page article.migrate-article strong{ color:var(--ink)!important; font-weight:700!important; } html body.post-page.post-page.post-page .post-section-card a, html body.post-page.post-page.post-page article.migrate-article > p a{ color:var(--ink)!important; text-decoration:underline!important; text-decoration-color:var(--red-deep)!important; text-underline-offset:3px!important; font-weight:600!important; } html body.post-page.post-page.post-page .post-section-card table{ width:100%!important; border-collapse:collapse!important; font-size:var(--t-meta)!important; margin:0 0 1rem!important; } html body.post-page.post-page.post-page .post-section-card th, html body.post-page.post-page.post-page .post-section-card td{ padding:.6rem .75rem!important; border-bottom:1px solid var(--line)!important; text-align:left!important; vertical-align:top!important; line-height:1.45!important; } html body.post-page.post-page.post-page .post-section-card th{ font-weight:700!important; color:var(--ink)!important; background:var(--ground)!important; } html body.post-page.post-page.post-page .post-section-card details{ border-top:1px solid var(--line)!important; padding:.75rem 0!important; } html body.post-page.post-page.post-page .post-section-card summary{ font-size:var(--t-body)!important; font-weight:700!important; color:var(--ink)!important; cursor:pointer; } /* FAQ / evidence / author / disclaimer / review-ask / related-commercial: same card, same type */ html body.post-page.post-page.post-page .post-faq, html body.post-page.post-page.post-page .post-evidence, html body.post-page.post-page.post-page .post-author-block, html body.post-page.post-page.post-page .post-related-commercial, html body.post-page.post-page.post-page .post-disclaimer, html body.post-page.post-page.post-page .zatra-review-ask{ margin:0 0 var(--block-y)!important; padding:var(--card-pad)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:var(--radius)!important; box-shadow:none!important; } html body.post-page.post-page.post-page .post-faq h2, html body.post-page.post-page.post-page .post-evidence > h2, html body.post-page.post-page.post-page .post-author-block h2, html body.post-page.post-page.post-page .post-related-commercial h2, html body.post-page.post-page.post-page .post-disclaimer h2, html body.post-page.post-page.post-page .zatra-review-ask h2, html body.post-page.post-page.post-page .post-bottom-related > h2, html body.post-page.post-page.post-page .post-end-desk h2{ margin:0 0 1rem!important; padding:0 0 .75rem!important; border-bottom:1px solid var(--line)!important; font-size:var(--t-h2-post)!important; font-weight:800!important; line-height:1.15!important; letter-spacing:-.02em!important; color:var(--ink)!important; text-transform:none!important; } html body.post-page.post-page.post-page .post-bottom-related > h2{ border-bottom:0!important; padding-bottom:0!important; margin-bottom:var(--block-y)!important; font-size:var(--t-h2)!important; } html body.post-page.post-page.post-page .post-faq details{ border-top:1px solid var(--line)!important; padding:.75rem 0!important; margin:0!important; background:none!important; border-radius:0!important; } html body.post-page.post-page.post-page .post-faq details:first-of-type{ border-top:0!important; } html body.post-page.post-page.post-page .post-faq summary{ font-size:var(--t-body)!important; font-weight:700!important; color:var(--ink)!important; line-height:1.4!important; } html body.post-page.post-page.post-page .post-faq details p{ margin:.5rem 0 0!important; } html body.post-page.post-page.post-page .zatra-review-ask{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:1.5rem!important; align-items:center!important; } html body.post-page.post-page.post-page .zatra-review-ask__qr img{ width:120px!important; height:120px!important; } /* Sidebar */ html body.post-page.post-page.post-page .post-sidebar{ display:flex!important; flex-direction:column!important; gap:1.5rem!important; position:sticky!important; top:calc(var(--nav-h,68px) + 16px)!important; } html body.post-page.post-page.post-page .post-sidebar .post-card{ margin:0!important; padding:var(--card-pad)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:var(--radius)!important; box-shadow:none!important; } html body.post-page.post-page.post-page .post-sidebar .post-card-title{ display:flex!important; align-items:center!important; gap:.5rem!important; margin:0 0 .9rem!important; padding:0 0 .75rem!important; border-bottom:1px solid var(--line)!important; font-size:var(--t-kicker)!important; font-weight:700!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--red-deep)!important; } html body.post-page.post-page.post-page .post-sidebar .post-card-title svg{ width:14px!important; height:14px!important; } html body.post-page.post-page.post-page .post-top-item{ display:grid!important; grid-template-columns:64px minmax(0,1fr)!important; gap:.75rem!important; align-items:center!important; padding:.6rem 0!important; border-top:1px solid var(--line)!important; text-decoration:none!important; color:var(--ink)!important; } html body.post-page.post-page.post-page .post-top-item:first-child{ border-top:0!important; padding-top:0!important; } html body.post-page.post-page.post-page .post-top-item img{ width:64px!important; height:48px!important; object-fit:cover!important; border-radius:8px!important; } html body.post-page.post-page.post-page .post-top-item strong{ display:block!important; font-size:var(--t-meta)!important; font-weight:700!important; line-height:1.35!important; color:var(--ink)!important; } html body.post-page.post-page.post-page .post-top-item span{ display:block!important; margin-top:.15rem!important; font-size:var(--t-meta-sm)!important; color:var(--ink-50)!important; } html body.post-page.post-page.post-page .post-sidebar p, html body.post-page.post-page.post-page .post-sidebar li, html body.post-page.post-page.post-page .post-sidebar a:not(.post-top-item):not(.btn){ font-size:var(--t-meta)!important; line-height:1.5!important; } /* End desk */ html body.post-page.post-page.post-page .post-end-desk{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:1.5rem!important; padding-top:0!important; padding-bottom:var(--section-y)!important; } html body.post-page.post-page.post-page .post-end-disclaimer, html body.post-page.post-page.post-page .post-end-cta{ margin:0!important; padding:var(--card-pad)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:var(--radius)!important; color:var(--ink)!important; box-shadow:none!important; } html body.post-page.post-page.post-page .post-end-cta{ background:var(--ground)!important; } html body.post-page.post-page.post-page .post-end-cta h2, html body.post-page.post-page.post-page .post-end-disclaimer h2{ color:var(--ink)!important; -webkit-text-fill-color:var(--ink)!important; } html body.post-page.post-page.post-page .post-end-desk p{ font-size:var(--t-meta)!important; line-height:1.55!important; color:var(--ink-70)!important; } html body.post-page.post-page.post-page .post-end-nap a{ color:var(--ink)!important; font-weight:600!important; } html body.post-page.post-page.post-page .post-end-cta .btn, html body.post-page.post-page.post-page .post-end-cta .btn-primary{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:48px!important; padding:0 1.25rem!important; font-size:.9375rem!important; font-weight:700!important; color:#fff!important; background:var(--red-deep)!important; border:0!important; border-radius:999px!important; text-decoration:none!important; } html body.post-page.post-page.post-page .post-bottom-related{ padding-top:0!important; padding-bottom:var(--section-y)!important; } /* Story module (optional slide strip) — one row, no taller than the column */ html body.post-page.post-page.post-page .zatra-story{ margin:0 0 var(--block-y)!important; padding:var(--card-pad)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:var(--radius)!important; box-shadow:none!important; } html body.post-page.post-page.post-page .zatra-story h2, html body.post-page.post-page.post-page .zatra-story h3, html body.post-page.post-page.post-page .zatra-story [class*="title"]{ font-size:var(--t-h3)!important; line-height:1.3!important; font-weight:800!important; color:var(--ink)!important; } html body.post-page.post-page.post-page .zatra-story p, html body.post-page.post-page.post-page .zatra-story li{ font-size:var(--t-meta)!important; line-height:1.5!important; } /* ---------- 8. Phone ---------- */ @media (max-width:980px){ html body.post-page.post-page.post-page .post-layout{ grid-template-columns:minmax(0,1fr)!important; gap:var(--block-y)!important; } html body.post-page.post-page.post-page .post-sidebar{ position:static!important; } html body.post-page.post-page.post-page .post-end-desk{ grid-template-columns:minmax(0,1fr)!important; } html body.insights-page.insights-page .ie-featured-card{ grid-template-columns:minmax(0,1fr)!important; } html body.insights-page.insights-page .ie-featured-bg{ min-height:0!important; aspect-ratio:16/9!important; } html body.insights-page.insights-page .ie-hero-shell{ grid-template-columns:minmax(0,1fr)!important; gap:1.25rem!important; } html body.insights-page.insights-page .ie-hero-copy{ order:0!important; } html body.insights-page.insights-page .ie-hero-media{ order:1!important; aspect-ratio:16/9!important; } } @media (max-width:760px){ html body.insights-page.insights-page .ie-cats-inner{ grid-template-columns:minmax(0,1fr)!important; gap:.5rem!important; } html body.insights-page.insights-page .ie-cats{ flex-wrap:nowrap!important; overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch; scrollbar-width:none; margin-left:calc(var(--gutter) * -1)!important; margin-right:calc(var(--gutter) * -1)!important; padding-left:var(--gutter)!important; padding-right:var(--gutter)!important; scroll-snap-type:x proximity; scroll-padding-left:var(--gutter); } html body.insights-page.insights-page .ie-cats::-webkit-scrollbar{ display:none; } html body.insights-page.insights-page .ie-cat-btn{ scroll-snap-align:start; min-height:38px!important; white-space:nowrap!important; } html body.insights-page.insights-page .ie-cat-ico{ display:none!important; } html body.insights-page.insights-page .ie-cats-wrap{ position:sticky!important; top:var(--nav-h,68px)!important; z-index:20!important; } html body.insights-page.insights-page h1#insights-h1, html body.insights-page.insights-page .ie-hero-copy h1{ max-width:none!important; } html body.insights-page.insights-page .ie-grid{ grid-template-columns:minmax(0,1fr)!important; gap:1rem!important; } html body.insights-page.insights-page .ie-rails-grid{ grid-template-columns:minmax(0,1fr)!important; gap:1rem!important; } html body.insights-page.insights-page .ie-trust-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:.75rem!important; } html body.insights-page.insights-page .ie-newsletter-inner{ flex-direction:column!important; align-items:stretch!important; } html body.insights-page.insights-page .ie-newsletter form{ width:100%!important; } html body.post-page.post-page.post-page .post-crumbs li[aria-current]{ display:none!important; } html body.post-page.post-page.post-page h1.post-h1-stack, html body.post-page.post-page.post-page main#main article.migrate-article h1{ max-width:none!important; } html body.post-page.post-page.post-page .post-guide-list{ grid-template-columns:minmax(0,1fr)!important; } html body.post-page.post-page.post-page .post-guide-toggle[aria-expanded="false"] + .post-guide-body{ display:none!important; } html body.post-page.post-page.post-page .zatra-review-ask{ grid-template-columns:minmax(0,1fr)!important; } html body.post-page.post-page.post-page .zatra-review-ask__qr{ justify-self:start!important; } html body.post-page.post-page.post-page .post-share{ margin-bottom:1.25rem!important; } html body.post-page.post-page.post-page .post-scroll-top, html body.post-page.post-page.post-page .scroll-top, html body.post-page.post-page.post-page [class*="back-to-top"], html body.post-page.post-page.post-page [class*="scroll-to-top"]{ display:none!important; } } @media (max-width:420px){ html body.insights-page.insights-page .ie-trust-grid{ grid-template-columns:minmax(0,1fr)!important; } } /* ---------- 9. Motion respect ---------- */ @media (prefers-reduced-motion:reduce){ html body.insights-page.insights-page *,html body.post-page.post-page.post-page *{ transition:none!important; animation:none!important; } } /* ---------- 10. Header rail and dropdown marker (post pages showed "Services +" chips and a nav wider than the page) ---------- */ html body.insights-page.insights-page header.nav > .container, html body.post-page.post-page.post-page header.nav > .container{ box-sizing:border-box!important; width:min(100%,var(--container))!important; max-width:var(--container)!important; margin-inline:auto!important; padding-left:var(--gutter)!important; padding-right:var(--gutter)!important; } html body.insights-page.insights-page header.nav .nav-links summary::after, html body.post-page.post-page.post-page header.nav .nav-links summary::after{ content:none!important; display:none!important; } html body.insights-page.insights-page header.nav .nav-links summary, html body.post-page.post-page.post-page header.nav .nav-links summary{ gap:6px!important; } html body.insights-page.insights-page header.nav .nav-links summary::marker, html body.post-page.post-page.post-page header.nav .nav-links summary::marker{ content:""!important; } /* Byline chips stay inline; the share buttons keep their width */ html body.post-page.post-page.post-page main#main .migrate-meta, html body.post-page.post-page.post-page main#main .post-byline .migrate-meta{ display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; align-items:center!important; gap:.35rem 1.25rem!important; width:auto!important; } html body.post-page.post-page.post-page main#main .migrate-meta .meta-chip{ display:inline-flex!important; flex-direction:row!important; width:auto!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; white-space:nowrap!important; } html body.post-page.post-page.post-page main#main .migrate-meta .meta-chip + .meta-chip::before{ content:none!important; margin:0!important; } html body.post-page.post-page.post-page main#main .migrate-meta .meta-chip > span{ font-size:var(--t-meta)!important; color:var(--ink-50)!important; } html body.post-page.post-page.post-page main#main .migrate-meta .meta-chip a{ color:var(--ink)!important; } html body.post-page.post-page.post-page main#main .post-share a{ width:auto!important; min-width:40px!important; max-width:none!important; white-space:nowrap!important; flex:0 0 auto!important; writing-mode:horizontal-tb!important; line-height:1!important; } /* Nav
must not inherit the FAQ accordion box from site.css; phone link hidden as on the home page */ html body.insights-page.insights-page header.nav .nav-links > details, html body.post-page.post-page.post-page header.nav .nav-links > details{ padding:0!important; margin:0!important; border:0!important; background:none!important; border-radius:0!important; box-shadow:none!important; width:auto!important; } html body.insights-page.insights-page header.nav .nav-links > details > .menu, html body.post-page.post-page.post-page header.nav .nav-links > details > .menu{ padding:8px!important; } @media (min-width:981px){ html body.insights-page.insights-page header.nav .nav-phone, html body.post-page.post-page.post-page header.nav .nav-phone{ display:none!important; } } html body.insights-page.insights-page header.nav .btn--primary, html body.post-page.post-page.post-page header.nav .btn--primary{ flex:0 0 auto!important; white-space:nowrap!important; width:auto!important; } /* Hub direct-answer photo: no dark overlay; browse chips stay on one row at desktop */ html body.insights-page.insights-page #page-answer-engine.da-v2 .da-figure::after, html body.insights-page.insights-page #page-answer-engine.da-v2 .da-figure::before, html body.insights-page.insights-page #page-answer-engine.da-v2::before, html body.insights-page.insights-page #page-answer-engine.da-v2::after{ content:none!important; display:none!important; } @media (min-width:981px){ html body.insights-page.insights-page .ie-cats{ flex-wrap:nowrap!important; max-width:none!important; } html body.insights-page.insights-page .ie-cat-btn{ padding:0 .8rem!important; } } /* ---------- 11. Desk hubs (/insights/*): same rail, same type, cards with covers ---------- */ html body.insights-page.insights-page main.ie-wrap{ box-sizing:border-box!important; width:min(100%,var(--container))!important; max-width:var(--container)!important; margin:0 auto!important; padding:var(--block-y) var(--gutter) var(--section-y)!important; } html body.insights-page.insights-page main.ie-wrap > nav:first-child{ display:flex!important; flex-wrap:wrap!important; gap:.35rem .5rem!important; margin:0 0 var(--block-y)!important; padding:0!important; font-size:var(--t-meta)!important; color:var(--ink-50)!important; } html body.insights-page.insights-page main.ie-wrap > nav:first-child a{ color:var(--ink-70)!important; font-weight:600!important; text-decoration:none!important; } html body.insights-page.insights-page main.ie-wrap > h1{ margin:0 0 1rem!important; max-width:20ch!important; font-size:var(--t-h1)!important; font-weight:800!important; line-height:1.04!important; letter-spacing:-.03em!important; color:var(--ink)!important; text-transform:none!important; text-wrap:balance; } html body.insights-page.insights-page main.ie-wrap > h1 + p{ margin:0 0 1rem!important; max-width:60ch!important; font-size:var(--t-lede)!important; line-height:1.55!important; color:var(--ink-70)!important; } html body.insights-page.insights-page main.ie-wrap > p{ font-size:var(--t-body)!important; line-height:1.6!important; color:var(--ink-70)!important; max-width:70ch!important; } html body.insights-page.insights-page main.ie-wrap > p a{ color:var(--ink)!important; font-weight:600!important; text-decoration:underline!important; text-decoration-color:var(--red-deep)!important; text-underline-offset:3px!important; } html body.insights-page.insights-page .ie-desk-nav{ display:flex!important; flex-wrap:wrap!important; gap:.5rem!important; margin:var(--block-y) 0!important; padding:0!important; border:0!important; } html body.insights-page.insights-page .ie-desk-nav a{ display:inline-flex!important; align-items:center!important; min-height:40px!important; padding:0 .9rem!important; font-size:var(--t-meta)!important; font-weight:600!important; color:var(--ink-70)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:999px!important; text-decoration:none!important; } html body.insights-page.insights-page .ie-desk-nav a[aria-current], html body.insights-page.insights-page .ie-desk-nav a.is-active{ background:var(--ink)!important; border-color:var(--ink)!important; color:#fff!important; } html body.insights-page.insights-page main.ie-wrap .ie-grid{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important; gap:1.5rem!important; margin-top:var(--block-y)!important; } html body.insights-page.insights-page .ie-card > a:not(.ie-card-link){ padding:var(--card-pad)!important; border:0!important; border-radius:0!important; background:none!important; } @media (max-width:760px){ html body.insights-page.insights-page main.ie-wrap > h1{ max-width:none!important; } html body.insights-page.insights-page main.ie-wrap .ie-grid{ grid-template-columns:minmax(0,1fr)!important; gap:1rem!important; } html body.insights-page.insights-page .ie-desk-nav{ flex-wrap:nowrap!important; overflow-x:auto!important; scrollbar-width:none; margin-left:calc(var(--gutter) * -1)!important; margin-right:calc(var(--gutter) * -1)!important; padding:0 var(--gutter)!important; } html body.insights-page.insights-page .ie-desk-nav a{ flex:0 0 auto!important; white-space:nowrap!important; } } /* Desk-hub library on the phone: 137 cards read as rows — cover left, title and meta right */ @media (max-width:760px){ html body.insights-page.insights-page main.ie-wrap .ie-grid{ gap:.75rem!important; } html body.insights-page.insights-page main.ie-wrap .ie-grid .ie-card .ie-card-link{ display:grid!important; grid-template-columns:104px minmax(0,1fr)!important; align-items:center!important; gap:.85rem!important; padding:.75rem!important; } html body.insights-page.insights-page main.ie-wrap .ie-grid .ie-card-media{ aspect-ratio:16/9!important; border-radius:10px!important; overflow:hidden!important; } html body.insights-page.insights-page main.ie-wrap .ie-grid .ie-card-body{ padding:0!important; gap:.3rem!important; } html body.insights-page.insights-page main.ie-wrap .ie-grid .ie-card-body h3{ font-size:.9375rem!important; line-height:1.3!important; } html body.insights-page.insights-page main.ie-wrap .ie-grid .ie-card-body p:not(.ie-meta){ display:none!important; } html body.insights-page.insights-page main.ie-wrap .ie-grid .ie-card-body .ie-meta{ padding-top:0!important; margin-top:0!important; } } /* ---------- 12. Masthead card — the designed-cover format as live text ---------- White sheet, double hairline keyline, desk kicker with the red mark, uppercase title with the closing clause in deep red, foot line left and ZATRA right. Posts, hub, desk hubs. */ html body.post-page.post-page.post-page .post-masthead, html body.insights-page.insights-page .ie-masthead{ --mh-pad:clamp(1.25rem,1rem + 2.2vw,3rem); position:relative!important; display:flex!important; flex-direction:column!important; gap:0!important; margin:0 0 var(--block-y)!important; padding:var(--mh-pad)!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:4px!important; box-shadow:inset 0 0 0 10px #fff, inset 0 0 0 11px var(--line)!important; } html body.post-page.post-page.post-page .post-masthead::after, html body.insights-page.insights-page .ie-masthead::after{ content:"ZATRA"; position:absolute; right:var(--mh-pad); bottom:calc(var(--mh-pad) - .1em); font-family:var(--font); font-size:var(--t-meta)!important; font-weight:800; letter-spacing:.2em; color:var(--ink); pointer-events:none; } /* kicker: tracked grey caps, 54x4 bright-red mark beneath */ html body.post-page.post-page.post-page .post-masthead .migrate-eyebrow, html body.insights-page.insights-page .ie-masthead .ie-kicker{ display:block!important; margin:0 0 1.5rem!important; padding:0!important; background:none!important; border:0!important; box-shadow:none!important; font-size:var(--t-meta-sm)!important; font-weight:700!important; line-height:1!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:var(--ink-50)!important; } html body.post-page.post-page.post-page .post-masthead .migrate-eyebrow::after, html body.insights-page.insights-page .ie-masthead .ie-kicker::after{ content:""; display:block; width:54px; height:4px; margin-top:.6rem; background:var(--red); } html body.post-page.post-page.post-page .post-masthead .migrate-eyebrow a{ color:inherit!important; text-decoration:none!important; font:inherit!important; letter-spacing:inherit!important; } /* title: uppercase Montserrat 800, lead in ink, closing clause in deep red */ html body.post-page.post-page.post-page .post-masthead h1, html body.post-page.post-page.post-page main#main article.migrate-article .post-masthead h1, html body.insights-page.insights-page .ie-masthead h1, html body.insights-page.insights-page .ie-masthead h1#insights-h1, html body.insights-page.insights-page main.ie-wrap .ie-masthead > h1{ margin:0 0 1.5rem!important; padding:0!important; max-width:none!important; font-size:var(--t-mh)!important; font-weight:800!important; line-height:1.04!important; letter-spacing:-.01em!important; text-transform:uppercase!important; color:var(--ink)!important; -webkit-text-fill-color:var(--ink)!important; text-wrap:balance; overflow-wrap:normal!important; hyphens:none!important; } html body.post-page.post-page.post-page .post-masthead h1 .hero-h1-line, html body.insights-page.insights-page .ie-masthead h1 .hero-h1-line{ display:inline!important; font:inherit!important; letter-spacing:inherit!important; text-transform:inherit!important; } html body.post-page.post-page.post-page .post-masthead h1 .hero-h1-line--accent, html body.insights-page.insights-page .ie-masthead h1 .hero-h1-line--accent{ color:var(--red-deep)!important; -webkit-text-fill-color:var(--red-deep)!important; background:none!important; } html body.post-page.post-page.post-page{ --t-mh:clamp(1.625rem,1.05rem + 1.9vw,2.75rem); } /* 26px → 44px */ html body.insights-page.insights-page{ --t-mh:clamp(1.625rem,1rem + 2.6vw,3.5rem); } /* 26px → 56px */ /* foot: hairline, tracked grey caps, room for the ZATRA mark */ html body.post-page.post-page.post-page .post-masthead .post-byline, html body.insights-page.insights-page .ie-masthead .ie-hero-meta{ margin:auto 0 0!important; padding:1rem 5.5rem 0 0!important; border-top:1px solid var(--line)!important; background:none!important; box-shadow:none!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:.5rem 1.25rem!important; font-size:var(--t-meta-sm)!important; font-weight:600!important; line-height:1.4!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--ink-50)!important; } html body.insights-page.insights-page .ie-masthead .ie-hero-meta span{ font-size:inherit!important; letter-spacing:inherit!important; color:inherit!important; } html body.post-page.post-page.post-page .post-masthead .post-byline .migrate-meta{ margin:0!important; flex:1 1 auto!important; } html body.post-page.post-page.post-page .post-masthead .post-byline .migrate-meta, html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip > span{ font-size:var(--t-meta-sm)!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--ink-50)!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip svg{ display:none!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip a{ color:var(--ink)!important; font-weight:700!important; } html body.post-page.post-page.post-page .post-masthead .post-share{ margin:0!important; order:2; } html body.post-page.post-page.post-page main#main .post-masthead .post-share a{ height:30px!important; min-width:34px!important; font-size:var(--t-kicker)!important; letter-spacing:.06em!important; } /* hub: the lede, search and proof chips sit under the card; the photo stays beside it */ html body.insights-page.insights-page .ie-hero-copy > .ie-masthead{ width:100%!important; } html body.insights-page.insights-page .ie-hero-lede{ margin-top:0!important; } /* desk hubs: the card opens the page above the lede */ html body.insights-page.insights-page main.ie-wrap > .ie-masthead{ margin-top:0!important; } html body.insights-page.insights-page main.ie-wrap > .ie-masthead + p{ margin-top:0!important; } @media (max-width:760px){ html body.post-page.post-page.post-page .post-masthead, html body.insights-page.insights-page .ie-masthead{ box-shadow:inset 0 0 0 6px #fff, inset 0 0 0 7px var(--line)!important; } html body.post-page.post-page.post-page .post-masthead h1, html body.insights-page.insights-page .ie-masthead h1{ line-height:1.06!important; } html body.post-page.post-page.post-page .post-masthead .post-byline, html body.insights-page.insights-page .ie-masthead .ie-hero-meta{ padding-right:4.5rem!important; letter-spacing:.1em!important; } html body.post-page.post-page.post-page .post-masthead .post-share{ width:100%!important; order:3; } } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta, html body.post-page.post-page.post-page main#main .post-masthead .post-byline .migrate-meta{ border:0!important; padding:0!important; gap:.35rem 1.25rem!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip{ line-height:1.5!important; } /* hub masthead: outrank hero-title-unify.css (1,4,4) on the H1 and its spans; no legacy kicker dot; flat foot rule */ html body.insights-page.insights-page.insights-page main .ie-hero .ie-masthead h1#insights-h1.page-h1-stack, html body.insights-page.insights-page.insights-page main .ie-hero.ie-hero--authority .ie-masthead h1#insights-h1, html body.insights-page.insights-page.insights-page main.ie-wrap .ie-masthead > h1.page-h1-stack{ font-size:var(--t-mh)!important; font-weight:800!important; line-height:1.04!important; letter-spacing:-.01em!important; text-transform:uppercase!important; color:var(--ink)!important; -webkit-text-fill-color:var(--ink)!important; margin:0 0 1.5rem!important; max-width:none!important; width:auto!important; } html body.insights-page.insights-page.insights-page main h1#insights-h1 .hero-h1-line, html body.insights-page.insights-page.insights-page main .ie-masthead h1 .hero-h1-line{ display:inline!important; font:inherit!important; letter-spacing:inherit!important; text-transform:inherit!important; color:var(--ink)!important; -webkit-text-fill-color:var(--ink)!important; background:none!important; } html body.insights-page.insights-page.insights-page main h1#insights-h1 .hero-h1-line--accent, html body.insights-page.insights-page.insights-page main .ie-masthead h1 .hero-h1-line--accent{ color:var(--red-deep)!important; -webkit-text-fill-color:var(--red-deep)!important; } html body.insights-page.insights-page.insights-page .ie-masthead .ie-kicker::before{ content:none!important; display:none!important; } html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta, html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta::before, html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta::after{ border-radius:0!important; } html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta::before, html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta::after{ content:none!important; display:none!important; } @media (max-width:760px){ html body.insights-page.insights-page.insights-page main .ie-hero .ie-masthead h1#insights-h1.page-h1-stack, html body.insights-page.insights-page.insights-page main.ie-wrap .ie-masthead > h1.page-h1-stack{ line-height:1.06!important; } } /* foot lines flow as text, not as wrapped flex items */ html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta{ display:block!important; } html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta > span{ display:inline!important; margin:0 .45rem 0 0!important; } html body.post-page.post-page.post-page main#main .post-masthead .post-byline .migrate-meta{ display:block!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip{ display:inline!important; margin:0 1rem 0 0!important; white-space:normal!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip + .meta-chip::before{ content:"\00b7"!important; display:inline!important; margin:0 .6rem 0 0!important; color:var(--ink-50); } /* A designed cover repeats the masthead card word for word — the card is the cover on those posts. The figure stays in the DOM for og:image and schema; photographs still render. */ html body.post-page.post-page.post-page main#main article.migrate-article figure.post-cover:has(> img[src*="/covers/designed/"]), html body.post-page.post-page.post-page main#main article.migrate-article figure.migrate-cover:has(> img[src*="/covers/designed/"]){ display:none!important; } /* 13. phone foot on posts: the share row is the last row of the card, so the meta text runs the full width and only the share row keeps clear of the ZATRA mark. Tracking eases from .14em to .08em at 375px so the line holds three rows, not five. Hubs keep the reserved right edge (no share row). */ html body.post-page.post-page.post-page main#main .post-masthead .post-byline:has(.post-share){ padding-right:0!important; } html body.post-page.post-page.post-page main#main .post-masthead .post-byline:has(.post-share) .post-share{ padding-right:5.5rem!important; box-sizing:border-box!important; } @media (max-width:760px){ html body.post-page.post-page.post-page main#main .post-masthead .post-byline:has(.post-share) .post-share{ padding-right:4.5rem!important; } html body.post-page.post-page.post-page main#main .post-masthead .post-byline .migrate-meta, html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip > span{ letter-spacing:.08em!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip{ margin:0 .75rem 0 0!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip + .meta-chip::before{ margin:0 .45rem 0 0!important; } } /* 14. contrast. The closer band stays dark and its text goes back to white (the article-wide ink rules had reached into it); header rows of the older tables read light, as in the 2026 posts. */ html body.post-page.post-page.post-page main#main article.migrate-article .migrate-cta, html body.post-page.post-page.post-page main#main article.migrate-article .migrate-cta p, html body.post-page.post-page.post-page main#main article.migrate-article .migrate-cta strong, html body.post-page.post-page.post-page main#main article.migrate-article .migrate-cta em, html body.post-page.post-page.post-page main#main article.migrate-article .migrate-cta li{ color:#fff!important; } html body.post-page.post-page.post-page main#main article.migrate-article .migrate-cta p[style]{ color:rgba(255,255,255,.72)!important; } html body.post-page.post-page.post-page main#main article.migrate-article .migrate-cta p > a:not(.btn){ color:#fff!important; text-decoration:underline!important; text-decoration-color:rgba(255,255,255,.55)!important; text-underline-offset:.18em; } html body.post-page.post-page.post-page main#main article.migrate-article .migrate-cta .btn-primary{ background:var(--red)!important; color:#fff!important; border:0!important; } html body.post-page.post-page.post-page main#main article.migrate-article .migrate-cta .btn-secondary{ background:#fff!important; color:var(--ink)!important; border:1px solid #fff!important; } html body.post-page.post-page.post-page main#main article.migrate-article thead th, html body.post-page.post-page.post-page main#main article.migrate-article thead th *, html body.post-page.post-page.post-page main#main article.migrate-article tr:first-child > th, html body.post-page.post-page.post-page main#main article.migrate-article tr:first-child > th *, html body.post-page.post-page.post-page main#main article.migrate-article tr:first-child > td, html body.post-page.post-page.post-page main#main article.migrate-article tr:first-child > td *{ background:var(--ground)!important; color:var(--ink)!important; font-weight:700!important; } html body.post-page.post-page.post-page main#main article.migrate-article thead th a, html body.post-page.post-page.post-page main#main article.migrate-article tr:first-child > th a, html body.post-page.post-page.post-page main#main article.migrate-article tr:first-child > td a{ color:var(--ink)!important; } /* 15. masthead titles: each line-span is a block that balances its own wrap, so the lead never leaves a one-word row before the accent; date and read-time chips never split across rows. Outranks post-article.css's main#main rules. */ html body.post-page.post-page.post-page main#main .post-masthead h1, html body.post-page.post-page.post-page main#main article.migrate-article h1.post-h1-stack, html body.post-page.post-page.post-page main#main .post-masthead h1 .hero-h1-line, html body.post-page.post-page.post-page main#main article.migrate-article h1.post-h1-stack .hero-h1-line, html body.insights-page.insights-page.insights-page main .ie-masthead h1, html body.insights-page.insights-page.insights-page main .ie-masthead h1 .hero-h1-line{ text-wrap:balance!important; text-wrap-style:balance!important; white-space:normal!important; hyphens:none!important; word-break:normal!important; overflow-wrap:normal!important; } html body.post-page.post-page.post-page main#main .post-masthead h1 .hero-h1-line, html body.post-page.post-page.post-page main#main article.migrate-article h1.post-h1-stack .hero-h1-line, html body.insights-page.insights-page.insights-page main .ie-masthead h1 .hero-h1-line{ display:block!important; } html body.post-page.post-page.post-page main#main .post-masthead .post-byline .migrate-meta{ display:flex!important; flex-wrap:wrap!important; align-items:baseline!important; gap:.3rem 0!important; max-width:none!important; width:100%!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip{ display:block!important; flex:0 0 auto!important; margin:0!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip, html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip > span{ white-space:nowrap!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip + .meta-chip::before{ content:none!important; } html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip:not(:last-child)::after{ content:"\00b7"; display:inline!important; margin:0 .6rem!important; color:var(--ink-50); } @media (max-width:359px){ html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip:first-child, html body.post-page.post-page.post-page main#main .post-masthead .migrate-meta .meta-chip:first-child > span{ white-space:normal!important; } } /* 16. bound phrases (page-masthead.js): a name or set phrase never splits across rows */ .mh-nb{ white-space:nowrap!important; } .mh-row-nb{ white-space:nowrap!important; } .mh-row-nb.mh-row-wrap{ white-space:normal!important; } /* the title box is the card's inner width, so page-masthead.js can measure an overflowing row */ html body.post-page.post-page.post-page main#main .post-masthead h1, html body.insights-page.insights-page.insights-page main .ie-masthead h1{ min-width:0!important; max-width:100%!important; } /* 17. row rules from page-masthead.js at the sheet's own specificity: a short row stays whole (the size gives way), a released row wraps; hub foot chips never split */ html body.post-page.post-page.post-page main#main .post-masthead h1 .hero-h1-line.mh-row-nb, html body.post-page.post-page.post-page main#main article.migrate-article h1.post-h1-stack .hero-h1-line.mh-row-nb, html body.insights-page.insights-page.insights-page main .ie-masthead h1 .hero-h1-line.mh-row-nb{ white-space:nowrap!important; } html body.post-page.post-page.post-page main#main .post-masthead h1 .hero-h1-line.mh-row-nb.mh-row-wrap, html body.post-page.post-page.post-page main#main article.migrate-article h1.post-h1-stack .hero-h1-line.mh-row-nb.mh-row-wrap, html body.insights-page.insights-page.insights-page main .ie-masthead h1 .hero-h1-line.mh-row-nb.mh-row-wrap{ white-space:normal!important; } html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta > span{ white-space:nowrap!important; } html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta{ display:flex!important; flex-wrap:wrap!important; align-items:baseline!important; gap:.3rem 0!important; } html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta > span{ display:block!important; margin:0!important; } html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta > span[aria-hidden]{ display:none!important; } html body.insights-page.insights-page.insights-page .ie-masthead .ie-hero-meta > span:not([aria-hidden]):not(:last-child)::after{ content:"\00b7"; display:inline; margin:0 .6rem; color:var(--ink-50); }