/* ==========================================================================
   FIXO - blog (index, category, search, single post, homepage band)

   Written against the site's own design contract, sampled from the live
   Elementor pages so the blog reads as the same website:

     band       outer 0 24px, inner max 1200, padding 88px 0 (hero 96/72)
     H1         42/700 white, left, over a photo with a #1B2540 90% overlay
     H2         32/700, -.32px, #1B2540, centred section heads
     H3         19/600, #1B2540
     card       #fff, 1px #E4E9F4, radius 16, shadow-sm, media 4/3 at 50% 58%
     button     radius 10, 2px border, 17px 26px, 14-15/600, no shadow
                filled #4D6598 on white / outline #9AABD8 text #4D6598
     eyebrow    14/400 #4D6598, 30px indent, 22x2 #7FDDE6 dash
     pill       radius 999, 7px 14px, aqua fill

   No gradients on content: flat #fff, #F5F7FC and #FFFFEB bands, and photo
   bands overlaid with #1B2540 exactly as Elementor does it.
   Everything is scoped to .fxb.
   ========================================================================== */

.fxb{
  --aqua:#B9F4F9; --aqua-deep:#7FDDE6;
  --navy:#4D6598; --navy-deep:#3B5080;
  --ink:#1B2540; --ink-2:#4A5470; --ink-3:#7C86A2;
  --peri:#9AABD8; --lav:#E5D1FF; --cream:#FFFFEB;
  --line:#E4E9F4; --soft:#F5F7FC;
  --radius:14px; --radius-card:16px; --radius-btn:10px;
  --shadow-sm:0 1px 3px rgba(27,37,64,.08);
  --shadow:0 10px 30px -12px rgba(27,37,64,.18);
  --wrap:1200px;
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
.fxb *,.fxb *::before,.fxb *::after{box-sizing:border-box}
.fxb img{max-width:100%;height:auto;display:block}
.fxb a{color:inherit;text-decoration:none}
.fxb h1,.fxb h2,.fxb h3,.fxb h4{margin:0;font-family:inherit;color:var(--ink)}
.fxb h1{font-size:42px;font-weight:700;line-height:1.14;letter-spacing:-.42px}
.fxb h2{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.32px}
.fxb h3{font-size:19px;font-weight:600;line-height:1.3}
.fxb p{margin:0}
.fxb ol,.fxb ul{margin:0;padding:0;list-style:none}
.fxb-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.fxb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fxb :focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:4px}
.fxb-ico{width:1em;height:1em;flex:none}
.fxb-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.4;flex:none}

/* --- section head: eyebrow + H2 + lede, centred, as on every other page --- */
.fxb-head{text-align:center;max-width:720px;margin:0 auto 42px}
.fxb-head--left{text-align:left;margin-inline:0}
.fxb-eyebrow{position:relative;display:inline-block;padding-left:30px;
  font-size:14px;font-weight:400;color:var(--navy);margin-bottom:14px}
.fxb-eyebrow::before{content:"";position:absolute;left:0;top:50%;width:22px;height:2px;
  border-radius:2px;background:var(--aqua-deep)}
.fxb-eyebrow--light{color:rgba(255,255,255,.82)}
.fxb-eyebrow--light::before{background:var(--aqua)}
.fxb-lede{font-size:15px;line-height:1.75;color:var(--ink-2);margin-top:14px}

/* --- buttons -------------------------------------------------------------- */
.fxb .fxb-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:17px 26px;border-radius:var(--radius-btn);border:2px solid transparent;
  font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
  text-align:center}
