/* Article template v2 (Nov 1 2026). Built from what the best-performing article templates share
   (Ahrefs, Healthline, WebFX and the pages ranking for our target searches): answer capsule up top,
   named author with photo, published + updated dates, reading time, sticky contents with the current
   section highlighted, readable 70-character measure, FAQ, sources, author box, related reading.
   Styled to the homepage: navy hero, gold eyebrows, white H1, DM Sans. */
html body.bl-inner-page #main.bl-unified{--a2-navy:#0a1d50;--a2-deep:#071332;--a2-ink:#10234d;--a2-copy:#3d4d68;--a2-muted:#c0c8d9;--a2-gold:#ddc38b;--a2-gold-ink:#7a6231;--a2-rule:#e3e8f0;--a2-paper:#f5f6f8;--a2-mist:#e4ebf5}

/* Breadcrumb sits on the hero colour */
html body.bl-inner-page #main.bl-unified .owner-breadcrumbs{font-size:13px;letter-spacing:.02em}

/* Hero: homepage gradient and grid lines */
html body.bl-inner-page #main.bl-unified header.article-hero{position:relative;overflow:hidden;padding:72px 0 88px!important;background:radial-gradient(900px 600px at 85% 20%,rgba(27,63,128,.85),transparent 60%),radial-gradient(700px 500px at 10% 110%,rgba(196,173,125,.12),transparent 60%),linear-gradient(180deg,var(--a2-deep) 0%,var(--a2-navy) 100%)!important}
html body.bl-inner-page #main.bl-unified header.article-hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 30%,#000 10%,transparent 70%)}
html body.bl-inner-page #main.bl-unified header.article-hero .wrap{position:relative;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:56px!important;align-items:center}
html body.bl-inner-page #main.bl-unified .owner-article-heading .text-link{display:inline-flex;gap:6px;color:var(--a2-muted)!important;font-size:14px;text-decoration:none;margin-right:14px}
html body.bl-inner-page #main.bl-unified .owner-article-heading .text-link:hover{color:#fff!important}
html body.bl-inner-page #main.bl-unified .owner-article-heading .ar-category{background:none!important;border:0!important;padding:0!important;margin:0 0 18px!important;font-size:13px!important;letter-spacing:.16em!important;color:var(--a2-gold)!important}
html body.bl-inner-page #main.bl-unified .owner-article-heading .ar-category:before{display:none}
html body.bl-inner-page #main.bl-unified .owner-article-heading h1{font-size:clamp(34px,3.6vw,52px)!important;line-height:1.06!important;letter-spacing:-.04em!important;font-weight:600!important;color:#fff!important;margin:0 0 28px!important;text-wrap:balance}
html body.bl-inner-page #main.bl-unified header.article-hero figure{border-radius:20px!important;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.1)}
html body.bl-inner-page #main.bl-unified header.article-hero figure img{display:block;width:100%;height:auto}

/* Byline: photo, name, role, dates, reading time */
html body.bl-inner-page #main.bl-unified .ar-meta{display:flex;gap:14px;align-items:center;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
html body.bl-inner-page #main.bl-unified .ar-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top;background:#1b3f80;box-shadow:0 0 0 2px var(--a2-gold);flex:none}
html body.bl-inner-page #main.bl-unified .ar-meta .article-byline{margin:0!important;font-size:15px!important;line-height:1.4!important;color:#fff!important}
html body.bl-inner-page #main.bl-unified .ar-meta .article-byline a{color:#fff!important;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(221,195,139,.6)}
html body.bl-inner-page #main.bl-unified .ar-meta .ar-role{display:block;color:var(--a2-muted);font-size:13px}
html body.bl-inner-page #main.bl-unified .ar-dates{margin:6px 0 0!important;font-size:13px!important;color:var(--a2-muted)!important;letter-spacing:.01em}
html body.bl-inner-page #main.bl-unified .ar-dates time{display:inline!important;margin:0!important;padding:0!important;font-size:inherit!important;color:#fff!important;letter-spacing:inherit!important;text-transform:none!important}

