@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(../fonts/inter-var-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(../fonts/inter-var-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700 800;
  font-display: swap;
  src: url(../fonts/manrope-var-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700 800;
  font-display: swap;
  src: url(../fonts/manrope-var-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html { scroll-behavior: smooth; }
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Inter', system-ui, sans-serif; color: #16233f; background: #ffffff; letter-spacing: -0.011em; font-feature-settings: "ss01", "cv11"; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { color: #bd3a08; text-decoration: none; }
a:hover { color: #e64700; text-decoration: underline; }
button { font-family: inherit; letter-spacing: -0.011em; }
input, select { font-family: inherit; letter-spacing: -0.011em; }
@keyframes blink { 0%, 55% { opacity: 1; } 56%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }

[hidden]{display:none !important}
.slider-mob{display:none}
@media (max-width: 767px){
  .slider-desk{display:none !important}
  .slider-mob{display:block}
}
@media (max-width: 1120px){
  .nav-desktop{display:none !important}
  .nav-ham{display:inline-flex !important}
}

.h0:hover{background:#f5f5f4 !important;color:#16233f !important}
.f1:focus-visible{outline:none !important;box-shadow:0 0 0 4px rgba(20,32,58,.08) !important}
.f2:focus-visible{outline:none !important;border-color:#ff4f00 !important;box-shadow:0 0 0 4px rgba(255,79,0,.18) !important}
.h3:hover{background:#e64700 !important}
.f4:focus-visible{outline:none !important;box-shadow:0 0 0 4px rgba(255,79,0,.18) !important}
.h5:hover{background:rgba(22,35,63,.05) !important}
.h6:hover{color:#16233f !important}
.f7:focus-visible{outline:none !important;color:#16233f !important;box-shadow:0 0 0 4px rgba(20,32,58,.08) !important;border-radius:4px !important}
.h8:hover{background:#f6f8fb !important;color:#16233f !important;text-decoration:none !important}
.h9:hover{color:#16233f !important;text-decoration:none !important}
.ha:hover{background:#2f405a !important;color:#ffffff !important;text-decoration:none !important}
.hb:hover{background:#e64700 !important;transform:translateY(-1px) !important}
.fc:focus-visible{outline:none !important;box-shadow:0 0 0 4px rgba(255,79,0,.55),0 10px 26px rgba(14,24,48,.3) !important}
.hd:hover{transform:translateY(-2px) !important}
.fe:focus-visible{outline:none !important;box-shadow:0 0 0 3px rgba(255,79,0,.35) !important}
.ff:focus-visible{outline:none !important;box-shadow:inset 0 0 0 4px rgba(20,32,58,.08) !important}
.hg:hover{color:#e64700 !important}
.hh:hover{color:#bd3a08 !important;text-decoration:none !important}
.hi:hover{border-color:#ffb894 !important;background:#fff1ec !important;color:#bd3a08 !important;text-decoration:none !important}
.hj:hover{border-color:rgba(255,138,76,.55) !important;transform:translateY(-4px) !important;box-shadow:0 26px 60px -30px rgba(14,24,48,.55) !important}
.hk:hover{border-color:#c8d5e6 !important;transform:translateY(-2px) !important;box-shadow:0 10px 24px -14px rgba(20,32,58,.18) !important}
.fl:focus-visible{outline:none !important;box-shadow:0 0 0 4px rgba(255,79,0,.24) !important}
.hm:hover{background:#eef2f8 !important;color:#16233f !important;text-decoration:none !important}
.hn:hover{border-color:#c8d5e6 !important;transform:translateY(-3px) !important;box-shadow:0 22px 44px -28px rgba(20,32,58,.4) !important}
.ho:hover{background:#f6f8fb !important}
.hp:hover{border-color:#ffb894 !important;transform:translateY(-2px) !important}
.hq:hover{color:#ffb894 !important}
.hr:hover{background:rgba(255,255,255,.08) !important;color:#ffffff !important;transform:translateY(-1px) !important;text-decoration:none !important}
.fs:focus-visible{outline:none !important;box-shadow:0 0 0 4px rgba(255,255,255,.16) !important}
.ht:hover{background:rgba(22,35,63,.05) !important;color:#16233f !important;text-decoration:none !important}
.hu:hover{background:#f1f4f9 !important;transform:translateY(-1px) !important}
.fv:focus-visible{outline:none !important;box-shadow:0 0 0 4px rgba(255,255,255,.22) !important}
.fw:focus-visible{outline:none !important;box-shadow:0 0 0 4px rgba(255,79,0,.12) !important}
/* Shared additions for the guide, B2B use case and SEO sections. */
:root{--ink:#16233f;--navy:#0e1830;--orange:#ff4f00;--muted:#5b6b87;--line:#e3e9f1;--paper:#f6f8fb;--peach:#fff1e9}
html{scroll-padding-top:90px}
.content-wrap{width:100%;max-width:1200px;margin:0 auto}
.content-section{padding:96px 24px}
.content-section h2,.editorial-page h2{margin:14px 0 20px;font-size:clamp(28px,3.2vw,42px);font-weight:750;line-height:1.13;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.content-section h3,.editorial-page h3{margin:0;font-size:20px;line-height:1.35;font-weight:650;letter-spacing:-.02em;color:var(--ink)}
.content-section p,.editorial-page p{font-size:16px;line-height:1.75;color:var(--muted);margin:14px 0 0;text-wrap:pretty}
.eyebrow{display:block;color:#a43910;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;line-height:1.6}
.muted{color:var(--muted);font-size:13px}
.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:24px;color:var(--ink);font-size:15px;font-weight:650;text-decoration:none;line-height:1.6}
.text-link span{font-size:22px;color:var(--orange);transition:transform .18s}
.text-link:hover{color:#bd3a08;text-decoration:none}.text-link:hover span{transform:translate(2px,-2px)}
.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:14px 23px;border-radius:12px;font-size:16px;font-weight:650;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer;transition:background .18s,transform .18s}
.button-primary{background:var(--orange);color:white;border:1px solid var(--orange)}
.button-primary:hover{background:#e64700;color:#fff;text-decoration:none;transform:translateY(-1px)}
.button-secondary{border:1px solid #cfd8e5;color:var(--ink);background:white}
.button-secondary:hover{background:var(--paper);color:var(--ink);text-decoration:none}
.section-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.section-actions .text-link{margin:0}
.section-heading{max-width:760px;margin-bottom:42px}
.section-heading>p{max-width:630px;font-size:18px}
.audience-section{padding-top:48px;padding-bottom:100px}
.audience-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px}
.flow-mini{display:grid;gap:0;border:1px solid var(--line);border-radius:22px;background:var(--paper);padding:12px 24px}
.flow-mini>div{display:grid;grid-template-columns:32px 1fr;gap:5px 16px;padding:22px 0;border-bottom:1px solid var(--line)}
.flow-mini>div:last-child{border:0}.flow-mini strong{font-size:17px;color:var(--ink)}
.flow-mini>div>span:last-child{grid-column:2;color:var(--muted);font-size:14px;line-height:1.5}
.flow-number{grid-row:span 2;color:#8390a6;font-size:12px;align-self:center}.flow-mini .flow-mini-core strong{color:#bd3a08}
.related-strip{padding:36px 42px;border:1px solid var(--line);border-radius:24px;background:var(--paper);display:flex;gap:40px;justify-content:space-between;align-items:center}
.related-strip h2{font-size:28px;margin:10px 0 0}.related-strip p{max-width:630px}.related-strip>.text-link{flex-shrink:0;margin:0}
.cost-list{border-top:1px solid var(--line)}.cost-row{display:grid;grid-template-columns:48px minmax(180px,1fr) 1.6fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.row-number{font-size:13px;color:#bd3a08;padding-top:4px}.cost-row p{margin:0}.cost-row .muted{display:block;margin-top:8px}
.inline-note{margin-top:32px;padding:24px 28px;border-left:3px solid var(--orange);background:var(--peach);border-radius:0 14px 14px 0;font-size:16px;line-height:1.6}.inline-note p{margin-top:6px}
.preparation-section{background:var(--paper);border-radius:56px 56px 0 0}
.preparation-list{display:grid;grid-template-columns:1fr 1fr;gap:0 52px;list-style:none;margin:0;padding:0}
.preparation-list li{padding:26px 0;display:flex;gap:20px;border-top:1px solid #d9e1ec}.check-number{color:#b84112;font-size:12px;flex-shrink:0;margin-top:5px}.preparation-list p{margin-top:10px;font-size:15px}
.responsibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.responsibility-grid>div{border:1px solid var(--line);border-radius:18px;background:white;padding:30px}.responsibility-grid h3{margin-top:12px}
/* Shared navigation states and mobile menu scrolling. */
header [data-if="menuOpen"]{max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain}
header a[aria-current="page"],header button.nav-current{color:var(--ink)!important;font-weight:650!important}
header nav>a[aria-current="page"],header button.nav-current{border-bottom:2px solid var(--orange)!important;padding-bottom:2px!important}
header [data-if="prodOpen"] a[aria-current="page"],header [data-if="zasOpen"] a[aria-current="page"]{background:var(--peach)!important}
.editorial-page{background:#fff}.editorial-page+footer{margin-top:0!important;padding-top:70px!important;border-radius:0!important}
.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:44px}
.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:#bd3a08}.breadcrumbs [aria-current]{color:var(--ink)}
.guide-hero{padding:40px 24px 66px;background:#fff}
.guide-hero-grid{display:grid;grid-template-columns:1.7fr .75fr;align-items:end;gap:64px}
.editorial-page h1{font-size:clamp(40px,5vw,64px);font-weight:750;letter-spacing:-.045em;line-height:1.08;margin:18px 0 0;color:var(--ink);text-wrap:balance}
.editorial-page h1 em{font-style:normal;color:var(--orange)}
.guide-intro{border-left:1px solid var(--line);padding:0 0 6px 28px}.guide-intro p{margin-top:0;font-size:16px}.guide-intro .text-link{margin-top:16px}
.guide-library{padding:64px 24px 78px;background:var(--paper);border-radius:48px 48px 0 0}
.section-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-topline h2{font-size:22px;margin:0}.section-topline span{color:var(--muted);font-size:12px}
.guide-feature{display:grid;grid-template-columns:1.1fr 1fr;background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.guide-cover{display:flex;align-items:center;justify-content:center;background:#fbe8dc;min-height:390px;overflow:hidden}.guide-cover img{display:block;width:100%;height:auto}
.guide-feature-body{padding:46px 44px;align-self:center}.article-label{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#68778f}.status-pill{display:inline-flex;gap:7px;align-items:center;padding:6px 10px;border-radius:6px;background:var(--paper);color:#50617b;letter-spacing:.04em;font-weight:550}.status-pill:before{content:"";width:5px;height:5px;background:#a7b3c5;border-radius:50%}
.guide-feature h3{font-size:clamp(25px,2.5vw,34px);line-height:1.2;letter-spacing:-.03em;margin-top:22px}.guide-feature p{font-size:15px;margin-top:16px}.coming-note{display:block;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--muted)}
.guide-more{margin-top:48px}.guide-more>h2{font-size:26px;margin-bottom:24px}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.resource-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:18px;background:white;color:var(--ink);text-decoration:none;transition:border-color .18s,transform .18s}
.resource-card:hover{border-color:#ffb894;transform:translateY(-3px);text-decoration:none}.resource-card .resource-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.resource-index{font-size:12px;color:#7a899f}.resource-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;color:#bd3a08;font-size:18px}.resource-card h3{font-size:20px}.resource-card p{font-size:14px}.resource-link{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:24px;font-size:13px;font-weight:650}.resource-link span{color:var(--orange);font-size:20px}
.guide-case{padding:72px 24px}.case-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;background:var(--navy);border-radius:28px;padding:52px;color:white;overflow:hidden}.case-panel .eyebrow{color:#ffab80}.case-panel h2{color:white;font-size:34px}.case-panel p{color:#bcc8da}.case-panel .text-link{color:white}.case-panel .text-link span{color:#ff9d70}
.case-flow{display:flex;flex-direction:column;gap:12px}.case-flow>div{display:flex;align-items:center;gap:18px;padding:18px 22px;border:1px solid #354159;border-radius:12px;color:#ccd4e1;font-size:15px}.case-flow>div:nth-child(2){background:#fff1e9;border-color:#fff1e9;color:var(--ink)}.case-flow b{font-size:12px;font-weight:500;color:#f68b56}.case-flow strong{font-size:17px}.case-flow small{margin-left:auto;font-size:11px;opacity:.65}
.editorial-cta{padding:60px 24px 72px;text-align:center;background:#fff}.editorial-cta h2{max-width:680px;margin:0 auto}.editorial-cta p{max-width:540px;margin:18px auto 28px}.editorial-cta small{display:block;margin-top:16px;font-size:13px;color:var(--muted)}
.distributor-hero{padding:40px 24px 80px;background:#fff}.distributor-hero .hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.distributor-hero h1{font-size:clamp(34px,4.2vw,52px)}.distributor-hero p{font-size:17px}.distributor-hero .section-actions{gap:18px}.hero-caption{font-size:12px!important;color:#718098!important;margin-top:18px!important}
.process-panel{background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:32px}.process-panel>.eyebrow{margin-bottom:24px}.process-panel .flow-mini{border:0;padding:0}.process-panel>p{font-size:12px;line-height:1.6;margin-top:20px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step-number{display:block;color:#bb461d;font-size:13px;margin-bottom:22px}.steps-grid>div{padding-top:22px;border-top:1px solid #d7dfeb}.steps-grid h3{font-size:20px}.steps-grid p{font-size:15px}
.product-proof{margin:42px 0 0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.product-proof img{display:block;width:100%;height:auto}.product-proof figcaption{padding:18px 24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.65}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.fit-grid>div+div{border-left:1px solid var(--line);padding-left:52px}.fit-grid h3{font-size:25px}.fit-list{list-style:none;padding:0;margin:24px 0 0}.fit-list li{position:relative;padding:0 0 18px 26px;line-height:1.7;color:var(--muted);font-size:16px}.fit-list li:before{content:"↗";position:absolute;left:0;color:#c24818}
.guide-article-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:70px;justify-content:center;padding:70px 24px}.article-toc{align-self:start;position:sticky;top:100px}.article-toc a{display:block;font-size:14px;margin-top:14px;color:var(--muted)}.article-body{min-width:0}.article-body h2{margin-top:48px;scroll-margin-top:100px}.article-body table{width:100%;border-collapse:collapse;font-size:15px}.article-body th,.article-body td{padding:16px;border-bottom:1px solid var(--line);text-align:left}.article-meta{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;color:var(--muted);margin-top:24px}
a:focus-visible,button:focus-visible{outline:3px solid #ff9b70;outline-offset:4px}
@media(max-width:1120px){.guide-hero-grid{gap:36px;grid-template-columns:1.5fr 1fr}.audience-grid{gap:40px}.case-panel{gap:32px;padding:36px}.guide-feature-body{padding:32px}.distributor-hero .hero-grid{gap:32px}}
@media(max-width:800px){.content-section{padding:64px 24px}.audience-grid,.guide-hero-grid,.guide-feature,.case-panel,.distributor-hero .hero-grid,.fit-grid{grid-template-columns:1fr}.guide-hero-grid{gap:28px}.guide-intro{padding:0;border:0;max-width:540px}.guide-intro .text-link{margin-top:10px}.breadcrumbs{margin-bottom:32px}.guide-hero{padding-bottom:42px}.guide-library{padding-top:40px;border-radius:32px 32px 0 0}.guide-cover{min-height:0}.guide-cover img{max-height:380px;width:100%;object-fit:contain}.guide-feature-body{padding:30px}.resource-grid{grid-template-columns:1fr}.resource-card{padding:26px}.resource-card .resource-top{margin-bottom:18px}.guide-case{padding:42px 24px}.case-panel{padding:32px;gap:34px}.case-panel h2{font-size:30px}.related-strip{flex-direction:column;align-items:flex-start;gap:24px;padding:28px}.related-strip>.text-link{flex-shrink:1}.cost-row{grid-template-columns:30px 1fr;gap:8px 16px}.cost-row p{grid-column:2}.preparation-list,.responsibility-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr}.fit-grid>div+div{padding:32px 0 0;border:0;border-top:1px solid var(--line)}.guide-article-layout{grid-template-columns:1fr;gap:24px}.article-toc{position:static}.editorial-page+footer{padding-top:48px!important}}
@media(max-width:420px){.editorial-page h1{font-size:36px}.distributor-hero h1{font-size:34px}.guide-feature-body{padding:25px}.case-panel{padding:26px}.case-panel h2{font-size:28px}.case-flow>div{padding:15px}.case-flow small{display:none}.steps-grid{grid-template-columns:1fr}.section-topline{align-items:flex-start}.section-topline>span{max-width:110px;text-align:right}.section-actions{gap:18px}.section-actions .button-primary,.section-actions .button-secondary{width:100%}}
@media(prefers-reduced-motion:reduce){.text-link span,.resource-card,.button-primary,.button-secondary{transition:none!important;transform:none!important}}
[data-guide-articles]{display:grid;gap:24px}
.guide-feature h3 a{color:inherit;text-decoration:none}.guide-feature h3 a:hover{color:#bd3a08}
/* Long-form articles: comfortable reading width and scrollable comparison tables. */
.article-page .guide-hero{padding-bottom:40px}
.article-page .guide-hero .content-wrap{max-width:1030px}
.article-page .guide-hero h1{max-width:940px;font-size:clamp(34px,4.2vw,54px);line-height:1.12}
.article-page .guide-hero p{max-width:740px;font-size:18px}
.article-page .guide-article-layout{padding-top:12px;padding-bottom:24px}
.article-cover{margin:0 0 32px;overflow:hidden;border-radius:18px;background:var(--paper)}
.article-cover img{display:block;width:100%;height:auto}
.article-toc{max-height:calc(100dvh - 130px);overflow-y:auto;padding:4px 12px 8px 0}
.article-toc a{line-height:1.55;text-decoration:none}
.article-toc a:hover{color:#a43910;text-decoration:underline;text-underline-offset:3px}
.article-body p,.article-body li{font-size:17px;line-height:1.85;color:#374760}
.article-body p{margin:20px 0 0}
.article-body h2{margin:52px 0 22px;font-size:clamp(26px,2.5vw,32px);line-height:1.25;text-wrap:pretty}
.article-body h3{margin:32px 0 14px;font-size:23px;line-height:1.35}
.article-body ul,.article-body ol{padding-left:25px;margin:20px 0}
.article-body li{padding-left:6px;margin:10px 0}
.article-body li::marker{color:#a43910;font-weight:600}
.article-body a{color:#a43910;text-decoration:underline;text-underline-offset:3px}
.article-body a:hover{color:#7c2a0b}
.article-body strong{font-weight:650;color:var(--ink)}
.article-table-scroll{margin:28px 0;border:1px solid var(--line);border-radius:12px;overflow-x:auto;overscroll-behavior-x:contain}
.article-table-scroll table{min-width:560px;font-size:14px;line-height:1.65;color:#374760}
.article-table-scroll th{background:var(--paper);font-weight:650;color:var(--ink);vertical-align:top}
.article-table-scroll td{vertical-align:top}
.article-table-scroll tr:last-child td{border-bottom:0}
.article-body .article-action{margin-top:28px}
@media(max-width:800px){.article-page .guide-hero{padding-bottom:28px}.article-toc{max-height:none;padding:0 0 24px;border-bottom:1px solid var(--line)}.article-toc a{font-size:13px;margin-top:10px}.article-page .guide-article-layout{padding-top:0}.article-cover{border-radius:12px;margin-bottom:24px}.article-body p,.article-body li{font-size:16px;line-height:1.8}.article-body h2{margin-top:40px}.article-meta{gap:8px 20px}.article-page .breadcrumbs{margin-bottom:28px}}
[data-if="modalOpen"]{overflow-y:auto!important;align-items:flex-start!important;padding-top:max(24px,4vh)!important;padding-bottom:24px!important}
[data-if="modalOpen"]>div{margin:auto;flex-shrink:0}
@media(max-width:480px){[data-if="modalOpen"]>div{padding:28px 22px!important}}

.channel-matrix-card{min-width:0}
/* The guide index is a chronological blog feed generated from the article registry. */
.blog-index .content-wrap{max-width:1120px}
.blog-hero{padding:36px 24px 48px;background:#fff}
.blog-hero .breadcrumbs{margin-bottom:36px}
.blog-index .blog-hero h1{max-width:820px;font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.04em;margin-top:14px}
.blog-hero p{max-width:700px;font-size:18px;line-height:1.7;margin-top:22px}
.blog-feed{padding:0 24px 76px;background:#fff;scroll-margin-top:90px}
.blog-feed-heading{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.blog-feed-heading h2{font-size:21px;letter-spacing:-.02em;margin:0;font-weight:650}
.blog-post-list[data-guide-articles]{display:flex;flex-direction:column;gap:0}
.blog-post{display:grid;grid-template-columns:340px minmax(0,1fr);align-items:center;gap:42px;padding:36px 0;border-bottom:1px solid var(--line)}
.blog-post-cover{display:block;background:#fbe8dc;border-radius:16px;overflow:hidden;aspect-ratio:18/13}
.blog-post-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
a.blog-post-cover:hover img{transform:scale(1.025)}
.blog-post-body{min-width:0;padding:6px 0}
.blog-post-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:14px}
.blog-post-topic{font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:650;color:#a43910}
.blog-post-meta .status-pill{font-size:11px}
.blog-post h3{font-size:clamp(22px,2.2vw,29px);line-height:1.26;letter-spacing:-.03em;margin:0;text-wrap:pretty}
.blog-post h3 a{color:inherit;text-decoration:none}.blog-post h3 a:hover{color:#bd3a08}
.blog-post p{max-width:620px;font-size:15px;line-height:1.75;margin-top:14px}
.blog-post-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px}
.blog-post-footer .text-link{margin:0;font-size:14px}
.blog-post-author,.blog-post-soon{font-size:13px;color:var(--muted)}
.blog-contact{padding:40px 24px;background:var(--paper)}
.blog-contact .content-wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
.blog-contact h2{font-size:26px;margin:0;line-height:1.25}.blog-contact p{font-size:15px;margin:10px 0 0}
.blog-contact .button-primary{flex-shrink:0}
@media(max-width:900px){.blog-post{grid-template-columns:280px minmax(0,1fr);gap:30px}.blog-contact .content-wrap{flex-wrap:wrap}}
@media(max-width:650px){.blog-hero{padding:28px 24px 36px}.blog-hero .breadcrumbs{margin-bottom:30px}.blog-hero p{font-size:16px}.blog-feed{padding-bottom:48px}.blog-post{grid-template-columns:minmax(0,1fr);gap:22px;padding:28px 0}.blog-post-cover{max-width:100%}.blog-post-body{padding:0}.blog-post h3{font-size:24px}.blog-post-footer{margin-top:18px}.blog-contact{padding:32px 24px}.blog-contact h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.blog-post-cover img{transition:none!important;transform:none!important}}