/* ============================================================================
   PolicySnap waitlist site (Phase 0a) — styles.css
   Brand tokens carried over from the product surface (v4.19.1):
   Oxford navy / Space Cadet / cyan family / CTA yellow #FEBF16 / royal #0C419A.
   Display face: GT Walsheim Condensed Ultra Bold (uppercase, tight leading).
   Body face: Archivo. Layout reference: founder's waitlist screenshot —
   centred badge / big display / grey sub / rounded field + pill button.
   ============================================================================ */

@font-face{
  font-family:"GT Walsheim Condensed";
  src:url("fonts/gt-walsheim-condensed-ultra-bold.woff2") format("woff2"),
      url("fonts/gt-walsheim-condensed-ultra-bold.otf") format("opentype");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

:root{
  --navy:#132136;
  --cadet:#1E3250;
  --cyan:#72D3D8; --cyan-soft:#D9F3F5; --cyan-pale:#F0FAFB;
  --yellow:#FEBF16; --yellow-deep:#F0B00A; --yellow-press:#D99E02;
  --royal:#0C419A;
  --ink:#475467;
  --ink-strong:#111827;
  --muted:#667085;
  --line:#E4E7EC;
  --line-strong:#D0D5DD;
  --bg:#ffffff;
  --bg-soft:#F8FAFC;
  --green:#15803D;
  --green-tint:#EAF5EE;
  --red:#D4351C;
  --radius:12px;
  --radius-lg:16px;
  --font-body:"Archivo","Inter",system-ui,Arial,sans-serif;
  --font-display:"GT Walsheim Condensed","Archivo",var(--font-body);
  color-scheme:light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font-body);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:var(--royal)}
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:3px solid var(--royal);outline-offset:2px;border-radius:6px;
}

/* ============ site bar (white, hairline separator — v4.18 pattern) ============ */
.site-bar{
  position:sticky;top:0;z-index:40;display:flex;justify-content:center;align-items:center;
  padding:16px 24px;background:#fff;border-bottom:1px solid var(--line);
}
.wordmark{
  font-family:"Archivo",var(--font-body);font-weight:800;font-size:20px;
  letter-spacing:-.01em;color:var(--navy);display:inline-flex;align-items:center;gap:9px;
  text-decoration:none;
}
.wordmark svg{width:22px;height:22px;flex:none}

/* ============ hero — main-site stage geometry (v4.18/v4.19 pattern) ============
   Same canvas as policysnap.io: 1920/1080 Lottie comp at full strength (opacity 1,
   no wash), copy absolutely positioned in the artwork's white sky, all type in
   cqw so it scales with the scene exactly like the product site's hero. */
