/* ============================================================================
 * INNOVATIVE MECHANICAL - BLOG SURFACE (v2, 2026-09-10)
 * Loaded by mu-plugins/inm-blog-assets.php on BOTH blog surfaces: the /blog/ index
 * (page 57) and every single post. Built on inm-tokens.css.
 *
 * The first half is CARRIED VERBATIM out of the v2 homepage sheet
 * (homepage-v2/inm-front-page.css) by blog-v2/_carry.py, re-scoped from
 * `.rsg-inm-x.hp` to `.rsg-inm-x` - the same foundation, buttons, reveals, dark
 * bands, wave dividers, credential plate, article card and closing band the owner
 * signed off on the homepage. Do not hand-edit those rules here: change them on the
 * homepage and re-run `python _carry.py && python _build.py`.
 *
 * The second half is the blog surface's own layer (blog-v2/_shared.css): the article
 * hero, the contents plate, the prose system, the sidebar, comments and the
 * keep-reading rail.
 *
 * Poppins is NOT imported here. inm-blog-assets.php enqueues it as a real stylesheet
 * link with a preconnect, which is one less chained request than an @import.
 * Layer order on the index: tokens -> site -> THIS -> header -> inm-page-blog.css -> footer.
 * On an article: tokens -> site -> THIS -> header -> footer.
 * ============================================================================ */

/* ---- carried 10-70: foundation: root tokens, resets, type, buttons, reveals, bands ---- */
.rsg-inm-x{
  /* CONSISTENCY TOKENS 2026-09-10: every card/plate/button on the page uses these - do not hard-code radii, shadows, hairlines or plate borders */
  --r-card:16px; --r-btn:10px; --r-tile:10px;
  --ice-line:rgba(169,211,240,.2);
  --gold-line:var(--gold-line);
  --sh-3:0 30px 60px -28px rgba(8,25,42,.45),var(--sh-2);
  --sh-dark:0 30px 60px -28px rgba(0,13,30,.7),var(--sh-2);
  --band-grad-deep:linear-gradient(166deg,#141A24 0%,#001B3F 100%); /* darker Rising Ink for plates that sit on white (owner: 'make this section darker') */
  --ink:#1A1C1B; --muted:#5E5548; --line:rgba(26,28,27,.12);
  --fs-h1:clamp(36px,4.2vw,58px); --fs-h2:clamp(30px,3.1vw,44px); --fs-h3:22px;
  --lh-heading:1.08; --lh-body:1.7;
  --pad-1:72px; --pad-2:96px; --pad-3:120px;
  font-family:var(--font-body); color:var(--ink); font-size:16.5px; line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased;
}
.rsg-inm-x *{box-sizing:border-box}
.rsg-inm-x .rsg-wrap{max-width:var(--container);margin:0 auto;padding:0 28px;position:relative}
.rsg-inm-x p{margin:0}
.rsg-inm-x ul{margin:0;padding:0;list-style:none}
.rsg-inm-x img{display:block;max-width:100%}
.rsg-inm-x a{color:inherit}

/* --- type ---------------------------------------------------------------- */
.rsg-inm-x h1,.rsg-inm-x h2,.rsg-inm-x h3,.rsg-inm-x h4{font-family:var(--font-heading);margin:0;text-wrap:balance}
.rsg-inm-x .hp-h2{font-size:var(--fs-h2);font-weight:800;line-height:var(--lh-heading);letter-spacing:-.015em;color:var(--ink)}
.rsg-inm-x .hp-h2-dark{color:#fff}
.rsg-inm-x .hp-acc-red{color:var(--red)}
.rsg-inm-x .hp-acc-gold{color:var(--h2-gold)}
.rsg-inm-x .hp-kicker-h2{display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--eyebrow-warm);margin-bottom:14px}
.rsg-inm-x .hp-kicker-h2::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--red)}
.rsg-inm-x .hp-kicker-dark{color:var(--eyebrow-dark)}
.rsg-inm-x .hp-kicker-dark::before{background:linear-gradient(90deg,var(--eyebrow-dark),var(--accent-dark))}
.rsg-inm-x .hp-lede-dark{color:#E6EEF6;font-size:17.5px;max-width:62ch}
.rsg-inm-x .rsg-sec--light p{color:var(--muted)}
.rsg-inm-x .rsg-sec--dark p{color:var(--muted-dark)}

/* --- buttons: conversions only ------------------------------------------ */
.rsg-inm-x .hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--r-btn);font-family:var(--font-heading);font-weight:700;font-size:14.5px;line-height:1;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;white-space:nowrap;border:1.5px solid transparent;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s var(--ease)}
.rsg-inm-x .hp-btn:active{transform:translateY(1px)}
.rsg-inm-x .hp-btn-red{background:var(--red);color:#fff;box-shadow:0 8px 20px -10px rgba(170,24,44,.7)}
.rsg-inm-x .hp-btn-red:hover{background:var(--red-2);transform:translateY(-1px)}
.rsg-inm-x .hp-btn-ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.34)}
.rsg-inm-x .hp-btn-ghost:hover{background:rgba(255,255,255,.12)}
.rsg-inm-x .hp-btn-navy{background:var(--navy);color:#fff}
.rsg-inm-x .hp-btn-block{width:100%}
.rsg-inm-x .hp-btn:focus-visible{outline:3px solid var(--ice);outline-offset:2px}
.rsg-inm-x .hp-textlink{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--red);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .18s}
.rsg-inm-x .hp-textlink::after{content:"\2192";font-weight:600}
.rsg-inm-x .hp-textlink:hover{border-color:var(--red)}
.rsg-inm-x .hp-ctas{display:flex;flex-wrap:wrap;gap:12px 14px}

/* --- reveals (opt-in via .rsg-rv-js gate) -------------------------------- */
.rsg-inm-x.rsg-rv-js .rsg-rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rsg-inm-x.rsg-rv-js .rsg-rv.rsg-d1{transition-delay:.08s}
.rsg-inm-x.rsg-rv-js .rsg-rv.rsg-d2{transition-delay:.16s}
.rsg-inm-x.rsg-rv-js .rsg-rv.is-in{opacity:1;transform:none}