.fxb .fxb-btn .fxb-ico{width:16px;height:16px}
.fxb .fxb-btn--navy{background:var(--navy);color:#fff}
.fxb .fxb-btn--navy:hover{background:var(--navy-deep)}
.fxb .fxb-btn--outline{background:transparent;color:var(--navy);border-color:var(--peri)}
.fxb .fxb-btn--outline:hover{border-color:var(--navy);background:var(--soft)}
.fxb .fxb-btn--light{background:var(--aqua);color:var(--ink);border-color:var(--aqua)}
.fxb .fxb-btn--light:hover{background:var(--aqua-deep);border-color:var(--aqua-deep)}
.fxb .fxb-btn--onnavy{background:transparent;color:#fff;border-color:rgba(255,255,255,.42)}
.fxb .fxb-btn--onnavy:hover{background:rgba(255,255,255,.1);border-color:#fff}
.fxb .fxb-btn--sm{padding:13px 20px;font-size:14px}
.fxb .fxb-btn.is-loading{opacity:.6;pointer-events:none}
.fxb .fxb-textlink{display:inline-flex;align-items:center;gap:8px;font-size:14px;
  font-weight:600;color:var(--navy)}
.fxb .fxb-textlink:hover{color:var(--navy-deep)}
.fxb .fxb-textlink .fxb-ico{width:15px;height:15px}

/* --- pills / chips -------------------------------------------------------- */
.fxb .fxb-chip{display:inline-flex;align-items:center;border-radius:999px;padding:7px 14px;
  background:var(--aqua);color:var(--ink);font-size:12.5px;font-weight:600;
  line-height:1;transition:background-color .2s ease}
.fxb .fxb-chip:hover{background:var(--aqua-deep)}
.fxb .fxb-chip--light{background:rgba(185,244,249,.18);color:var(--aqua)}
.fxb .fxb-chip--light:hover{background:rgba(185,244,249,.3)}
.fxb-kicker{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px}

/* --- meta ----------------------------------------------------------------- */
.fxb-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-3)}
.fxb-meta__i{display:inline-flex;align-items:center;gap:6px}
.fxb-meta__i .fxb-ico{width:14px;height:14px;opacity:.65}
.fxb-meta--light{color:rgba(255,255,255,.72)}

/* --- media placeholder ---------------------------------------------------- */
.fxb-img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;display:block}
.fxb-img--none{background:var(--soft);position:relative}
.fxb-img--none::after{content:"FIXO";position:absolute;inset:0;display:flex;
  align-items:center;justify-content:center;color:var(--peri);font-size:22px;
  font-weight:700;letter-spacing:.2em}

/* --- card ----------------------------------------------------------------- */
.fxb-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);
  transition:transform .2s,box-shadow .2s}
.fxb-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.fxb-card__media{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--soft)}
.fxb-card__body{display:flex;flex-direction:column;gap:11px;flex:1 1 auto;padding:22px 22px 20px}
.fxb-card__top{display:flex}
.fxb-card__title{font-size:19px;line-height:1.3}
.fxb .fxb-card__title a:hover{color:var(--navy)}
.fxb-card__ex{font-size:14px;line-height:1.72;color:var(--ink-2);flex:1 1 auto}
.fxb-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
/* A real link to the post, not decoration: 38px hit target in the site's
   outline-button language. */
.fxb .fxb-card__go{display:inline-flex;align-items:center;justify-content:center;
  flex:none;width:38px;height:38px;border-radius:var(--radius-btn);
  border:1px solid var(--line);background:#fff;color:var(--navy);
  transition:border-color .2s,background-color .2s,color .2s,transform .2s}
.fxb .fxb-card__go .fxb-ico{width:16px;height:16px}
.fxb .fxb-card__go:hover,.fxb .fxb-card:hover .fxb-card__go{border-color:var(--peri);
  background:var(--soft);transform:translateX(2px)}
.fxb .fxb-card__go:hover{border-color:var(--navy)}
@keyframes fxb-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Only cards injected by JS animate in. Server-rendered cards never depend on an
   animation having run, so a paused or throttled tab can never blank them. */
.fxb-card.is-new{animation:fxb-in .35s ease both}

/* ==========================================================================
   PHOTO BANDS - the site's page-hero / navy-band treatment
   A photo with a flat #1B2540 overlay at 90%, exactly as Elementor renders
   background_overlay_color on the other pages. No gradients.
   ========================================================================== */