/* Reading area: white page, contents rail + 70-character column */
html body.bl-inner-page #main.bl-unified .article-reading{background:#fff!important;padding:72px 0 24px!important}
html body.bl-inner-page #main.bl-unified .article-layout{display:grid!important;grid-template-columns:240px minmax(0,720px)!important;gap:72px!important;justify-content:center;align-items:start}
html body.bl-inner-page #main.bl-unified .article-copy{max-width:720px}
html body.bl-inner-page #main.bl-unified .article-copy p,
html body.bl-inner-page #main.bl-unified .article-copy li{font-size:18px!important;line-height:1.75!important;color:var(--a2-copy)}
html body.bl-inner-page #main.bl-unified .article-copy h2{font-size:clamp(26px,2.4vw,34px)!important;line-height:1.15!important;letter-spacing:-.03em!important;font-weight:600!important;color:var(--a2-ink)!important;margin:64px 0 18px!important;scroll-margin-top:110px;text-wrap:balance}
html body.bl-inner-page #main.bl-unified .article-copy h3{font-size:21px!important;line-height:1.3!important;letter-spacing:-.015em;font-weight:600!important;color:var(--a2-ink)!important;margin:36px 0 10px!important;scroll-margin-top:110px}
html body.bl-inner-page #main.bl-unified .article-copy a:not(.button):not(.btn):not(.text-link){color:var(--a2-ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--a2-gold);text-decoration-thickness:2px;text-underline-offset:3px}
html body.bl-inner-page #main.bl-unified .article-copy a:not(.button):not(.btn):not(.text-link):hover{color:var(--a2-gold-ink)}
html body.bl-inner-page #main.bl-unified .article-copy ul,
html body.bl-inner-page #main.bl-unified .article-copy ol{padding-left:1.3em}
html body.bl-inner-page #main.bl-unified .article-copy li{margin:0 0 8px}
html body.bl-inner-page #main.bl-unified .article-copy li::marker{color:var(--a2-gold-ink);font-weight:600}

/* The short answer (answer capsule) */
html body.bl-inner-page #main.bl-unified .ar-answer{margin:0 0 40px;padding:28px 32px;border-radius:18px;background:var(--a2-navy);box-shadow:0 18px 40px -18px rgba(10,29,80,.45)}
html body.bl-inner-page #main.bl-unified .ar-answer .ar-answer-k{margin:0 0 10px!important;font-size:12px!important;line-height:1.3!important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--a2-gold)!important}
html body.bl-inner-page #main.bl-unified .ar-answer p:not(.ar-answer-k){margin:0!important;font-size:19px!important;line-height:1.65!important;color:#fff!important;font-weight:500}
html body.bl-inner-page #main.bl-unified .ar-answer strong{font-weight:500!important;color:#fff!important}
html body.bl-inner-page #main.bl-unified .ar-answer a{color:var(--a2-gold)!important}

/* "From our experience" callout */
html body.bl-inner-page #main.bl-unified .article-copy .from-experience{border-left:4px solid var(--a2-gold)!important;background:var(--a2-paper)!important;border-radius:0 14px 14px 0!important;padding:22px 26px!important;margin:32px 0!important}

/* Contents rail */
html body.bl-inner-page #main.bl-unified .article-toc{position:sticky!important;top:112px!important;padding:0!important;max-height:calc(100vh - 140px);overflow:auto}
html body.bl-inner-page #main.bl-unified .article-toc>p,
html body.bl-inner-page #main.bl-unified .article-toc summary{margin:0 0 14px!important;font-size:12px!important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--a2-gold-ink)!important}
html body.bl-inner-page #main.bl-unified .article-toc ol{list-style:none!important;margin:0!important;padding:0!important;border-left:2px solid var(--a2-rule)}
html body.bl-inner-page #main.bl-unified .article-toc li{margin:0!important;padding:0!important}
html body.bl-inner-page #main.bl-unified .article-toc li::marker{content:''}
html body.bl-inner-page #main.bl-unified .article-toc a{display:block;margin-left:-2px;padding:7px 0 7px 16px;border-left:2px solid transparent;font-size:14px!important;line-height:1.4!important;color:#5b6a84!important;text-decoration:none!important;transition:color .2s,border-color .2s}
html body.bl-inner-page #main.bl-unified .article-toc a:hover{color:var(--a2-ink)!important}
html body.bl-inner-page #main.bl-unified .article-toc a.is-active{color:var(--a2-ink)!important;font-weight:600;border-left-color:var(--a2-gold)}