/* --- dark bands ----------------------------------------------------------- */
.rsg-inm-x .rsg-sec--dark{position:relative;background:var(--band-grad);color:#fff}
.rsg-inm-x .rsg-sec--light{background:#fff;color:var(--ink)}


/* ---- carried 120-126: credential plate (straddles a hero seam) ---- */
.rsg-inm-x .hp-plate{position:relative;z-index:3;margin-top:-84px;background:var(--card-dark);border:1px solid var(--ice-line);border-radius:var(--r-card);box-shadow:var(--sh-2);padding:6px 30px}
.rsg-inm-x .hp-plate-list{display:grid;grid-template-columns:1fr 1.05fr .9fr .85fr 1.75fr;}
.rsg-inm-x .hp-plate-list li{padding:22px 16px;font-size:14px;font-weight:700;color:#fff;line-height:1.35;border-left:1px solid var(--ice-line);display:flex;align-items:center;gap:11px}
.rsg-inm-x .hp-plate-list li:first-child{border-left:0}
.rsg-inm-x .hp-plate-list li::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--h2-gold);transform:rotate(45deg)}
.rsg-inm-x .hp-plate-mascot{position:absolute;right:-46px;bottom:-8px;width:196px;height:auto;z-index:4;filter:drop-shadow(0 14px 18px rgba(0,0,0,.4))}
.rsg-inm-x .hp-plate-list li:last-child{padding-right:150px}

/* ---- carried 399-407: section dividers: staging v1 wave + gold hairline (owner: never propose others) ---- */
.rsg-inm-x .rsg-div-top{position:absolute;top:-1px;left:0;right:0;height:60px;pointer-events:none;z-index:2}
.rsg-inm-x .rsg-div-top>svg,.rsg-inm-x .rsg-div-btm>svg{width:100%;height:100%;display:block}
.rsg-inm-x .rsg-div-line{stroke-dasharray:760;stroke-dashoffset:760;transition:stroke-dashoffset 1.8s var(--ease) .2s}
.rsg-inm-x .is-in .rsg-div-line,.rsg-inm-x:not(.rsg-rv-js) .rsg-div-line{stroke-dashoffset:0}
.rsg-inm-x .hp-emg{padding-top:calc(var(--pad-3) + 100px)}
.rsg-inm-x .rsg-div-btm{position:absolute;bottom:-1px;left:0;right:0;height:34px;pointer-events:none;z-index:2}
.rsg-inm-x .rsg-div-sun{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:38px;height:38px;border-radius:50%;background:var(--red);box-shadow:0 2px 8px rgba(26,28,27,.20);display:flex;align-items:center;justify-content:center}
.rsg-inm-x .rsg-div-sun svg{width:19px;height:19px}
@media (max-width:767px){.rsg-inm-x .rsg-div-top{height:30px;top:-2px}.rsg-inm-x .rsg-div-btm{height:24px}}

/* ---- carried 552-574: final CTA band = the sitewide closing component ---- */
/* ===== S9 FINAL CTA (2026-09-10) = staging v1 band reproduced ============= */
.rsg-inm-x .hp-cta{padding:calc(var(--pad-3) + 70px) 0 calc(var(--pad-3) + 30px);overflow:visible;z-index:1}
.rsg-inm-x .hp-cta .rsg-div-top{overflow:visible}
.rsg-inm-x .hp-cta-figure{display:block;position:absolute;bottom:22px;right:max(24px,calc((100% - var(--container))/2));height:230px;z-index:3;pointer-events:none;filter:drop-shadow(0 0 1px rgba(143,204,242,.9)) drop-shadow(0 0 2px rgba(143,204,242,.5)) drop-shadow(0 10px 14px rgba(3,12,24,.45))}
.rsg-inm-x .hp-cta-figure img{display:block;height:100%;width:auto}
.rsg-inm-x .hp-cta-inner{position:relative;z-index:2;max-width:760px;margin:0 auto;text-align:center;padding-top:24px}
.rsg-inm-x .hp-cta-title{font-family:var(--font-heading);font-weight:800;line-height:1.08;letter-spacing:.008em;text-transform:uppercase;font-size:clamp(30px,3.8vw,46px);color:#fff;margin:0}
.rsg-inm-x .hp-cta .hp-cta-title span{display:block;color:var(--h2-gold)}
.rsg-inm-x .hp-cta-actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.rsg-inm-x .hp-btn-caps{padding:0 30px}
.rsg-inm-x .hp-cta-call{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 30px;border-radius:var(--r-btn);background:transparent;border:1px solid rgba(169,211,240,.42);color:#fff;font-family:var(--font-heading);font-size:14.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease)}
.rsg-inm-x .hp-cta-call svg{width:16px;height:16px;fill:currentColor;flex:0 0 auto}
.rsg-inm-x .hp-cta-call:hover{transform:scale(1.05);background:rgba(255,255,255,.08);border-color:var(--h2-gold)}
@media (max-width:900px){
  .rsg-inm-x .hp-cta{padding-bottom:calc(var(--pad-3) + 90px);padding-top:calc(var(--pad-3) + 95px)}
}
@media (max-width:767px){
  .rsg-inm-x .hp-cta-figure{right:12px;bottom:auto;top:-22px;height:96px}
  .rsg-inm-x .hp-cta{padding-top:calc(var(--pad-3) + 95px)}
    .rsg-inm-x .hp-cta-actions{flex-direction:column;align-items:stretch}
  .rsg-inm-x .hp-cta{padding-bottom:calc(var(--pad-3) + 110px)}
}


/* ---- carried 575-580: dark-band photo backgrounds ---- */
/* ===== dark-band backgrounds (2026-09-10): every dark band = photo + dark overlay, clipped to the band ===== */
.rsg-inm-x .hp-band{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.rsg-inm-x .hp-bandbg{position:absolute;left:-20px;top:-20px;width:calc(100% + 40px);height:calc(100% + 40px);max-width:none;max-height:none;object-fit:cover;object-position:center 40%;opacity:.42;filter:saturate(.7);display:block}
.rsg-inm-x .hp-bandscrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,13,30,.62) 0%,rgba(0,13,30,.74) 50%,rgba(0,13,30,.62) 100%),linear-gradient(180deg,rgba(0,13,30,.6),rgba(0,13,30,0) 28%,rgba(0,13,30,0) 72%,rgba(0,13,30,.6))}
.rsg-inm-x .hp-svc>.rsg-wrap,.rsg-inm-x .hp-emg>.rsg-wrap,.rsg-inm-x .hp-rev>.rsg-wrap,.rsg-inm-x .hp-rev>.hp-marq,.rsg-inm-x .hp-cta>.rsg-wrap{position:relative;z-index:1}


/* ---- carried 597-626: article cards (S6b 'From the blog' anatomy, owner-approved 2026-09-10) ---- */
/* ===== S6b FROM THE BLOG (2026-09-10) ==================================== */
.rsg-inm-x .hp-blog{padding:var(--pad-3) 0 1px;position:relative;z-index:3}
.rsg-inm-x .hp-blog-head{text-align:center;max-width:760px;margin:0 auto 40px}
.rsg-inm-x .hp-bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:-120px;position:relative;z-index:3}
.rsg-inm-x .hp-bcard{--bc:var(--navy);display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--sh-3);border-top:4px solid var(--bc);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.rsg-inm-x .hp-bcard:hover{transform:translateY(-4px);box-shadow:var(--sh-3)}
.rsg-inm-x .hp-bcard[data-cat="cooling"]{--bc:#2E81C1}
.rsg-inm-x .hp-bcard[data-cat="heating"]{--bc:var(--red)}
.rsg-inm-x .hp-bcard[data-cat="buying-guides"]{--bc:#805928}
.rsg-inm-x .hp-bcard[data-cat="indoor-air-quality"]{--bc:#1AA257}
.rsg-inm-x .hp-bcard-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#E9EEF3}
.rsg-inm-x .hp-bcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.rsg-inm-x .hp-bcard:hover .hp-bcard-img img{transform:scale(1.04)}
.rsg-inm-x .hp-bcard-body{display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px;flex:1}
.rsg-inm-x .hp-bcat{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bc);background:color-mix(in srgb,var(--bc) 10%,#fff);border-radius:999px;padding:5px 11px}
.rsg-inm-x .hp-bcard-title{font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--ink);margin:0}
.rsg-inm-x .hp-bcard-title a{color:inherit;text-decoration:none;transition:color .2s}
.rsg-inm-x .hp-bcard-title a:hover{color:var(--navy)}
.rsg-inm-x .hp-bcard-ex{font-size:15px;line-height:1.6;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rsg-inm-x .hp-bmore{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--bc);text-decoration:none}
.rsg-inm-x .hp-bmore svg{width:14px;height:14px;transition:transform .2s}
.rsg-inm-x .hp-bmore:hover svg{transform:translateX(3px)}
.rsg-inm-x .hp-blog-more{position:absolute;left:0;right:0;top:calc(100% + 34px);z-index:4;text-align:center}
.rsg-inm-x .hp-blog-more .hp-textlink{color:#fff;border-bottom-color:transparent}
.rsg-inm-x .hp-blog-more .hp-textlink:hover{border-color:#fff}
@media (max-width:900px){
  .rsg-inm-x .hp-bgrid{grid-template-columns:1fr;gap:18px;margin-bottom:-80px}
  .rsg-inm-x .hp-blog-more{top:calc(100% + 28px)}
}


/* ---- carried 141-148: form fields (carried for the search card + comment form) ---- */
.rsg-inm-x .hp-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.rsg-inm-x .hp-field label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.rsg-inm-x .hp-field input,.rsg-inm-x .hp-field textarea{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid rgba(26,28,27,.22);border-radius:var(--r-btn);padding:12px 14px;width:100%}
.rsg-inm-x .hp-field textarea{resize:vertical;min-height:110px}
.rsg-inm-x .hp-field input:focus,.rsg-inm-x .hp-field textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(6,54,118,.14)}
.rsg-inm-x .hp-form .hp-btn{margin-top:6px}
.rsg-inm-x .hp-form-alt{margin-top:14px;text-align:center;font-size:15px}
.rsg-inm-x .hp-form-alt a{color:var(--red);font-weight:700;text-decoration:none}

/* ---- carried 236-243: mobile call bar base + the sticky header the page sheets own ---- */
/* --- mobile call bar ------------------------------------------------------- */
.rsg-inm-x .hp-mobar{display:none}

/* ============================================================================
 * HEADER: pin it. (Move to inm-header.css when approved so every page gets it.)
 * ============================================================================ */
.rsg-inm-hdr{position:sticky;top:0;z-index:70;box-shadow:0 1px 0 rgba(26,28,27,.08)}
.rsg-inm-hdr.is-stuck{box-shadow:0 8px 24px -12px rgba(8,25,42,.28)}

/* ---- carried 593-593: phone glyph inside a button ---- */
.rsg-inm-x .hp-btn .hp-ico{width:16px;height:16px;fill:currentColor;flex:0 0 auto}

/* ============================================================================
 * BLOG SURFACE v2 - additions on top of the carried homepage components.
 * Everything here is scoped to .rsg-inm-x (the blog index adds .bl, articles add
 * .bp), so it cannot reach the header, the footer or a designed page.
 * ============================================================================ */

/* The fleet's sheets ship `--gold-line:var(--gold-line)`, which is self-referential and
   therefore invalid, so every gold hairline on the homepage and the service pages renders
   as nothing. Declared properly here, so the blog's hairlines are the ones the design
   describes. The same one-line fix is still waiting on the owner for the other sheets. */
.rsg-inm-x{--gold-line:rgba(226,198,163,.58);--gold-bright:var(--h2-gold)}

/* --- section heads (kicker + H2 + optional sub) ---------------------------- */
.rsg-inm-x .bx-head{max-width:64ch}
.rsg-inm-x .bx-head .bx-sub{margin-top:16px;font-size:17px;max-width:58ch}
.rsg-inm-x .bx-head--center{margin-left:auto;margin-right:auto;text-align:center}
.rsg-inm-x .bx-head--center .hp-kicker-h2{justify-content:center}
.rsg-inm-x .bx-head--center .bx-sub{margin-left:auto;margin-right:auto}

/* --- article card additions (on the carried .hp-bcard anatomy) ------------- */
.rsg-inm-x .hp-bmeta{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0}
.rsg-inm-x .hp-bmeta span{display:inline-flex;align-items:center;gap:9px}
.rsg-inm-x .hp-bmeta span+span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--h2-gold)}
.rsg-inm-x .hp-bcard-img{position:relative}
.rsg-inm-x .hp-bcard-img::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(180deg,rgba(8,25,42,0),rgba(8,25,42,.18));pointer-events:none}

/* wide variant: photo beside the copy. Carries the newest guide. */
.rsg-inm-x .hp-bcard--wide{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);border-top-width:5px}
.rsg-inm-x .hp-bcard--wide .hp-bcard-img{aspect-ratio:auto;height:100%;min-height:340px}
.rsg-inm-x .hp-bcard--wide .hp-bcard-body{padding:38px 44px 40px;gap:16px;justify-content:center}
.rsg-inm-x .hp-bcard--wide .hp-bcard-title{font-size:clamp(24px,2.2vw,30px);line-height:1.18;letter-spacing:-.015em}
.rsg-inm-x .hp-bcard--wide .hp-bcard-ex{font-size:16px;-webkit-line-clamp:4}
.rsg-inm-x .hp-bcard--wide .hp-btn{align-self:flex-start;margin-top:6px}