.fxb-photoband{position:relative;isolation:isolate;background-color:var(--ink);background-size:cover;
  background-position:center 60%;background-repeat:no-repeat;color:#fff}
.fxb-photoband::before{content:"";position:absolute;inset:0;z-index:-1;
  background:var(--ink);opacity:.9;pointer-events:none}
.fxb-photoband--flat::before{opacity:1}
.fxb-photoband h1,.fxb-photoband h2,.fxb-photoband h3{color:#fff}

/* ==========================================================================
   INDEX / ARCHIVE
   ========================================================================== */

.fxb-masthead{padding:96px 0 72px}
.fxb-masthead .fxb-wrap{max-width:var(--wrap)}
.fxb-masthead__in{max-width:760px}
.fxb-masthead__lede{font-size:16px;line-height:1.75;color:rgba(255,255,255,.8);
  margin-top:16px;max-width:62ch}
.fxb-masthead h1{margin-bottom:0}

.fxb-search{display:flex;align-items:center;gap:10px;margin-top:26px;max-width:520px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-btn);
  padding:6px 6px 6px 16px}
.fxb-search>.fxb-ico{width:18px;height:18px;color:var(--ink-3)}
.fxb .fxb-search input[type=search]{flex:1 1 auto;min-width:0;border:0;outline:none;background:none;
  font:400 14px/1 'Poppins',sans-serif;color:var(--ink);padding:13px 0}
.fxb-search input[type=search]::placeholder{color:var(--ink-3)}
.fxb .fxb-search__go{border:0;cursor:pointer;background:var(--navy);color:#fff;
  font:600 14px/1 'Poppins',sans-serif;padding:13px 20px;border-radius:8px;
  transition:background-color .2s ease}
.fxb .fxb-search__go:hover{background:var(--navy-deep)}

.fxb-body{padding-block:88px}
.fxb-body--soft{background:var(--soft)}

/* --- featured article ----------------------------------------------------- */
.fxb-feature{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);
  transition:transform .2s,box-shadow .2s}
.fxb-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.fxb-feature__media{position:relative;display:block;min-height:100%;background:var(--soft)}
.fxb-feature__media .fxb-img{position:absolute;inset:0}
.fxb-badge{position:absolute;top:16px;left:16px;z-index:1;border-radius:999px;padding:7px 14px;
  background:var(--aqua);color:var(--ink);font-size:12.5px;font-weight:600;line-height:1}
.fxb-feature__body{padding:40px 42px;display:flex;flex-direction:column;
  align-items:flex-start;justify-content:center;gap:14px}
.fxb-feature__title{font-size:28px;font-weight:700;line-height:1.24;letter-spacing:-.28px}
.fxb .fxb-feature__title a:hover{color:var(--navy)}
.fxb-feature__ex{font-size:15px;line-height:1.75;color:var(--ink-2)}
.fxb-feature .fxb-btn{margin-top:6px}

/* --- filters -------------------------------------------------------------- */
.fxb-filters{display:flex;flex-wrap:wrap;gap:8px;margin:44px 0 28px}
.fxb .fxb-pill{font:600 14px/1 'Poppins',sans-serif;border-radius:999px;padding:11px 18px;
  border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer;
  transition:background-color .2s,border-color .2s,color .2s}
.fxb .fxb-pill:hover{border-color:var(--peri);color:var(--ink)}
.fxb .fxb-pill.is-active{background:var(--aqua);border-color:var(--aqua);color:var(--ink)}

/* --- grid ----------------------------------------------------------------- */
.fxb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.fxb-grid>*{min-width:0}
.fxb-grid.is-busy{opacity:.55;pointer-events:none;transition:opacity .2s}
.fxb-more{display:flex;justify-content:center;margin-top:44px}
.fxb-more[hidden]{display:none}
.fxb-empty{text-align:center;color:var(--ink-2);font-size:15px;padding:48px 0 8px}
.fxb .fxb-empty a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ==========================================================================
   SINGLE POST
   ========================================================================== */

.fxb-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:99999;
  background:rgba(27,37,64,.08);pointer-events:none}
.fxb-progress span{display:block;height:100%;width:0;background:var(--aqua-deep)}