.stage-wrap{border-bottom:1px solid var(--line)}
.design-stage{
  position:relative;overflow:hidden;isolation:isolate;background:transparent;
  width:min(100vw,1674px);margin:0 auto;container-type:inline-size;
  --sceneH:calc(min(100vw,1674px)*939/1674);
  height:min(var(--sceneH), calc(100svh - 215px)); /* fold budget: artwork + deep-overlapped benefits card + supporters label visible on load */
  min-height:min(620px, var(--sceneH));
}
.scene-anchor{position:absolute;left:0;bottom:0;width:100%;aspect-ratio:1920/1080}
.hero-lottie{position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none;opacity:1}
/* mobile LCP: static frame of the scene; the Lottie payload never loads under 821px */
.hero-poster{display:none}
@media (max-width:820px){
  .hero-poster{display:block;position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
}
.hero-lottie svg{display:block;width:100%!important;height:100%!important;stroke:none;stroke-width:0}

/* copy anchors to the VISIBLE stage, not the bottom-anchored scene layer: on short
   viewports the scene's top edge is cropped above the stage, so anything positioned
   inside it (the old 14.5% top) climbed off-screen — pill first. Fixed offset from
   the stage top keeps the pill visible at every viewport height. */
.hero-copy{position:absolute;z-index:8;top:4cqw;left:50%;transform:translateX(-50%);width:62%;text-align:center}

.hero-badge{
  display:inline-flex;align-items:center;gap:.5cqw;
  background:rgba(255,255,255,.8);border:1.5px solid var(--line-strong);border-radius:999px;
  padding:.42cqw .95cqw;font-size:.78cqw;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:var(--cadet);margin:0 0 1.2cqw;
}
.hero-badge .dot{width:.48cqw;height:.48cqw;border-radius:50%;background:var(--yellow);flex:none}
.hero-badge svg{width:1.05cqw;height:1.05cqw;flex:none}

.hero-h1{
  margin:0;font-family:var(--font-display);font-weight:900;
  font-size:4.1cqw;line-height:1.02;letter-spacing:.005em;
  text-transform:uppercase;color:var(--navy);
}
.hero-sub{margin:1.35cqw auto 0;max-width:44cqw;font-size:1.16cqw;line-height:1.58;color:var(--ink)}

/* form sits where the savings flag + Get Quotes sit on the product site */
.hero-copy .wl-form{margin-top:1.9cqw;max-width:34cqw;padding:.32cqw .32cqw .32cqw .4cqw}
.hero-copy .wl-form input[type=email]{padding:.85cqw 1.1cqw;font-size:1.12cqw}
.hero-copy .wl-btn{padding:.9cqw 1.9cqw;font-size:1.15cqw}
.hero-copy .wl-note{margin-top:1.05cqw;font-size:.95cqw}
.hero-copy .wl-success{margin-top:1.4cqw;padding:1.3cqw 1.7cqw;max-width:34cqw}
.hero-copy .wl-error{font-size:1.02cqw}

/* mobile: keep artwork + headline on the stage, drop the form below it in flow
   (cqw-scaled inputs go below iOS's 16px zoom threshold, so the form leaves the canvas) */
.hero-mobile-form{display:none}
@media (max-width:820px){
  .hero-copy{width:88%;top:5cqw}
  .hero-badge{font-size:1.9cqw;padding:1cqw 2.2cqw;gap:1cqw}
  .hero-badge .dot{width:1.1cqw;height:1.1cqw}
  .hero-badge svg{width:2.2cqw;height:2.2cqw}
  .hero-h1{font-size:7.2cqw}
  .hero-sub{font-size:2.2cqw;max-width:80cqw}
  .hero-copy .wl-form,.hero-copy .wl-note,.hero-copy .wl-success,.hero-copy .wl-error,.hero-copy .cf-turnstile{display:none}
  .hero-mobile-form{display:block;padding:26px 20px 8px;text-align:center}
}

/* ============ waitlist form (rounded field + pill button, reference layout) ============ */
.wl-form{
  display:flex;align-items:center;gap:0;margin:0 auto;max-width:560px;
  background:#fff;border:1.5px solid var(--line-strong);border-radius:999px;
  padding:5px 5px 5px 6px;box-shadow:0 8px 26px rgba(19,33,54,.10);
}
.wl-form input[type=email]{
  flex:1;min-width:0;padding:12px 16px;font:inherit;font-size:16px;color:var(--ink-strong);
  background:transparent;border:none;border-radius:999px;
}
.wl-form input[type=email]:focus{outline:none}
.wl-form:focus-within{border-color:var(--royal)}
.wl-form input[type=email]::placeholder{color:var(--muted)}
.wl-btn{
  flex:none;padding:13px 26px;font:inherit;font-size:16px;font-weight:800;color:var(--navy);
  background:var(--yellow);border:none;border-radius:999px;cursor:pointer;
  transition:background .15s ease;
}
.wl-btn:hover{background:var(--yellow-deep)}
.wl-btn:active{background:var(--yellow-press)}
.wl-btn[disabled]{opacity:.6;cursor:wait}
/* honeypot: visually removed, still in the accessibility-hidden DOM for bots */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.wl-note{margin:16px 0 0;font-size:13.5px;color:var(--muted)}
.wl-note a{color:var(--muted)}
.wl-error{margin:14px 0 0;font-size:14.5px;font-weight:600;color:var(--red);display:none}
.wl-error.show{display:block}
.wl-success{
  display:none;margin:0 auto;max-width:460px;background:var(--green-tint);
  border:1.5px solid #BCDCC6;border-radius:var(--radius-lg);padding:20px 24px;
}
.wl-success.show{display:block}
.wl-success b{color:var(--green);display:block;margin-bottom:4px;font-size:17px}
.wl-success p{margin:0;font-size:14.5px;color:var(--ink)}
/* interaction-only: the slot (a sibling right after the pill form) stays fully
   collapsed; the before-interactive callback adds .ts-visible only when a real
   challenge has to render */
.cf-turnstile{height:0;margin:0;overflow:hidden;display:flex;justify-content:center}
.cf-turnstile.ts-visible{height:auto;margin:14px auto 0;overflow:visible}

/* ============ supporters strip ============ */
.supporters{padding:44px 24px 40px;border-top:1px solid var(--line);background:var(--bg-soft)}
.supporters-label{
  margin:0 0 22px;text-align:center;font-size:12px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
}
.supporters-row{
  display:flex;justify-content:center;align-items:center;gap:clamp(28px,6vw,64px);
  flex-wrap:wrap;
}
.supporters-row a{display:inline-flex;align-items:center;opacity:.85;transition:opacity .15s}
.supporters-row a:hover{opacity:1}
.supporters-row img{display:block;height:44px;width:auto;max-width:230px;object-fit:contain}
@media (max-width:560px){.supporters-row img{height:36px}}

/* ============ footer ============ */
.site-footer{padding:28px 24px 36px;background:#fff;border-top:1px solid var(--line)}
.site-footer .foot-inner{max-width:820px;margin:0 auto;text-align:center}
.foot-links{margin:0 0 14px;font-size:14px}
.foot-links a{color:var(--ink);margin:0 10px}
.foot-legal{margin:0;font-size:12.5px;line-height:1.7;color:var(--muted)}

/* ============ stat pages ============ */
.stat-main{max-width:680px;margin:0 auto;padding:56px 22px 24px}
.stat-eyebrow{
  margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--royal);
}
.stat-h1{
  margin:0 0 20px;font-family:var(--font-display);font-weight:900;
  font-size:clamp(34px,6vw,54px);line-height:1.02;letter-spacing:.005em;
  text-transform:uppercase;color:var(--navy);
}
.stat-answer{font-size:clamp(17px,2.4vw,20px);line-height:1.65;color:var(--ink-strong);margin:0 0 30px}
.stat-card{
  background:var(--cyan-pale);border:1.5px solid var(--cyan-soft);border-radius:var(--radius-lg);
  padding:28px 30px;margin:0 0 40px;
}
.stat-card .big{
  display:block;font-family:var(--font-display);font-weight:900;font-size:clamp(44px,8vw,66px);
  line-height:1;color:var(--navy);margin-bottom:8px;
}
.stat-card .what{margin:0 0 10px;font-size:16.5px;line-height:1.55;color:var(--ink-strong)}
.stat-card .src{margin:0;font-size:13.5px;color:var(--muted)}
.stat-card .src a{color:var(--muted)}
.stat-qa h2{
  margin:34px 0 10px;font-family:"Archivo",var(--font-body);font-weight:800;
  font-size:21px;line-height:1.3;color:var(--navy);letter-spacing:-.01em;
}
.stat-qa p{margin:0 0 14px}
.stat-qa ul{margin:0 0 14px;padding-left:22px}
.stat-qa li{margin-bottom:6px}

.stat-cta{
  background:var(--navy);border-radius:var(--radius-lg);color:#E7EDF6;
  padding:38px 30px;margin:52px auto 56px;max-width:680px;text-align:center;
}
.stat-cta h2{
  margin:0 0 8px;font-family:var(--font-display);font-weight:900;font-size:clamp(26px,4.6vw,36px);
  line-height:1.02;text-transform:uppercase;letter-spacing:.005em;color:#fff;
}
.stat-cta p{margin:0 0 22px;font-size:15.5px;color:#C6D2E4}
.stat-cta .wl-form input[type=email]{border-color:transparent}
.stat-cta .wl-note{color:#9FB0C9;margin-top:28px}
.stat-cta .wl-note a{color:#9FB0C9}
.stat-cta .wl-success{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.stat-cta .wl-success b{color:#8CE0A9}
.stat-cta .wl-success p{color:#E7EDF6}
.stat-cta .wl-error{color:#FFB3A6}
.stat-wrap{padding:0 22px}

@media (max-width:560px){
  .wl-form{flex-direction:column;align-items:stretch;background:none;border:none;box-shadow:none;padding:0;gap:10px}
  .wl-form input[type=email]{background:#fff;border:1.5px solid var(--line-strong);padding:14px 18px}
  .wl-form input[type=email]:focus{border-color:var(--royal)}
  .wl-btn{padding:14px 26px}
}

/* ============ audio player card ============ */
.audio-card{
  display:flex;align-items:center;gap:16px;
  background:var(--bg-soft);border:1.5px solid var(--line);border-radius:var(--radius-lg);
  padding:14px 18px;margin:0 0 30px;
}
.ap-play{
  flex:none;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;
  background:var(--yellow);color:var(--navy);display:flex;align-items:center;justify-content:center;
}
.ap-play:hover{background:var(--yellow-deep)}
.ap-play svg{width:22px;height:22px}
/* icon state: exactly one of play/pause visible (class-driven — SVG ignores [hidden] in Safari) */
.ap-play .ap-ic-pause{display:none}
.ap-play.is-playing .ap-ic-play{display:none}
.ap-play.is-playing .ap-ic-pause{display:block}
.ap-body{flex:1;min-width:0}
.ap-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}
.ap-title{font-weight:700;font-size:14.5px;color:var(--ink-strong)}
.ap-time{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.ap-seek{width:100%;accent-color:var(--royal);height:4px;cursor:pointer}
.ap-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.ap-speed{border:1px solid var(--line-strong);background:#fff;border-radius:999px;padding:2px 10px;font:inherit;font-size:12px;font-weight:700;color:var(--cadet);cursor:pointer}
.ap-speed:hover{border-color:var(--royal);color:var(--royal)}
.ap-credit{font-size:11.5px;color:var(--muted);letter-spacing:.02em}

/* ============ mini tools ============ */
.mini-tool{
  background:var(--cyan-pale);border:1.5px solid var(--cyan-soft);border-radius:var(--radius-lg);
  padding:26px 26px 22px;margin:40px 0 8px;
}
.mt-title{margin:0 0 6px;font-family:"Archivo",var(--font-body);font-weight:800;font-size:20px;color:var(--navy);letter-spacing:-.01em}
.mt-sub{margin:0 0 16px;font-size:14px;color:var(--muted)}
.mt-chips{display:flex;flex-wrap:wrap;gap:8px}
.mt-chip{
  border:1.5px solid var(--line-strong);background:#fff;border-radius:999px;
  padding:8px 14px;font:inherit;font-size:14px;font-weight:600;color:var(--ink-strong);cursor:pointer;text-align:left;
}
.mt-chip:hover{border-color:var(--royal)}
.mt-chip.on{border-color:var(--navy);background:var(--navy);color:#fff}
.mt-list{display:flex;flex-direction:column;gap:2px}
.mt-row{
  display:flex;align-items:flex-start;gap:10px;border:none;background:transparent;
  padding:9px 6px;font:inherit;font-size:14.5px;color:var(--ink-strong);cursor:pointer;text-align:left;border-radius:8px;
}
.mt-row:hover{background:rgba(255,255,255,.7)}
.mt-box{flex:none;width:18px;height:18px;margin-top:1px;border:2px solid var(--line-strong);border-radius:5px;background:#fff}
.mt-row.on .mt-box{background:var(--navy);border-color:var(--navy);
  background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m6 12.5 4 4 8-9" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size:14px;background-position:center;background-repeat:no-repeat}
.mt-why{margin:0 0 6px 34px;font-size:13.5px;color:var(--muted)}
.mt-answer{margin-top:16px;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.mt-answer b{display:block;font-size:15px;margin-bottom:4px;color:var(--ink-strong)}
.mt-answer p{margin:0;font-size:14px;color:var(--ink)}

/* ============ blog chrome (v2: nav, breadcrumb, meta, byline, cards) ============ */
.site-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--line)}
.site-bar .wordmark{font-family:"Archivo",var(--font-body);font-weight:800;font-size:19px;color:var(--navy);display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.site-bar .wordmark svg{width:21px;height:21px}
.site-nav{display:flex;align-items:center;gap:18px}
.site-nav a{font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none}
.site-nav a:hover{color:var(--royal)}
.bar-cta{padding:9px 18px;font:inherit;font-size:14px;font-weight:800;color:var(--navy);background:var(--yellow);border:none;border-radius:999px;cursor:pointer;text-decoration:none}
.bar-cta:hover{background:var(--yellow-deep)}

.crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;font-size:13.5px;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--royal);text-decoration:underline}
.crumbs .sep{color:var(--line-strong)}
.crumbs [aria-current]{color:var(--ink-strong);font-weight:600}

.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px}
.cat-pill{display:inline-block;background:var(--cyan-soft);color:var(--cadet);border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.art-meta .dotsep{color:var(--line-strong)}
.art-meta span{font-size:13.5px;color:var(--muted)}

.byline{display:flex;align-items:center;gap:11px;margin:0 0 26px}
.byline .avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;letter-spacing:.02em;flex:none}
.byline .who{font-size:14px;line-height:1.35}
.byline .who b{display:block;color:var(--ink-strong)}
.byline .who span{color:var(--muted);font-size:12.5px}

.art-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:18px 0 8px}
.art-card{display:block;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:border-color .15s, box-shadow .15s}
.art-card:hover{border-color:var(--line-strong);box-shadow:0 6px 20px rgba(19,33,54,.08)}
.art-card img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}
.art-card .pad{padding:14px 16px 16px}
.art-card .cat{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--royal)}
.art-card h2{margin:6px 0 6px;font-family:"Archivo",var(--font-body);font-weight:800;font-size:17px;line-height:1.3;color:var(--navy);letter-spacing:-.01em}
.art-card p{margin:0 0 8px;font-size:13.5px;line-height:1.5;color:var(--ink)}
.art-card .when{font-size:12px;color:var(--muted)}
.related-h{margin:48px 0 6px;font-family:"Archivo",var(--font-body);font-weight:800;font-size:22px;color:var(--navy);letter-spacing:-.01em}

.arts-index{max-width:980px;margin:0 auto;padding:48px 22px 40px}
.arts-index .stat-h1{margin-bottom:8px}
.arts-index .intro{margin:0 0 28px;font-size:16.5px;color:var(--ink)}

/* ============ full footer (adapted from product site; injected by footer-wl.js) ============ */
.sfoot{background:var(--navy);color:#C6D2E4;padding:44px 26px 30px;margin-top:64px}
.sfoot a,.sfoot button{color:#E7EDF6;text-decoration:none;background:none;border:none;font:inherit;cursor:pointer;padding:0;text-align:left}
.sfoot a:hover{color:#fff;text-decoration:underline}
.sfoot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:26px;max-width:980px;margin:0 auto}
.sfoot-col{display:flex;flex-direction:column;gap:9px;font-size:14px}
.sfoot-col h4{margin:0 0 4px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9FB0C9}
.sfoot-rule{border:none;border-top:1px solid rgba(255,255,255,.14);max-width:980px;margin:28px auto}
.sfoot-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:980px;margin:0 auto 18px}
.sfoot-social{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.sfoot-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08)}
.sfoot-social a:hover{background:rgba(255,255,255,.16)}
.sfoot-social svg{width:18px;height:18px}
.sfoot-uk{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#9FB0C9}
.sfoot-uk svg{width:26px;height:13px;border-radius:2px}
.sfoot-address,.sfoot-ico{max-width:980px;margin:0 auto 6px;font-size:12px;line-height:1.7;color:#9FB0C9}


/* ============ hero benefits strip (index render, 25 Aug) ============ */
.hero-benefits{
  position:relative;z-index:9;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
  width:min(1100px,92%);margin:clamp(-190px,-10vw,-110px) auto 20px;
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:22px 26px;box-shadow:0 14px 40px rgba(19,33,54,.10);
}
.hb-item{display:flex;align-items:flex-start;gap:13px;padding:0 14px}
.hb-item + .hb-item{border-left:1px solid var(--line)}
.hb-ic{
  flex:none;width:44px;height:44px;border-radius:50%;background:#EAF0F9;color:var(--navy);
  display:flex;align-items:center;justify-content:center;
}
.hb-ic svg{width:20px;height:20px}
.hb-item h2{margin:2px 0 3px;font-family:"Archivo",var(--font-body);font-weight:800;font-size:15.5px;color:var(--ink-strong);letter-spacing:-.01em}
.hb-item p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}
.hb-item p a{color:var(--royal);font-weight:600}
@media (max-width:820px){
  .hero-benefits{grid-template-columns:1fr;gap:16px;margin:14px auto 20px;padding:20px 18px}
  .hb-item + .hb-item{border-left:none;border-top:1px solid var(--line);padding-top:16px}
}


/* ============ article share rail (left margin, zero layout shift) ============ */
.stat-main{position:relative}
.share-rail{position:absolute;left:-212px;top:0;bottom:0;width:176px}
.share-inner{position:sticky;top:110px}
.share-label{display:block;font-size:12.5px;font-weight:800;color:var(--ink-strong);line-height:1.35;margin-bottom:10px}
.share-icons{display:flex;flex-wrap:wrap;gap:8px}
.share-icons a{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center}
.share-icons a:hover{background:var(--royal)}
.share-icons svg{width:17px;height:17px}
.share-row{display:none}
@media (max-width:1080px){
  .share-rail{display:none}
  .share-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:-6px 0 26px}
  .share-row .share-label{margin:0}
}