/* Topic colour, one place. The carried card rules map the same four slugs; this adds the
   category slugs this site actually uses and lets the chips and the article's hero chip
   read the same colour as the card's rail. Maintenance keeps the default navy. */
/* --bc is the card's colour RAIL; --bc-ink is the same colour where it has to carry small
   TEXT (the chip on its own 10% tint, and the read link on white). Azure #2E81C1 measures
   3.71:1 on its tint and 4.17:1 on white at 12-13.5px bold, so cooling text uses the
   palette's deeper blue (5.4:1 / 6.1:1) while the rail stays azure. */
.rsg-inm-x [data-cat]{--bc-ink:var(--bc)}
.rsg-inm-x [data-cat="cooling"]{--bc:#2E81C1;--bc-ink:var(--blue-deep)}
.rsg-inm-x .hp-bcat{color:var(--bc-ink,var(--bc))}
.rsg-inm-x .hp-bmore{color:var(--bc-ink,var(--bc))}
.rsg-inm-x [data-cat="heating"]{--bc:var(--red)}
.rsg-inm-x [data-cat="buying-guides"]{--bc:#805928}
.rsg-inm-x [data-cat="air-quality"]{--bc:#1AA257}
.rsg-inm-x [data-cat="maintenance"]{--bc:var(--royal)}
.rsg-inm-x .hp-bcard[hidden]{display:none}

/* --- topic chips (library filter + the hero's find card) ------------------- */
.rsg-inm-x .bx-chips{display:flex;flex-wrap:wrap;gap:10px}
.rsg-inm-x .bx-chip{text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:var(--font-heading);font-size:13.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:border-color .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}
.rsg-inm-x .bx-chip i{width:8px;height:8px;border-radius:2px;background:var(--bc,var(--navy));transform:rotate(45deg);flex:none}
.rsg-inm-x .bx-chip b{font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.rsg-inm-x .bx-chip:hover{border-color:var(--navy)}
.rsg-inm-x .bx-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.rsg-inm-x .bx-chip[aria-pressed="true"] b{color:var(--ice)}
.rsg-inm-x .bx-chip[aria-pressed="true"] i{background:#fff}
.rsg-inm-x .bx-chip:focus-visible{outline:3px solid var(--ice);outline-offset:2px}

/* ============================================================================
 * ARTICLE (.bp) - hero, reading column, sidebar, comments, keep reading
 * ============================================================================ */

/* --- hero: the post's own photo, left-heavy scrim, copy left --------------- */
.rsg-inm-x.bp .bp-hero{position:relative;overflow:hidden;background:#0B1B36;color:#fff;padding:64px 0 150px}
.rsg-inm-x.bp .bp-hbg{position:absolute;inset:0;z-index:0;overflow:hidden}
.rsg-inm-x.bp .bp-hbg img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 38%}
.rsg-inm-x.bp .bp-hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(620px 620px at 4% 14%,rgba(83,157,214,.2),transparent 62%),
    linear-gradient(92deg,rgba(8,20,40,.95) 0%,rgba(8,20,40,.88) 38%,rgba(8,20,40,.6) 66%,rgba(8,20,40,.74) 100%),
    linear-gradient(180deg,rgba(8,20,40,.42),rgba(8,20,40,0) 32%,rgba(8,20,40,0) 68%,rgba(8,20,40,.6))}
.rsg-inm-x.bp .bp-hero .rsg-wrap{position:relative;z-index:2}
.rsg-inm-x.bp .bp-h1{font-family:var(--font-heading);font-size:clamp(29px,3.3vw,45px);font-weight:800;line-height:1.1;letter-spacing:-.018em;color:#fff;margin:0;max-width:26ch;text-wrap:balance}

/* hero top row: breadcrumb left, a compact search right (it posts to the index) */
.rsg-inm-x.bp .bp-hero-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:44px}
.rsg-inm-x.bp .bp-hero-head{max-width:none}
.rsg-inm-x .bp-hsearch{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:999px;background:rgba(9,23,46,.5);border:1px solid var(--ice-line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);flex:none}
.rsg-inm-x .bp-hsearch-ic{display:grid;place-items:center;color:var(--ice)}
.rsg-inm-x .bp-hsearch-ic svg{width:15px;height:15px}
.rsg-inm-x .bp-hsearch input{background:transparent;border:0;outline:0;color:#fff;font:inherit;font-size:13.5px;width:180px;padding:6px 0}
.rsg-inm-x .bp-hsearch input::placeholder{color:#9DB6D2}
.rsg-inm-x .bp-hsearch button{border:0;cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--red);padding:8px 15px;border-radius:999px;transition:background-color .2s var(--ease)}
.rsg-inm-x .bp-hsearch button:hover{background:var(--red-2)}
.rsg-inm-x .bp-hsearch:focus-within{border-color:var(--ice)}

/* breadcrumb: quiet, one line, ice links */
.rsg-inm-x .bp-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark)}
.rsg-inm-x .bp-crumbs li+li::before{content:"/";margin-right:8px;color:rgba(169,211,240,.5)}
.rsg-inm-x .bp-crumbs a{color:var(--ice);text-decoration:none;border-bottom:1px solid transparent}
.rsg-inm-x .bp-crumbs a:hover{border-color:var(--ice)}
.rsg-inm-x .bp-crumbs b{font-weight:700;color:#fff}
.rsg-inm-x .bp-crumbs ol{max-width:100%}
.rsg-inm-x .bp-crumbs li{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* category chip on the dark hero: the card's rail colour, spelled out */
.rsg-inm-x.bp .bp-chip{display:inline-flex;align-items:center;gap:9px;margin:20px 0 16px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--ice-line);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#fff;text-decoration:none}
.rsg-inm-x.bp .bp-chip::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--bc,var(--ice));transform:rotate(45deg);flex:none}
.rsg-inm-x.bp a.bp-chip:hover{background:rgba(255,255,255,.14)}

/* byline: the owner's crop, his name, then the factual meta */
.rsg-inm-x.bp .bp-by{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:26px;max-width:640px}
.rsg-inm-x.bp .bp-by-face{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;background:#0B1B36;border:1px solid rgba(169,211,240,.45);box-shadow:0 6px 14px rgba(0,0,0,.35)}
.rsg-inm-x.bp .bp-by-who{font-family:var(--font-heading);font-size:15.5px;font-weight:700;color:#fff;line-height:1.3}
.rsg-inm-x.bp .bp-by-who a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(169,211,240,.4)}
.rsg-inm-x.bp .bp-by-who a:hover{border-color:var(--h2-gold);color:var(--h2-gold)}
.rsg-inm-x.bp .bp-by-who span{display:block;font-family:var(--font-body);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dark);margin-top:3px}
.rsg-inm-x.bp .bp-by-meta{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-dark)}
.rsg-inm-x.bp .bp-by-meta span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--h2-gold);margin-right:10px;vertical-align:middle}