.fxb-phero{padding:96px 0 72px}
.fxb-phero__in{max-width:860px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.fxb-phero__lede{font-size:16px;line-height:1.75;color:rgba(255,255,255,.8);max-width:62ch}

.fxb-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;
  color:rgba(255,255,255,.72)}
.fxb-crumbs li{display:flex;align-items:center;gap:7px}
.fxb-crumbs li+li::before{content:"/";opacity:.5}
.fxb .fxb-crumbs a:hover{color:var(--aqua)}
.fxb-crumbs [aria-current]{color:rgba(255,255,255,.9)}

.fxb-byline{display:flex;align-items:center;gap:10px;font-size:13.5px;
  color:rgba(255,255,255,.72);margin-top:8px;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.18);width:100%;max-width:520px}
.fxb-byline__mark{display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;background:var(--aqua);color:var(--ink);
  font-weight:700;font-size:13.5px}
.fxb-byline__who{font-weight:600;color:#fff}

/* Featured image, shown properly rather than only as hero texture. Aligned to
   the same 1060 column the article uses, in the site's card treatment. */
.fxb-postimg{padding-top:48px}
.fxb-postimg__in{max-width:880px}
.fxb-postimg__f{margin:0;overflow:hidden;background:var(--soft);
  border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}
.fxb-postimg__f .fxb-img{width:100%;height:auto;aspect-ratio:12/7;
  object-fit:cover;object-position:50% 50%}
.fxb-postimg figcaption{padding:13px 18px;background:#fff;border-top:1px solid var(--line);
  font-size:13px;line-height:1.6;color:var(--ink-3);text-align:center}

.fxb-cols{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;
  max-width:1060px;padding-block:72px 0;align-items:start}
.fxb-postimg+.fxb-cols{padding-top:56px}
/* Grid items default to a content-based minimum width, so one wide table would
   stretch the column and push the page sideways. */
.fxb-cols>*{min-width:0}
.fxb-table-wrap{max-width:100%}

.fxb-rail{position:sticky;top:104px;display:flex;flex-direction:column;gap:24px}
.fxb-toc__h{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:12px}
.fxb-toc ol{display:flex;flex-direction:column;border-left:1px solid var(--line)}
.fxb .fxb-toc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;
  border-left:2px solid transparent;font-size:13.5px;line-height:1.45;
  color:var(--ink-3);transition:color .2s,border-color .2s}
.fxb .fxb-toc a:hover{color:var(--ink)}
.fxb .fxb-toc__l3 a{padding-left:28px;font-size:13px}
.fxb .fxb-toc a.is-active{color:var(--ink);font-weight:600;border-left-color:var(--aqua-deep)}

.fxb-rail__cta{background:var(--soft);border:1px solid var(--line);
  border-radius:var(--radius);padding:22px 20px}
.fxb-rail__k{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px}
.fxb-rail__p{font-size:13.5px;line-height:1.65;color:var(--ink-2);margin-bottom:16px}

.fxb-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fxb-share__label{font-size:13px;font-weight:600;color:var(--navy);margin-right:2px}
.fxb .fxb-share__b{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;
  color:var(--ink-2);cursor:pointer;padding:0;transition:border-color .2s,color .2s}
.fxb .fxb-share__b .fxb-ico{width:16px;height:16px}
.fxb .fxb-share__b:hover{border-color:var(--peri);color:var(--navy)}
.fxb-copy__ok{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);
  background:var(--ink);color:#fff;font-size:11.5px;font-weight:600;padding:5px 10px;
  border-radius:6px;white-space:nowrap}
.fxb-copy__ok[hidden]{display:none}

/* --- article typography --------------------------------------------------- */
.fxb-prose{max-width:720px;font-size:15.5px;line-height:1.78;color:var(--ink-2)}
.fxb-prose>*+*{margin-top:18px}
.fxb-prose h2{font-size:26px;font-weight:700;line-height:1.24;letter-spacing:-.26px;
  color:var(--ink);margin-top:48px;scroll-margin-top:110px}
.fxb-prose h3{font-size:19px;font-weight:600;color:var(--ink);margin-top:32px;scroll-margin-top:110px}
.fxb-prose h2+p,.fxb-prose h3+p{margin-top:13px}
.fxb .fxb-prose a{color:var(--navy);font-weight:500;text-decoration:underline;
  text-decoration-color:var(--peri);text-underline-offset:3px}