/* Keep reading */
html body.bl-inner-page #main.bl-unified .ar-related{padding:88px 0 96px;background:linear-gradient(180deg,var(--a2-paper) 0%,var(--a2-mist) 100%);margin-top:72px}
html body.bl-inner-page #main.bl-unified .ar-related h2{font-size:clamp(28px,2.8vw,40px);line-height:1.1;letter-spacing:-.04em;font-weight:600;color:var(--a2-ink);margin:0 0 36px}
html body.bl-inner-page #main.bl-unified .ar-rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html body.bl-inner-page #main.bl-unified .ar-rel-card{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;text-decoration:none;background:#12306a;box-shadow:0 14px 34px rgba(10,29,80,.18);transition:transform .2s ease,box-shadow .2s ease}
html body.bl-inner-page #main.bl-unified .ar-rel-img{display:block;aspect-ratio:3/2;overflow:hidden;background:#0a1d50}
html body.bl-inner-page #main.bl-unified .ar-rel-img img{width:100%;height:100%;object-fit:cover;display:block}
html body.bl-inner-page #main.bl-unified .ar-rel-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px;flex:1}
html body.bl-inner-page #main.bl-unified .ar-rel-cat{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--a2-gold)!important}
html body.bl-inner-page #main.bl-unified .ar-rel-title{font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.015em;color:#fff!important}
html body.bl-inner-page #main.bl-unified .ar-rel-time{margin-top:auto;font-size:13px;color:var(--a2-muted)!important}
html body.bl-inner-page #main.bl-unified .ar-rel-all{margin:28px 0 0}
html body.bl-inner-page #main.bl-unified .ar-rel-all a{color:var(--a2-ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--a2-gold);padding-bottom:3px}
html body.bl-inner-page #main.bl-unified .ar-related+.ar-closing{margin-top:0}
@media (hover:hover){html body.bl-inner-page #main.bl-unified .ar-rel-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(10,29,80,.26)}}

@media (max-width:1080px){
  html body.bl-inner-page #main.bl-unified .article-layout{grid-template-columns:minmax(0,1fr)!important;gap:0!important;max-width:768px;margin:0 auto;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
  html body.bl-inner-page #main.bl-unified .article-toc{position:static!important;max-height:none;margin:0 0 32px!important;border:1px solid var(--a2-rule);border-radius:14px;padding:16px 20px!important;background:var(--a2-paper)}
  html body.bl-inner-page #main.bl-unified .article-toc details summary{cursor:pointer;list-style:none;margin:0!important;display:flex;justify-content:space-between;align-items:center}
  html body.bl-inner-page #main.bl-unified .article-toc details summary::-webkit-details-marker{display:none}
  html body.bl-inner-page #main.bl-unified .article-toc details summary:after{content:'+';font-size:20px;letter-spacing:0;color:var(--a2-ink)}
  html body.bl-inner-page #main.bl-unified .article-toc details[open] summary:after{content:'\2212'}
  html body.bl-inner-page #main.bl-unified .article-toc details[open] ol{margin-top:12px!important}
  html body.bl-inner-page #main.bl-unified .ar-rel-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  html body.bl-inner-page #main.bl-unified header.article-hero .wrap{grid-template-columns:1fr!important;gap:36px!important}
}
@media (max-width:640px){
  html body.bl-inner-page #main.bl-unified header.article-hero{padding:44px 0 56px!important}
  html body.bl-inner-page #main.bl-unified .article-reading{padding:40px 0 8px!important}
  html body.bl-inner-page #main.bl-unified .ar-answer{padding:22px 22px;margin-bottom:32px}
  html body.bl-inner-page #main.bl-unified .ar-answer p:not(.ar-answer-k){font-size:17px!important}
  html body.bl-inner-page #main.bl-unified .article-copy p,
  html body.bl-inner-page #main.bl-unified .article-copy li{font-size:17px!important}
  html body.bl-inner-page #main.bl-unified .article-copy h2{margin-top:48px!important}
  html body.bl-inner-page #main.bl-unified .ar-rel-grid{grid-template-columns:1fr}
  html body.bl-inner-page #main.bl-unified .ar-related{padding:64px 0 72px}
}
@media (prefers-reduced-motion:reduce){html body.bl-inner-page #main.bl-unified .ar-rel-card{transition:none}html body.bl-inner-page #main.bl-unified .ar-rel-card:hover{transform:none}}