/* --- reading surface ------------------------------------------------------- */
/* padding-top 1px stops the contents plate's negative margin collapsing through the
   section, which would drag the white up over the hero's bottom. */
.rsg-inm-x.bp .bp-body{background:#fff;padding:1px 0 var(--pad-2)}
.rsg-inm-x.bp .bp-grid{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:56px;align-items:start}
.rsg-inm-x.bp .bp-col{min-width:0;position:relative;z-index:3}

/* contents plate: first in the reading column, and the element that straddles the hero seam */
.rsg-inm-x.bp .bp-toc{position:relative;z-index:4;margin:-96px 0 40px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-3);padding:26px 30px 22px}
.rsg-inm-x.bp .bp-toc::before{content:"";position:absolute;left:26px;right:26px;top:0;height:3px;border-radius:0 0 2px 2px;background:var(--gold-line)}
.rsg-inm-x.bp .bp-toc-h{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--eyebrow-warm);margin:0 0 14px}
.rsg-inm-x.bp .bp-toc-h::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--red);flex:none}
.rsg-inm-x.bp .bp-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;margin:0;padding:0;list-style:none}
.rsg-inm-x.bp .bp-toc li{border-top:1px solid var(--line)}
.rsg-inm-x.bp .bp-toc a{display:flex;align-items:flex-start;gap:11px;padding:11px 0;font-size:15px;font-weight:600;line-height:1.45;color:var(--ink);text-decoration:none;transition:color .18s var(--ease)}
.rsg-inm-x.bp .bp-toc a::before{content:"";flex:none;width:8px;height:8px;margin-top:8px;border-radius:2px;background:var(--h2-gold);transform:rotate(45deg);transition:background-color .18s var(--ease)}
.rsg-inm-x.bp .bp-toc a:hover{color:var(--red)}
.rsg-inm-x.bp .bp-toc a:hover::before{background:var(--red)}
/* The prose list rules below reach this ol too, so the contents plate states its own
   shape: no counters (big numerals are a named AI tell for this client), no underline. */