.fxb .fxb-prose a:hover{color:var(--navy-deep);text-decoration-color:currentColor}
.fxb-prose strong{color:var(--ink);font-weight:600}
.fxb-prose ul,.fxb-prose ol{display:flex;flex-direction:column;gap:10px}
.fxb-prose li{position:relative;padding-left:26px}
.fxb-prose ul li::before{content:"";position:absolute;left:5px;top:11px;width:6px;height:6px;
  border-radius:2px;background:var(--aqua-deep)}
.fxb-prose ol{counter-reset:fxb}
.fxb-prose ol li{counter-increment:fxb}
.fxb-prose ol li::before{content:counter(fxb);position:absolute;left:0;top:2px;
  width:20px;height:20px;border-radius:50%;background:var(--soft);color:var(--navy);
  font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.fxb-prose blockquote{margin:30px 0;padding:20px 24px;background:var(--soft);
  border-left:3px solid var(--aqua-deep);border-radius:0 var(--radius) var(--radius) 0;
  font-size:16px;line-height:1.7;color:var(--ink);font-weight:500}
.fxb-prose img{border-radius:var(--radius);margin:28px 0}
.fxb-prose figure{margin:28px 0}
.fxb-prose figcaption{font-size:13px;color:var(--ink-3);margin-top:10px;text-align:center}
.fxb-prose hr{border:0;height:1px;background:var(--line);margin:40px 0}
.fxb-table-wrap{overflow-x:auto;margin:28px 0;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.fxb-prose table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.fxb-prose th,.fxb-prose td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}
.fxb-prose th{background:var(--soft);color:var(--ink);font-weight:600;font-size:13.5px}
.fxb-prose tbody tr:last-child td{border-bottom:0}
.fxb-prose td strong{color:var(--ink)}

.fxb-note{margin:30px 0;padding:22px 24px;border-radius:var(--radius);
  background:var(--cream);border:1px solid #EFE9C8;color:var(--ink)}
.fxb-note__h{position:relative;padding-left:30px;font-size:14px;font-weight:600;
  color:var(--navy);margin-bottom:10px}
.fxb-note__h::before{content:"";position:absolute;left:0;top:50%;width:22px;height:2px;
  border-radius:2px;background:var(--aqua-deep)}
.fxb-note p{font-size:15px;line-height:1.72}
.fxb-note>*+*{margin-top:10px}

.fxb-prose__foot{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}

/* ==========================================================================
   RELATED, CLOSING CTA, HOMEPAGE BAND
   ========================================================================== */

.fxb-related{background:var(--soft);padding:88px 0;border-top:1px solid var(--line);margin-top:80px}

/* Closing CTA: the site's navy photo band, same overlay and the same very low
   contrast corner glows Elementor's .fixo-band-navy uses. */
.fxb-cta{padding:88px 0}
.fxb-cta::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(900px 400px at 15% 0%,rgba(185,244,249,.14),transparent 60%),
    radial-gradient(700px 400px at 90% 100%,rgba(229,209,255,.12),transparent 60%)}
.fxb-cta__in{display:grid;grid-template-columns:1.3fr .7fr;gap:44px;align-items:center}
.fxb-cta__title{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.32px;
  color:#fff;margin-bottom:14px}
.fxb-cta__lede{font-size:15px;line-height:1.75;color:rgba(255,255,255,.78);max-width:56ch}
.fxb-cta__acts{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.fxb-cta__acts .fxb-btn{width:100%;min-height:54px}

/* Homepage band: the same centred section head + 3-up card grid + centred
   button that the Services and Service Areas bands use. */
.fxb-home{padding:88px 0;background:#fff}
.fxb-home__foot{display:flex;justify-content:center;margin-top:40px}

/* ==========================================================================
   RESPONSIVE - band rhythm matches the Elementor pages: 88 / 64 / 52
   ========================================================================== */

@media (max-width:1180px){
  .fxb-cols{grid-template-columns:minmax(0,1fr);gap:32px;max-width:760px;padding-block:56px 0}
  .fxb-rail{position:static;gap:0}
  .fxb-rail .fxb-rail__cta,.fxb-rail .fxb-share{display:none}
  .fxb-toc{border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;background:var(--soft)}
  .fxb-toc ol{border-left-color:#D8E1F0}
  .fxb-prose{max-width:none}
}

@media (max-width:1024px){
  .fxb h1{font-size:34px}
  .fxb h2,.fxb-cta__title{font-size:28px}
  .fxb-masthead,.fxb-phero{padding:72px 0 56px}
  .fxb-body,.fxb-related,.fxb-cta,.fxb-home{padding-block:64px}
  .fxb-related{margin-top:56px}
  .fxb-feature{grid-template-columns:1fr}
  .fxb-feature__media{min-height:0;aspect-ratio:16/9}
  .fxb-feature__media .fxb-img{position:static;height:100%}
  .fxb-feature__body{padding:30px 28px}
  .fxb-feature__title{font-size:24px}
  .fxb-grid{grid-template-columns:repeat(2,1fr)}
  .fxb-cta__in{grid-template-columns:1fr;gap:28px}
  .fxb-cta__acts{flex-direction:row;flex-wrap:wrap}
  .fxb-cta__acts .fxb-btn{width:auto;flex:1 1 220px}
}

@media (max-width:760px){
  .fxb-wrap{padding-inline:18px}
  .fxb h1{font-size:28px}
  .fxb h2,.fxb-cta__title{font-size:24px}
  .fxb-masthead,.fxb-phero{padding:56px 0 44px}
  .fxb-body,.fxb-related,.fxb-cta,.fxb-home{padding-block:52px}
  .fxb-related{margin-top:44px}
  .fxb-head{margin-bottom:32px}
  .fxb-grid{grid-template-columns:1fr;gap:18px}
  .fxb-filters{margin:32px 0 22px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;padding-bottom:4px}
  .fxb-filters::-webkit-scrollbar{display:none}
  .fxb .fxb-pill{white-space:nowrap}
  .fxb-feature__body{padding:26px 22px;gap:12px}
  .fxb-feature__title{font-size:21px}
  .fxb-byline{flex-wrap:wrap;row-gap:8px;padding-top:16px}
  .fxb-postimg{padding-top:30px}
  .fxb-postimg+.fxb-cols{padding-top:32px}
  .fxb-postimg__f{border-radius:var(--radius)}
  .fxb-postimg__f .fxb-img{aspect-ratio:12/7}
  .fxb-cols{padding-block:40px 0;gap:26px}
  .fxb-prose{font-size:15px}
  .fxb-prose h2{font-size:22px;margin-top:38px}
  .fxb-prose h3{font-size:18px}
  .fxb-cta__acts .fxb-btn{flex:1 1 100%}
  .fxb .fxb-btn{padding:15px 22px;font-size:14.5px}
  .fxb-search{margin-top:22px}
}

@media (max-width:420px){
  .fxb-search{flex-wrap:wrap;padding:10px 14px}
  .fxb-search input[type=search]{flex:1 1 100%;padding:8px 0}
  .fxb-search__go{flex:1 1 100%}
  .fxb-share__label{width:100%;margin-bottom:2px}
}

@media (prefers-reduced-motion:reduce){
  .fxb *,.fxb *::before,.fxb *::after{animation-duration:.001ms!important;
    animation-iteration-count:1!important;transition-duration:.001ms!important;
    scroll-behavior:auto!important}
}

@media print{
  .fxb-progress,.fxb-rail,.fxb-share,.fxb-cta,.fxb-related,.fxb-filters,.fxb-more{display:none!important}
  .fxb-postimg__f{border:0;box-shadow:none}
  .fxb-phero{background:none!important;color:#000;padding:0 0 20px}
  .fxb-phero::before{display:none}
  .fxb-phero h1,.fxb-phero__lede,.fxb-byline,.fxb-crumbs ol{color:#000}
  .fxb-cols{display:block;max-width:none}
}