:root {
  --blog-navy: #0c445b;
  --blog-navy-dark: #082f40;
  --blog-teal: #168177;
  --blog-mint: #2bb89e;
  --blog-gold: #c49a3c;
  --blog-ink: #163442;
  --blog-muted: #61727b;
  --blog-surface: #f3f7f8;
  --blog-border: #dbe5e8;
  --blog-white: #ffffff;
  --blog-radius: 16px;
  --blog-shadow: 0 20px 55px rgba(12, 68, 91, 0.12);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
.blog-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.blog-hero { background: var(--blog-navy-dark); color: var(--blog-white); }
.blog-hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr); min-height: 460px; }
.blog-hero-content { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 62px 64px 62px 0; }
.blog-breadcrumb { display: inline-flex !important; align-self: flex-start; width: auto !important; height: auto !important; min-height: 0 !important; max-width: 100%; flex: 0 0 auto; align-items: center !important; justify-content: flex-start !important; gap: 9px !important; margin: 0 0 30px !important; padding: 8px 13px !important; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.055); box-shadow: none !important; color: rgba(255,255,255,.58); font-size: .76rem; line-height: 1.25; }
.blog-breadcrumb a { display: inline !important; padding: 0 !important; color: rgba(255,255,255,.84); text-decoration: none; }
.blog-breadcrumb a:hover { color: var(--blog-white); }
.blog-breadcrumb-separator { color: var(--blog-gold); font-size: 1rem; line-height: 1; }
.blog-breadcrumb [aria-current="page"] { color: rgba(255,255,255,.58); }
.blog-eyebrow { display: block; color: var(--blog-teal); font-size: .7rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.blog-hero .blog-eyebrow { color: var(--blog-mint); }
.blog-hero h1 { max-width: 790px; margin: 16px 0 22px; color: var(--blog-white); font-family: "Space Grotesk", sans-serif; font-size: clamp(2.35rem, 4.35vw, 4rem); line-height: 1.07; letter-spacing: -.042em; }
.blog-hero p { max-width: 720px; margin: 0; color: rgba(255,255,255,.7); font-size: 1.05rem; line-height: 1.75; }
.blog-hero-panel { position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 48px; background: var(--blog-teal); }
.blog-hero-panel::before { position: absolute; top: -80px; right: -75px; width: 280px; height: 280px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 58px rgba(255,255,255,.04), 0 0 0 116px rgba(255,255,255,.025); content: ""; }
.blog-hero-panel span, .blog-hero-panel small { position: relative; color: rgba(255,255,255,.7); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.blog-hero-panel strong { position: relative; margin: 12px 0 28px; font-family: "Space Grotesk", sans-serif; font-size: 2.15rem; line-height: 1.08; }

.blog-section { padding: 92px 0; }
.blog-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 42px; margin-bottom: 40px; }
.blog-section-heading h2 { margin: 10px 0 0; color: var(--blog-ink); font-family: "Space Grotesk", sans-serif; font-size: clamp(1.85rem, 3vw, 2.6rem); line-height: 1.15; letter-spacing: -.025em; }
.blog-section-heading > p { max-width: 430px; margin: 0; color: var(--blog-muted); font-size: .9rem; line-height: 1.7; }

.featured-article { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); overflow: hidden; border: 1px solid var(--blog-border); border-radius: 20px; background: var(--blog-white); box-shadow: var(--blog-shadow); }
.featured-image { position: relative; min-height: 455px; overflow: hidden; background: var(--blog-surface); }
.featured-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.featured-article:hover .featured-image img { transform: scale(1.025); }
.featured-image > span { position: absolute; bottom: 20px; left: 20px; padding: 9px 13px; border-radius: 6px; background: rgba(8,47,64,.9); color: var(--blog-white); font-size: .72rem; }
.featured-content { display: flex; flex-direction: column; justify-content: center; padding: 52px; }
.article-category { margin-bottom: 16px; color: var(--blog-teal); font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.featured-content h2 { margin: 0 0 18px; font-family: "Space Grotesk", sans-serif; font-size: clamp(1.6rem, 2.5vw, 2.05rem); line-height: 1.22; letter-spacing: -.025em; }
.featured-content h2 a { color: var(--blog-ink); text-decoration: none; }
.featured-content h2 a:hover { color: var(--blog-teal); }
.featured-content > p { margin: 0; color: var(--blog-muted); font-size: .96rem; line-height: 1.75; }
.article-meta { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 24px 0; color: #71828a; font-size: .75rem; }
.article-meta > *:not(:first-child)::before { margin-right: 20px; color: var(--blog-gold); content: "•"; }
.blog-text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--blog-teal); font-size: .88rem; font-weight: 700; text-decoration: none; }
.blog-text-link:hover { color: var(--blog-navy); }