.rsg-inm-x.bp .bp-col .bp-toc ol>li{counter-increment:none;padding:0;margin:0}
.rsg-inm-x.bp .bp-col .bp-toc ol>li::before{content:none;display:none}
.rsg-inm-x.bp .bp-col .bp-toc a{color:var(--ink);text-decoration:none}
.rsg-inm-x.bp .bp-col .bp-toc a:hover{color:var(--red);text-decoration:none}

/* the section being read, set by blog.js */
.rsg-inm-x.bp .bp-toc a[aria-current]{color:var(--red)}
.rsg-inm-x.bp .bp-toc a[aria-current]::before{background:var(--red)}

/* --- prose ---------------------------------------------------------------- */
.rsg-inm-x.bp .bp-col{font-size:17.5px;line-height:1.78;color:#3A3A38}
.rsg-inm-x.bp .bp-col>p{margin:0 0 20px;max-width:70ch}
.rsg-inm-x.bp .bp-col strong{color:var(--ink);font-weight:700}
/* Source links in the prose are navy and underlined. Kept to THREE classes on purpose:
   a :not() chain here would outrank the contents plate's own link rule below. */
.rsg-inm-x.bp .bp-col a{color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .18s var(--ease)}
.rsg-inm-x.bp .bp-col a:hover{color:var(--red)}
.rsg-inm-x.bp .bp-col .hp-btn,.rsg-inm-x.bp .bp-col .hp-textlink,.rsg-inm-x.bp .bp-col .bp-chip{text-decoration:none}
.rsg-inm-x.bp .rsg-bp-intro{font-size:19.5px;line-height:1.7;color:var(--ink)}
.rsg-inm-x.bp .bp-lede{margin-bottom:8px}
.rsg-inm-x.bp .rsg-bp-intro p{margin:0 0 18px;max-width:66ch}
.rsg-inm-x.bp .rsg-bp-intro p:first-child{font-weight:500}

.rsg-inm-x.bp .bp-col h2{position:relative;margin:54px 0 18px;padding-top:20px;font-family:var(--font-heading);font-size:clamp(25px,2.3vw,31px);font-weight:800;line-height:1.2;letter-spacing:-.016em;color:var(--ink);scroll-margin-top:120px;max-width:34ch}
.rsg-inm-x.bp .bp-col h2::before{content:"";position:absolute;left:0;top:0;width:38px;height:3px;border-radius:2px;background:var(--red)}
.rsg-inm-x.bp .bp-col h3{margin:36px 0 14px;font-family:var(--font-heading);font-size:20.5px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--ink);scroll-margin-top:120px}
.rsg-inm-x.bp .bp-col h4{margin:28px 0 12px;font-family:var(--font-heading);font-size:17.5px;font-weight:700;color:var(--ink)}