.blog-topics { background: var(--blog-surface); }
.topic-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; }
.topic-card { display: flex; min-height: 280px; flex-direction: column; justify-content: space-between; padding: 28px; border: 1px solid var(--blog-border); border-radius: var(--blog-radius); background: var(--blog-white); color: inherit; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.topic-card:hover { transform: translateY(-5px); border-color: rgba(22,129,119,.35); box-shadow: 0 18px 40px rgba(12,68,91,.1); }
.topic-number { color: var(--blog-gold); font-family: "Space Grotesk", sans-serif; font-size: .82rem; font-weight: 700; }
.topic-card h3 { margin: 24px 0 9px; color: var(--blog-ink); font-family: "Space Grotesk", sans-serif; font-size: 1.15rem; }
.topic-card p { margin: 0 0 18px; color: var(--blog-muted); font-size: .85rem; line-height: 1.65; }
.topic-card strong { color: var(--blog-teal); font-size: .78rem; }

.blog-cta { padding: 64px 0; background: var(--blog-navy); color: var(--blog-white); }
.blog-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.blog-cta h2 { margin: 10px 0 8px; color: var(--blog-white); font-family: "Space Grotesk", sans-serif; font-size: clamp(1.75rem, 3vw, 2.5rem); }
.blog-cta p { margin: 0; color: rgba(255,255,255,.67); }
.blog-cta-button { flex: 0 0 auto; padding: 14px 23px; border-radius: 7px; background: var(--blog-teal); color: var(--blog-white); font-size: .9rem; font-weight: 700; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.blog-cta-button:hover { transform: translateY(-2px); background: var(--blog-mint); }

@media (max-width: 1024px) {
  .blog-hero-grid { grid-template-columns: 1fr; }
  .blog-hero-content { padding-right: 0; }
  .blog-hero-panel { min-height: 220px; }
  .featured-article { grid-template-columns: 1fr; }
  .featured-image { min-height: 390px; }
  .topic-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
  .blog-container { width: min(100% - 32px, 1180px); }
  .blog-hero-content { padding: 52px 0; }
  .blog-breadcrumb { margin-bottom: 25px !important; }
  .blog-hero h1 { font-size: clamp(2.15rem, 11vw, 2.55rem); }
  .blog-hero p { font-size: 1rem; }
  .blog-hero-panel { min-height: 200px; padding: 34px 24px; }
  .blog-section { padding: 66px 0; }
  .blog-section-heading { display: block; }
  .blog-section-heading > p { margin-top: 16px; }
  .featured-image { min-height: 255px; }
  .featured-content { padding: 30px 23px; }
  .article-meta { display: grid; gap: 7px; }
  .article-meta > *:not(:first-child)::before { display: none; }
  .topic-grid { grid-template-columns: 1fr; }
  .topic-card { min-height: 235px; }
  .blog-cta-inner { display: block; }
  .blog-cta-button { display: inline-block; margin-top: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .featured-image img, .topic-card, .blog-cta-button { transition: none; }
}

/* BLOG DETAIL PAGE */
.article-page-container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.article-page-header{padding:48px 0 50px;background:linear-gradient(135deg,#082f40 0%,#0c445b 70%,#126b72 100%);color:#fff}.article-breadcrumb{display:inline-flex!important;width:auto!important;height:auto!important;min-height:0!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;margin:0 0 27px!important;padding:8px 13px!important;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);font-size:.72rem;color:rgba(255,255,255,.54)}.article-breadcrumb a{color:rgba(255,255,255,.82);text-decoration:none}.article-breadcrumb a:hover{color:#fff}.article-breadcrumb span[aria-hidden]{color:#c49a3c}.article-label{display:block;color:#2bb89e;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.article-page-header h1{max-width:900px;margin:15px 0 24px;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:clamp(2.15rem,4.2vw,3.55rem);line-height:1.09;letter-spacing:-.038em}.article-byline{display:flex;flex-wrap:wrap;gap:11px 22px;color:rgba(255,255,255,.67);font-size:.78rem}.article-byline>*:not(:first-child)::before{margin-right:22px;color:#c49a3c;content:"•"}.article-cover{width:min(1200px,calc(100% - 40px));height:clamp(290px,42vw,520px);margin:0 auto 70px;overflow:hidden;border-radius:0 0 16px 16px;background:#edf3f4}.article-cover img{display:block;width:100%;height:100%;object-fit:cover}.article-page-grid{display:grid;grid-template-columns:220px minmax(0,740px);gap:68px;align-items:start;justify-content:center;margin-bottom:96px}.article-sidebar{position:sticky;top:26px}.article-toc{display:flex;flex-direction:column;gap:12px;padding-left:20px;border-left:2px solid #dbe5e8}.article-toc strong{margin-bottom:5px;color:#163442;font-family:"Space Grotesk",sans-serif;font-size:.86rem}.article-toc a{color:#61727b;font-size:.76rem;line-height:1.45;text-decoration:none}.article-toc a:hover{color:#168177}.article-side-cta{margin-top:30px;padding:22px;border-radius:12px;background:#0c445b;color:#fff}.article-side-cta span{color:#2bb89e;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.article-side-cta p{margin:10px 0 15px;font-family:"Space Grotesk",sans-serif;font-size:1rem;line-height:1.4}.article-side-cta a{color:#fff;font-size:.75rem;font-weight:700}.longform-article{min-width:0}.longform-article>p:first-child{color:#163442;font-size:1.18rem;line-height:1.72}.longform-article p,.longform-article li{color:#43565f;font-size:1rem;line-height:1.82}.longform-article p{margin:0 0 19px}.longform-article h2{margin:54px 0 17px;color:#0c445b;font-family:"Space Grotesk",sans-serif;font-size:clamp(1.7rem,3vw,2.15rem);line-height:1.24;letter-spacing:-.025em;scroll-margin-top:25px}.longform-article h3{margin:33px 0 12px;color:#163442;font-family:"Space Grotesk",sans-serif;font-size:1.28rem;line-height:1.4;scroll-margin-top:25px}.longform-article ol{margin:22px 0 29px;padding-left:25px}.longform-article ul{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:22px 0 31px!important;padding:0!important;list-style:none!important}.longform-article ul>li{display:flex!important;align-items:flex-start!important;min-height:0!important;margin:0!important;padding:12px 14px 12px 38px!important;border:1px solid #e1eaec!important;border-left:3px solid #168177!important;border-radius:8px!important;background:#f6f9fa!important;box-shadow:none!important;color:#43565f!important;font-size:.92rem!important;line-height:1.5!important;position:relative}.longform-article ul>li::before{content:"✓";position:absolute;left:14px;top:12px;color:#168177;font-weight:700}.longform-article ol>li{margin-bottom:10px;padding-left:5px}.longform-article li p{margin:0!important}.longform-article blockquote{margin:28px 0;padding:20px 23px;border-left:4px solid #168177;border-radius:0 9px 9px 0;background:#f3f7f8}.longform-article strong{color:#263f4a;font-weight:700}.longform-article em{color:#536870}.longform-article h2#frequently-asked-questions{margin-top:68px;padding-top:39px;border-top:1px solid #dbe5e8}.faq-accordion-list{display:grid;gap:11px;margin-top:25px}.faq-accordion{overflow:hidden;border:1px solid #dbe5e8;border-radius:11px;background:#fff;transition:border-color .2s,box-shadow .2s}.faq-accordion[open]{border-color:rgba(22,129,119,.45);box-shadow:0 10px 28px rgba(12,68,91,.08)}.faq-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 54px 19px 20px;cursor:pointer;list-style:none;color:#163442;font-family:"Space Grotesk",sans-serif;font-size:1.02rem;font-weight:600;line-height:1.45;position:relative}.faq-accordion summary::-webkit-details-marker{display:none}.faq-accordion summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:50%;background:#edf6f5;color:#168177;display:grid;place-items:center;font:600 1.1rem/1 "Inter",sans-serif;transition:transform .2s,background .2s,color .2s}.faq-accordion[open] summary::after{content:"−";background:#168177;color:#fff}.faq-answer{padding:0 20px 19px}.faq-answer p{margin:0!important;color:#556871!important;font-size:.92rem!important;line-height:1.72!important}.article-bottom-cta{padding:56px 0;background:#168177;color:#fff}.article-bottom-cta>.article-page-container{display:flex;align-items:center;justify-content:space-between;gap:35px}.article-bottom-cta span{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}.article-bottom-cta h2{margin:9px 0 0;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:clamp(1.75rem,3vw,2.5rem)}.article-bottom-cta a{flex:0 0 auto;padding:14px 23px;border-radius:7px;background:#fff;color:#0c445b;font-size:.88rem;font-weight:700;text-decoration:none}
@media(max-width:920px){.article-page-grid{grid-template-columns:1fr;gap:45px}.article-sidebar{position:static}.article-toc{display:grid;grid-template-columns:1fr 1fr}.article-side-cta{display:none}}
@media(max-width:700px){.article-page-container{width:min(100% - 32px,1120px)}.article-page-header{padding:40px 0 42px}.article-breadcrumb{margin-bottom:23px!important}.article-page-header h1{font-size:2.15rem;line-height:1.12}.article-byline{display:grid;gap:7px}.article-byline>*:not(:first-child)::before{display:none}.article-cover{width:100%;height:260px;margin-bottom:49px;border-radius:0}.article-page-grid{margin-bottom:72px}.article-toc{grid-template-columns:1fr}.longform-article>p:first-child{font-size:1.08rem}.longform-article p,.longform-article li{font-size:1rem;line-height:1.76}.longform-article h2{margin-top:46px}.longform-article ul{grid-template-columns:1fr}.faq-accordion summary{padding:17px 50px 17px 17px;font-size:.98rem}.faq-accordion summary::after{right:16px}.faq-answer{padding:0 17px 17px}.article-bottom-cta>.article-page-container{display:block}.article-bottom-cta a{display:inline-block;margin-top:27px}}