.rsg-inm-x.bp .bp-col ul,.rsg-inm-x.bp .bp-col ol{margin:0 0 22px;padding:0;list-style:none;max-width:68ch}
.rsg-inm-x.bp .bp-col ul>li,.rsg-inm-x.bp .bp-col ol>li{position:relative;padding:0 0 0 26px;margin-bottom:11px}
.rsg-inm-x.bp .bp-col ul>li::before{content:"";position:absolute;left:2px;top:11px;width:9px;height:9px;border-radius:2px;background:var(--red);transform:rotate(45deg)}
.rsg-inm-x.bp .bp-col ol{counter-reset:bpo}
.rsg-inm-x.bp .bp-col ol>li{counter-increment:bpo;padding-left:38px}
.rsg-inm-x.bp .bp-col ol>li::before{content:counter(bpo);position:absolute;left:0;top:4px;width:26px;height:26px;border-radius:var(--r-tile);background:var(--navy);color:#fff;font-family:var(--font-heading);font-size:13px;font-weight:700;display:grid;place-items:center;line-height:1}
.rsg-inm-x.bp .bp-col li>ul{margin:10px 0 0}

/* pull quote: the off-white tile the fleet uses for a plate on white */
.rsg-inm-x.bp .bp-col blockquote{position:relative;margin:32px 0;padding:26px 30px 26px 34px;border:1px solid var(--line);border-left:3px solid var(--h2-gold);border-radius:var(--r-card);background:linear-gradient(180deg,#fff 0%,#FAF8F5 100%);box-shadow:var(--sh-1);font-size:18.5px;line-height:1.62;color:var(--ink)}
.rsg-inm-x.bp .bp-col blockquote p{margin:0 0 12px;max-width:60ch}
.rsg-inm-x.bp .bp-col blockquote p:last-child{margin:0}
.rsg-inm-x.bp .bp-col blockquote cite{display:block;margin-top:12px;font-style:normal;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}

/* figures */
.rsg-inm-x.bp .bp-col figure{margin:30px 0 28px}
.rsg-inm-x.bp .bp-col figure img,.rsg-inm-x.bp .bp-col>img{width:100%;height:auto;border-radius:var(--r-photo);box-shadow:var(--sh-2)}
.rsg-inm-x.bp .bp-col>img{margin:30px 0 28px}
.rsg-inm-x.bp .bp-col figcaption{position:relative;margin-top:14px;padding-top:12px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.rsg-inm-x.bp .bp-col figcaption::before{content:"";position:absolute;left:0;top:0;width:34px;height:2px;border-radius:2px;background:var(--h2-gold)}

/* tables: the fleet's comparison table - dark head, hairline rows, no zebra */
.rsg-inm-x.bp .rsg-bp-tablewrap{margin:30px 0;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-1);background:#fff;-webkit-overflow-scrolling:touch}
.rsg-inm-x.bp .bp-col table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.55;min-width:520px}
.rsg-inm-x.bp .bp-col thead th{background:var(--band-grad-deep);color:#fff;font-family:var(--font-heading);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:15px 18px}
.rsg-inm-x.bp .bp-col tbody td,.rsg-inm-x.bp .bp-col tbody th{padding:15px 18px;border-top:1px solid var(--line);vertical-align:top;text-align:left}
.rsg-inm-x.bp .bp-col tbody th,.rsg-inm-x.bp .bp-col tbody tr>td:first-child{font-weight:700;color:var(--ink)}
.rsg-inm-x.bp .bp-col tbody tr:hover{background:#FBFAF8}
.rsg-inm-x.bp .bp-col table caption{caption-side:bottom;padding:12px 18px;font-size:13px;color:var(--muted);text-align:left}

/* the site-wide FAQ shape, if an article carries one */
.rsg-inm-x.bp .bp-col details{border:1px solid var(--line);border-radius:var(--r-card);background:#fff;box-shadow:var(--sh-1);padding:18px 22px;margin:0 0 12px}
.rsg-inm-x.bp .bp-col summary{cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:17px;color:var(--ink);list-style:none}
.rsg-inm-x.bp .bp-col summary::-webkit-details-marker{display:none}
.rsg-inm-x.bp .bp-col details[open] summary{margin-bottom:10px}

/* --- the card that closes the article: who wrote it ----------------------- */
.rsg-inm-x.bp .bp-ab{display:flex;gap:22px;align-items:center;margin:52px 0 0;padding:24px 28px;background:linear-gradient(180deg,#fff 0%,#FAF8F5 100%);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-1);position:relative}
.rsg-inm-x.bp .bp-ab::before{content:"";position:absolute;left:28px;right:28px;top:0;height:3px;border-radius:0 0 2px 2px;background:var(--gold-line)}
.rsg-inm-x.bp .bp-ab-face{flex:none;width:78px;height:78px;border-radius:50%;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-1);background:#0B1B36}
.rsg-inm-x.bp .bp-ab-face img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.rsg-inm-x.bp .bp-ab-lbl{display:block;font-family:var(--font-heading);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--eyebrow-warm)}
.rsg-inm-x.bp .bp-ab-name{display:block;margin-top:4px;font-family:var(--font-heading);font-size:19px;font-weight:800;letter-spacing:-.012em;color:var(--ink)}
.rsg-inm-x.bp .bp-col .bp-ab-name a{color:inherit;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .18s var(--ease)}
.rsg-inm-x.bp .bp-col .bp-ab-name a:hover{border-color:var(--red);color:var(--red)}
.rsg-inm-x.bp .bp-ab p{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:var(--muted);max-width:64ch}

/* --- sidebar -------------------------------------------------------------- */
.rsg-inm-x.bp .bp-side{position:sticky;top:128px;display:flex;flex-direction:column;gap:26px;min-width:0}
.rsg-inm-x.bp .bp-side-h{display:flex;align-items:center;gap:11px;font-family:var(--font-heading);font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--eyebrow-warm);margin:0 0 14px}
.rsg-inm-x.bp .bp-side-h::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--red);flex:none}
.rsg-inm-x.bp .bp-side .hp-bcard-body{padding:18px 20px 20px;gap:10px}
.rsg-inm-x.bp .bp-side .hp-bcard-title{font-size:16.5px}
.rsg-inm-x.bp .bp-side .hp-bcat{font-size:11px;padding:4px 9px}

/* more guides: hairline rows with a square thumb */
.rsg-inm-x.bp .bp-more{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-1);overflow:hidden}
.rsg-inm-x.bp .bp-more li+li{border-top:1px solid var(--line)}
.rsg-inm-x.bp .bp-more a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;text-decoration:none;color:var(--ink);transition:background-color .18s var(--ease)}
.rsg-inm-x.bp .bp-more a:hover{background:#FBFAF8}
.rsg-inm-x.bp .bp-more img{width:64px;height:64px;border-radius:var(--r-tile);object-fit:cover;background:#E9EEF3}
.rsg-inm-x.bp .bp-more-txt{min-width:0}
.rsg-inm-x.bp .bp-more b{display:block;font-family:var(--font-heading);font-size:14.5px;font-weight:700;line-height:1.35;letter-spacing:-.005em;color:var(--ink)}
.rsg-inm-x.bp .bp-more a:hover b{color:var(--navy)}
.rsg-inm-x.bp .bp-more-meta{display:block;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}

/* contact plate: the closing band's copy on the fleet's dark card */
.rsg-inm-x.bp .bp-sc{position:relative;background:var(--card-dark);border:1px solid var(--ice-line);border-radius:var(--r-card);box-shadow:var(--sh-dark);color:#fff;padding:26px 24px 24px;overflow:hidden}
.rsg-inm-x.bp .bp-sc::before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 2px 2px;background:var(--gold-line);z-index:2}
.rsg-inm-x.bp .bp-sc::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 100%,rgba(83,157,214,.18),transparent 60%);pointer-events:none}
.rsg-inm-x.bp .bp-sc-in{position:relative;z-index:2}
.rsg-inm-x.bp .bp-sc-ico{width:40px;height:40px;border-radius:var(--r-tile);background:rgba(83,157,214,.16);border:1px solid var(--ice-line);color:var(--ice);display:grid;place-items:center;margin-bottom:16px}
.rsg-inm-x.bp .bp-sc-ico svg{width:18px;height:18px;fill:currentColor}
.rsg-inm-x.bp .bp-sc-t{font-family:var(--font-heading);font-size:21px;font-weight:800;line-height:1.2;letter-spacing:-.012em;color:#fff;margin:0 0 16px;max-width:14ch}
.rsg-inm-x.bp .bp-sc .hp-btn{width:100%;margin-bottom:10px}
.rsg-inm-x.bp .bp-sc .hp-btn-ghost{margin-bottom:0}
.rsg-inm-x.bp .bp-sc-trust{margin-top:18px;padding-top:16px;padding-right:104px;border-top:1px solid var(--ice-line);font-size:13px;line-height:1.6;color:var(--muted-dark)}
.rsg-inm-x.bp .bp-sc-trust b{display:block;color:#fff;font-weight:700}
.rsg-inm-x.bp .bp-sc-stars{display:flex;align-items:center;gap:8px;margin-bottom:8px;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.rsg-inm-x.bp .bp-sc-stars svg{width:76px;height:14px;fill:var(--star);flex:none}
.rsg-inm-x.bp .bp-sc-mascot{position:absolute;right:-10px;bottom:-6px;height:134px;width:auto;z-index:1;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(0,0,0,.45))}

/* --- comments ------------------------------------------------------------- */
.rsg-inm-x.bp .bp-cmt{background:#fff;padding:0 0 var(--pad-2)}
.rsg-inm-x.bp .bp-cmt-in{max-width:760px}
.rsg-inm-x.bp .bp-cmt-h{position:relative;padding-top:20px;margin:0 0 10px;font-family:var(--font-heading);font-size:clamp(24px,2.1vw,30px);font-weight:800;letter-spacing:-.016em;color:var(--ink)}
.rsg-inm-x.bp .bp-cmt-h::before{content:"";position:absolute;left:0;top:0;width:38px;height:3px;border-radius:2px;background:var(--red)}
.rsg-inm-x.bp .bp-cmt-note{font-size:14.5px;color:var(--muted);margin:0 0 26px}
.rsg-inm-x.bp .bp-cmt-list{list-style:none;margin:0 0 34px;padding:0}
.rsg-inm-x.bp .bp-cmt-list li{border:1px solid var(--line);border-radius:var(--r-card);background:#fff;box-shadow:var(--sh-1);padding:20px 22px;margin-bottom:14px}
.rsg-inm-x.bp .bp-cmt-who{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--ink)}
.rsg-inm-x.bp .bp-cmt-when{font-family:var(--font-body);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.rsg-inm-x.bp .bp-cmt-body p{margin:0 0 10px;font-size:16px;line-height:1.7}
.rsg-inm-x.bp .bp-cmt-form{position:relative;border:1px solid var(--line);border-radius:var(--r-card);background:linear-gradient(180deg,#fff 0%,#FAF8F5 100%);box-shadow:var(--sh-1);padding:26px 28px 28px}
.rsg-inm-x.bp .bp-cmt-form::before{content:"";position:absolute;left:26px;right:26px;top:0;height:3px;border-radius:0 0 2px 2px;background:var(--gold-line)}
/* WordPress prints the comment fields as a flat list of <p>, so the form itself is the
   grid: name and email share a row, everything else spans both columns. */
.rsg-inm-x.bp .bp-cmt-form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.rsg-inm-x.bp .bp-cmt-form>*{grid-column:1/-1;min-width:0}
.rsg-inm-x.bp .bp-cmt-form .hp-field:has(#author),.rsg-inm-x.bp .bp-cmt-form .hp-field:has(#email){grid-column:auto}
.rsg-inm-x.bp .bp-cmt-form .form-submit{margin:6px 0 0}
.rsg-inm-x.bp .bp-cmt-form .hp-consent,.rsg-inm-x.bp .bp-cmt-form .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:var(--muted);margin:2px 0 16px}
.rsg-inm-x.bp .bp-cmt-form .hp-consent input,.rsg-inm-x.bp .bp-cmt-form .comment-form-cookies-consent input{margin-top:3px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--red)}
.rsg-inm-x.bp .bp-cmt-form .comment-form-cookies-consent label{font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
.rsg-inm-x.bp .bp-cmt-reply{font-family:var(--font-heading);font-size:19px;font-weight:800;letter-spacing:-.012em;color:var(--ink);margin:0 0 6px}
.rsg-inm-x.bp .bp-cmt-form .hp-field:has(#comment){margin-bottom:16px}
.rsg-inm-x.bp .bp-cmt-form .hp-btn{margin-top:4px}
.rsg-inm-x.bp .bp-cmt-form .comment-reply-title small{font-size:13px;font-weight:600}
.rsg-inm-x.bp .bp-cmt-form .logged-in-as{font-size:13.5px;color:var(--muted);margin:0 0 14px}

/* --- keep reading: the homepage's three-column band, straddling the CTA ---- */
.rsg-inm-x.bp .bp-rel{background:#fff;padding:var(--pad-2) 0 1px;border-top:1px solid var(--line);position:relative;z-index:3}
.rsg-inm-x.bp .bp-rel .bx-head{margin-bottom:40px}
.rsg-inm-x.bp .bp-relgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:-120px;position:relative;z-index:3}

/* the article's closing CTA reuses the sitewide band, and receives the straddling track */
.rsg-inm-x.bp .hp-cta{padding-top:calc(var(--pad-3) + 70px)}

@media (max-width:1100px){
  .rsg-inm-x.bp .bp-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .rsg-inm-x.bp .bp-side{position:static;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
  .rsg-inm-x.bp .bp-side-block--more{grid-column:1/-1}
  .rsg-inm-x.bp .bp-sc-mascot{height:140px}
}
@media (max-width:900px){
  .rsg-inm-x .hp-bcard--wide{grid-template-columns:1fr}
  .rsg-inm-x .hp-bcard--wide .hp-bcard-img{min-height:0;aspect-ratio:16/9}
  .rsg-inm-x .hp-bcard--wide .hp-bcard-body{padding:26px 24px 28px}
  .rsg-inm-x.bp .bp-toc ol{grid-template-columns:1fr}
  .rsg-inm-x.bp .bp-relgrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:-100px}
  .rsg-inm-x.bp .bp-hero-top{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:32px}
  .rsg-inm-x .bp-hsearch{width:100%}
  .rsg-inm-x .bp-hsearch input{width:100%;flex:1}
}
@media (max-width:767px){
  .rsg-inm-x.bp .bp-hero{padding:44px 0 128px}
  /* the title crumb cannot fit a phone: Home / Blog is enough, and the H1 is right below it */
  .rsg-inm-x .bp-crumbs li:nth-child(3){display:none}
  .rsg-inm-x.bp .bp-hero-scrim{background:linear-gradient(180deg,rgba(8,20,40,.9) 0%,rgba(8,20,40,.8) 44%,rgba(8,20,40,.92) 100%)}
  .rsg-inm-x.bp .bp-h1{max-width:none}
  .rsg-inm-x.bp .bp-by{gap:12px}
  .rsg-inm-x.bp .bp-by-meta{margin-left:0;width:100%}
  .rsg-inm-x.bp .bp-toc{margin:-86px 0 34px;padding:22px 20px 18px}
  .rsg-inm-x.bp .bp-side{grid-template-columns:1fr}
  .rsg-inm-x.bp .bp-col{font-size:16.5px}
  .rsg-inm-x.bp .bp-col>p{max-width:none}
  .rsg-inm-x.bp .rsg-bp-intro{font-size:18px}
  .rsg-inm-x.bp .bp-cmt-form{padding:22px 18px 24px}
  .rsg-inm-x.bp .bp-cmt-form{grid-template-columns:1fr}
  .rsg-inm-x.bp .bp-relgrid{grid-template-columns:minmax(0,1fr);margin-bottom:-96px}
  .rsg-inm-x.bp .bp-ab{flex-direction:column;align-items:flex-start;gap:16px;padding:22px 20px}
}

/* --- surface responsive: the fleet's own step-downs and the mobile call bar -- */
@media (max-width:900px){
  .rsg-inm-x{--pad-3:88px;--pad-2:76px}
  .rsg-inm-x .hp-mobar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:80;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -8px 24px -14px rgba(8,25,42,.35)}
  .rsg-inm-x .hp-mobar .hp-btn{min-height:48px;padding:0 8px;font-size:12.5px;letter-spacing:.03em;gap:6px}
  .rsg-inm-x .hp-mobar .hp-btn .hp-ico{width:14px;height:14px}
  /* the fixed bar must never sit on the last line of the footer */
  body.single-post,body.page-id-57{padding-bottom:0}
  body.single-post footer.wp-block-template-part,body.page-id-57 footer.wp-block-template-part{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media (max-width:767px){
  .rsg-inm-x .hp-ctas .hp-btn{width:100%}
  /* the homepage's own post-deploy fix: with a card straddling DOWN into the closing band,
     the mascot has to sit at the band's bottom-right, not on its top edge */
  .rsg-inm-x .hp-cta-figure{top:auto;bottom:18px;right:14px;height:96px}
}
@media (prefers-reduced-motion:reduce){
  .rsg-inm-x .hp-btn,.rsg-inm-x .hp-bcard,.rsg-inm-x .hp-textlink{transition:none}
}

/* --- no-JS + reduced motion + print -------------------------------------- */
.rsg-inm-x:not(.rsg-rv-js) .rsg-rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rsg-inm-x .bp-track{scroll-snap-type:none}
}
@media print{
  .rsg-inm-x.bp .bp-side,.rsg-inm-x.bp .bp-rel,.rsg-inm-x.bp .hp-cta,.rsg-inm-x.bp .bp-cmt-form,.rsg-inm-x .hp-mobar,.rsg-inm-x .bp-hsearch{display:none}
  .rsg-inm-x.bp .bp-hero{background:#fff;color:#000;padding:0}
  .rsg-inm-x.bp .bp-hbg,.rsg-inm-x.bp .bp-hero-scrim{display:none}
  .rsg-inm-x.bp .bp-h1,.rsg-inm-x.bp .bp-by-who{color:#000}
  .rsg-inm-x.bp .bp-grid{display:block}
}