/* Canonical editorial surface: blog index, taxonomies and single posts. */
html body.bu-public-unified .bu-blog,
html body.bu-public-unified .bu-article-pro {
  --blog-ink: #082c43;
  --blog-muted: #547184;
  --blog-line: rgba(139, 190, 213, .48);
  --blog-accent: #ef7652;
  --blog-cyan: #13b8c0;
  width: 100%;
  min-width: 0;
  background:
    radial-gradient(circle at 82% 4%, rgba(60, 204, 221, .16), transparent 28rem),
    linear-gradient(180deg, #f5fbfd 0%, #eef7fa 46%, #f8fbfc 100%);
  color: var(--blog-ink);
}

html body.bu-public-unified .bu-blog .bu-pro-nav,
html body.bu-public-unified .bu-article-pro .bu-pro-nav {
  top: var(--bu-header-h, 0px);
}

/* Blog landing */
html body.bu-public-unified .bu-blog .bu-pro-hero {
  min-height: clamp(390px, 48vw, 610px);
  margin: 0;
}
html body.bu-public-unified .bu-blog .bu-pro-hero-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html body.bu-public-unified .bu-blog .bu-pro-hero-wash {
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(2, 19, 34, .96), rgba(5, 48, 65, .8) 54%, rgba(239, 118, 82, .18));
}
html body.bu-public-unified .bu-blog .bu-pro-hero-inner {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  width: min(1160px, calc(100% - 48px));
  min-height: inherit;
  margin: 0 auto;
  padding: clamp(42px, 6vw, 88px);
}
html body.bu-public-unified .bu-blog .bu-pro-hero h1 {
  max-width: 12ch;
  margin: 10px 0 18px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 6.4vw, 86px);
  font-weight: 700;
  line-height: .98;
  letter-spacing: -.055em;
  text-wrap: balance;
}
html body.bu-public-unified .bu-blog .bu-pro-lead {
  max-width: 62ch;
  margin: 0;
  color: #d9edf4;
  font-size: clamp(16px, 1.6vw, 21px);
  line-height: 1.55;
}
html body.bu-public-unified .bu-blog .bu-blog-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: min(650px, 100%);
  max-width: none;
  margin-top: 26px;
  padding: 7px;
  border: 1px solid rgba(177, 231, 239, .34);
  border-radius: 18px;
  background: rgba(3, 29, 47, .66);
  box-shadow: 0 20px 50px rgba(0, 8, 20, .28), inset 0 1px rgba(255,255,255,.1);
  backdrop-filter: blur(14px);
}
html body.bu-public-unified .bu-blog .bu-blog-search input[type="search"] {
  min-width: 0;
  min-height: 50px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  outline: 0;
  background: rgba(255,255,255,.95);
  color: var(--blog-ink);
  font: inherit;
}
html body.bu-public-unified .bu-blog .bu-blog-search .bu-pro-btn {
  min-height: 50px;
  border-radius: 12px;
}
html body.bu-public-unified .bu-blog .bu-pro-story {
  width: min(1160px, calc(100% - 40px));
  margin: -27px auto 30px;
  padding: 22px 28px;
  border: 1px solid rgba(151, 206, 226, .58);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 22px 52px rgba(9, 56, 82, .11);
  backdrop-filter: blur(15px);
}
html body.bu-public-unified .bu-blog .bu-pro-story p {
  max-width: 78ch;
  margin: 0;
  color: var(--blog-muted);
  line-height: 1.65;
}
html body.bu-public-unified .bu-blog :is(.bu-blog-hub,.bu-blog-chips,.bu-blog-feature,.bu-blog-grid-pro,.bu-blog-pager,.bu-blog-empty) {
  width: min(1160px, calc(100% - 40px));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
html body.bu-public-unified .bu-blog .bu-blog-chips {
  gap: 9px;
  margin-top: 0;
  margin-bottom: 18px;
  padding: 4px 0 2px;
  overflow-x: auto;
  flex-wrap: nowrap;
  scrollbar-width: thin;
}
html body.bu-public-unified .bu-blog .bu-blog-chip {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 15px;
  border-color: var(--blog-line);
  background: rgba(255,255,255,.78);
  color: #315569;
  box-shadow: 0 8px 18px rgba(8, 56, 82, .06);
}
html body.bu-public-unified .bu-blog .bu-blog-chip:is(.is-on,:hover) {
  border-color: var(--blog-cyan);
  background: linear-gradient(135deg, #0aa68f, #149ed5);
  color: #fff;
}
html body.bu-public-unified .bu-blog .bu-blog-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: 0;
  margin-top: 32px;
  margin-bottom: 28px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--blog-line);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 30px 70px rgba(7, 50, 76, .14);
}
html body.bu-public-unified .bu-blog .bu-blog-feature-media {
  min-height: 390px;
  overflow: hidden;
  background: linear-gradient(145deg, #0b4664, #10263c);
}
html body.bu-public-unified .bu-blog .bu-blog-feature-media img,
html body.bu-public-unified .bu-blog .bu-blog-feature-media .bu-blog-card-media-empty {
  width: 100%;
  height: 100%;
  min-height: 390px;
  object-fit: cover;
  transition: transform .45s ease;
}
html body.bu-public-unified .bu-blog .bu-blog-feature:hover img { transform: scale(1.035); }
html body.bu-public-unified .bu-blog .bu-blog-feature-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 4vw, 54px);
}
html body.bu-public-unified .bu-blog .bu-blog-feature-body h2 {
  margin: 8px 0 15px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 3.3vw, 48px);
  line-height: 1.05;
  letter-spacing: -.04em;
}
html body.bu-public-unified .bu-blog .bu-blog-feature-body h2 a { color: var(--blog-ink); text-decoration: none; }
html body.bu-public-unified .bu-blog .bu-blog-feature-body > p:not(.bu-meta) { color: var(--blog-muted); line-height: 1.65; }
html body.bu-public-unified .bu-blog .bu-blog-feature-body .landing-btn-primary { align-self: flex-start; margin-top: 10px; }
html body.bu-public-unified .bu-blog .bu-meta {
  color: #688397;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}
html body.bu-public-unified .bu-blog .bu-blog-read { margin-left: 8px; color: var(--blog-accent); }
html body.bu-public-unified .bu-blog .bu-blog-grid-pro {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 0;
  margin-bottom: 52px;
}
html body.bu-public-unified .bu-blog .bu-blog-card {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--blog-line);
  border-radius: 23px;
  background: rgba(255,255,255,.94);
  color: var(--blog-ink);
  box-shadow: 0 18px 44px rgba(7, 50, 76, .09);
  transition: transform .25s ease, box-shadow .25s ease;
}
html body.bu-public-unified .bu-blog .bu-blog-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 58px rgba(7, 50, 76, .15);
}
html body.bu-public-unified .bu-blog .bu-blog-card-media {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(145deg, #0d5570, #071c30);
}
html body.bu-public-unified .bu-blog .bu-blog-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
html body.bu-public-unified .bu-blog .bu-blog-card:hover .bu-blog-card-media img { transform: scale(1.045); }
html body.bu-public-unified .bu-blog .bu-blog-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px;
}
html body.bu-public-unified .bu-blog .bu-blog-card h2,
html body.bu-public-unified .bu-blog .bu-blog-card h3 {
  margin: 7px 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(21px, 2vw, 27px);
  line-height: 1.12;
  letter-spacing: -.025em;
}
html body.bu-public-unified .bu-blog .bu-blog-card :is(h2,h3) a { color: var(--blog-ink); text-decoration: none; }
html body.bu-public-unified .bu-blog .bu-blog-card-body > p:not(.bu-meta) { color: var(--blog-muted); line-height: 1.58; }
html body.bu-public-unified .bu-blog .bu-blog-card-body .bu-btn { margin-top: auto; }

/* Taxonomy/date archive */
html body.bu-public-unified .bu-blog-archive-head {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto 30px;
  padding: clamp(34px, 6vw, 74px);
  border-radius: 0 0 32px 32px;
  background: linear-gradient(135deg, #05243b, #07526a 68%, #0aa68f);
  color: #fff;
  box-shadow: 0 25px 60px rgba(5, 42, 64, .18);
}
html body.bu-public-unified .bu-blog-archive-head h1 {
  max-width: 15ch;
  margin: 8px 0 14px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 5vw, 68px);
  line-height: 1;
  letter-spacing: -.045em;
}
html body.bu-public-unified .bu-blog-archive-head > p:not(.bu-pro-kicker) { max-width: 60ch; color: #d8edf3; }
html body.bu-public-unified .bu-blog-archive-head .bu-single-back { display: inline-flex; margin-top: 14px; color: #fff; }

/* Single article */
html body.bu-public-unified .bu-article-pro { padding-bottom: 70px; }
html body.bu-public-unified .bu-article-pro .bu-crumbs { margin-top: 18px !important; margin-bottom: 18px !important; }
html body.bu-public-unified .bu-article-hero-full {
  position: relative;
  isolation: isolate;
  width: min(1160px, calc(100% - 40px));
  min-height: clamp(430px, 55vw, 680px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(121, 189, 212, .45);
  border-radius: 32px;
  background: linear-gradient(145deg, #082d47, #071827);
  box-shadow: 0 32px 82px rgba(3, 32, 51, .22);
}
html body.bu-public-unified .bu-article-hero-full > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html body.bu-public-unified .bu-article-hero-veil {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(1,16,29,.2) 8%, rgba(2,20,35,.92) 100%);
}
html body.bu-public-unified .bu-article-hero-inner {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: clamp(28px, 5vw, 68px);
  color: #fff;
}
html body.bu-public-unified .bu-article-hero-inner h1 {
  max-width: 17ch;
  margin: 10px 0 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 5.5vw, 72px);
  line-height: 1.02;
  letter-spacing: -.05em;
}
html body.bu-public-unified .bu-article-meta-row { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; color: #d5eaf2; font-size: 13px; font-weight: 700; }
html body.bu-public-unified .bu-article-shell {
  width: min(900px, calc(100% - 40px));
  margin: 34px auto 0;
  padding: clamp(26px, 5vw, 64px);
  border: 1px solid var(--blog-line);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 65px rgba(7, 50, 76, .1);
}
html body.bu-public-unified .bu-article-shell .bu-prose {
  max-width: 72ch;
  margin: 0 auto;
  color: #233f50;
  font-size: clamp(17px, 1.4vw, 19px);
  line-height: 1.78;
}
html body.bu-public-unified .bu-article-shell .bu-prose > :first-child { margin-top: 0; }
html body.bu-public-unified .bu-article-shell .bu-prose :is(h2,h3) {
  color: var(--blog-ink);
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.12;
  letter-spacing: -.03em;
}
html body.bu-public-unified .bu-article-shell .bu-prose h2 { margin: 2.2em 0 .65em; font-size: clamp(29px, 3vw, 42px); }
html body.bu-public-unified .bu-article-shell .bu-prose h3 { margin: 1.7em 0 .55em; font-size: clamp(23px, 2.3vw, 31px); }
html body.bu-public-unified .bu-article-shell .bu-prose :is(img,video,iframe) { max-width: 100%; height: auto; border-radius: 18px; }
html body.bu-public-unified .bu-article-shell .bu-prose blockquote {
  margin: 2em 0;
  padding: 20px 24px;
  border: 0;
  border-left: 4px solid var(--blog-cyan);
  border-radius: 0 18px 18px 0;
  background: #edf8fa;
  color: #17465b;
}
html body.bu-public-unified .bu-article-share {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  max-width: 72ch;
  margin: 38px auto 0;
  padding-top: 24px;
  border-top: 1px solid #dceaf0;
}
html body.bu-public-unified .bu-article-share :is(a,button) {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #b9d6e2;
  border-radius: 999px;
  background: #f6fbfc;
  color: #0b6074;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
html body.bu-public-unified .bu-article-author {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 15px;
  align-items: center;
  max-width: 72ch;
  margin: 24px auto 0;
  padding: 18px;
  border: 1px solid #d5e7ee;
  border-radius: 18px;
  background: linear-gradient(145deg, #f8fcfd, #eaf6f8);
}
html body.bu-public-unified .bu-article-author img { border-radius: 16px; }
html body.bu-public-unified .bu-article-author :is(small,strong,p) { display: block; margin: 0; }
html body.bu-public-unified .bu-article-author small { color: #6a8595; text-transform: uppercase; letter-spacing: .08em; }
html body.bu-public-unified .bu-article-author p { margin-top: 4px; color: var(--blog-muted); }
html body.bu-public-unified .bu-article-shell .bu-help-aside {
  max-width: 72ch;
  margin: 24px auto 0;
  padding: 20px;
  border-radius: 18px;
  background: #082d47;
  color: #d9edf4;
}
html body.bu-public-unified .bu-article-shell .bu-help-aside h2 { margin: 0 0 8px; color: #fff; font-size: 18px; }
html body.bu-public-unified .bu-article-shell .bu-help-aside a { color: #70e6ef; }
html body.bu-public-unified .bu-article-pro > .bu-mkt-section { width: min(1160px, calc(100% - 40px)); margin: 48px auto 0; }
html body.bu-public-unified .bu-article-pro > .bu-mkt-section .bu-mkt-section-inner { width: 100%; padding: 0; }
html body.bu-public-unified .bu-article-pro > .bu-mkt-section h2 { margin: 0 0 20px; color: var(--blog-ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 3vw, 40px); }

html body.bu-public-unified .bu-blog-pager .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
html body.bu-public-unified .bu-blog-pager .page-numbers { display: grid; place-items: center; min-width: 42px; min-height: 42px; padding: 0 12px; border: 1px solid var(--blog-line); border-radius: 12px; background: #fff; color: var(--blog-ink); text-decoration: none; }
html body.bu-public-unified .bu-blog-pager .page-numbers.current { background: var(--blog-cyan); color: #fff; }

@media (max-width: 980px) {
  html body.bu-public-unified .bu-blog .bu-blog-grid-pro { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body.bu-public-unified .bu-blog .bu-blog-feature { grid-template-columns: 1fr; }
  html body.bu-public-unified .bu-blog .bu-blog-feature-media,
  html body.bu-public-unified .bu-blog .bu-blog-feature-media img { min-height: 310px; }
}
@media (max-width: 640px) {
  html body.bu-public-unified .bu-blog .bu-pro-hero { min-height: 480px; }
  html body.bu-public-unified .bu-blog .bu-pro-hero-inner { width: 100%; padding: 38px 16px; }
  html body.bu-public-unified .bu-blog .bu-pro-hero h1 { font-size: clamp(39px, 13vw, 58px); }
  html body.bu-public-unified .bu-blog .bu-blog-search { grid-template-columns: 1fr; border-radius: 16px; }
  html body.bu-public-unified .bu-blog .bu-pro-story { width: calc(100% - 24px); margin-top: -18px; padding: 18px; }
  html body.bu-public-unified .bu-blog :is(.bu-blog-hub,.bu-blog-chips,.bu-blog-feature,.bu-blog-grid-pro,.bu-blog-pager,.bu-blog-empty) { width: calc(100% - 24px); }
  html body.bu-public-unified .bu-blog .bu-blog-grid-pro { grid-template-columns: 1fr; gap: 16px; }
  html body.bu-public-unified .bu-blog .bu-blog-feature { border-radius: 22px; }
  html body.bu-public-unified .bu-blog .bu-blog-feature-media,
  html body.bu-public-unified .bu-blog .bu-blog-feature-media img { min-height: 220px; }
  html body.bu-public-unified .bu-blog .bu-blog-feature-body { padding: 23px 20px; }
  html body.bu-public-unified .bu-blog-archive-head { width: calc(100% - 24px); padding: 30px 20px; border-radius: 0 0 24px 24px; }
  html body.bu-public-unified .bu-article-hero-full { width: calc(100% - 24px); min-height: 470px; border-radius: 22px; }
  html body.bu-public-unified .bu-article-hero-inner { padding: 24px 20px; }
  html body.bu-public-unified .bu-article-hero-inner h1 { font-size: clamp(34px, 10.5vw, 50px); }
  html body.bu-public-unified .bu-article-shell { width: calc(100% - 24px); margin-top: 18px; padding: 24px 18px; border-radius: 22px; }
  html body.bu-public-unified .bu-article-author { grid-template-columns: 1fr; }
  html body.bu-public-unified .bu-article-pro > .bu-mkt-section { width: calc(100% - 24px); margin-top: 34px; }
}


/* v213 editorial experience: compact filters, clear language selection and a
   stable first viewport across desktop and phone. This file is enqueued last
   on editorial routes, so these rules are the sole blog-specific owner. */
html body.bu-public-unified .bu-blog .bu-pro-hero {
  min-height: clamp(400px, 42vw, 520px);
  border-radius: 0 0 30px 30px;
}
html body.bu-public-unified .bu-blog .bu-pro-hero-inner {
  padding: clamp(42px, 5vw, 68px);
}
html body.bu-public-unified .bu-blog .bu-pro-hero h1,
html body.bu-public-unified .bu-blog .bu-blog-feature-body h2,
html body.bu-public-unified .bu-blog .bu-blog-card :is(h2,h3),
html body.bu-public-unified .bu-article-hero-inner h1,
html body.bu-public-unified .bu-article-shell .bu-prose :is(h2,h3) {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html body.bu-public-unified .bu-blog .bu-pro-hero h1 {
  max-width: 14ch;
  font-size: clamp(42px, 5.15vw, 72px);
  line-height: .98;
  letter-spacing: -.05em;
}
html body.bu-public-unified .bu-blog-toolbar {
  display: grid;
  grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
  gap: 12px;
  width: min(1160px,calc(100% - 40px));
  margin: 24px auto 28px;
}
html body.bu-public-unified .bu-blog-filter-group {
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #cfe3e9;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 13px 30px rgba(7,50,76,.08);
}
html body.bu-public-unified .bu-blog-filter-group summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 12px 46px 12px 16px;
  cursor: pointer;
  list-style: none;
}
html body.bu-public-unified .bu-blog-filter-group summary::-webkit-details-marker { display:none; }
html body.bu-public-unified .bu-blog-filter-group:not([open]) > :not(summary) { display:none!important; }
html body.bu-public-unified .bu-blog-filter-group summary::after {
  content: "+";
  position: absolute;
  right: 14px;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 9px;
  background: #e7f6f5;
  color: #087868;
  font-size: 17px;
  font-weight: 900;
}
html body.bu-public-unified .bu-blog-filter-group[open] summary::after { content:"−"; }
html body.bu-public-unified .bu-blog-filter-group summary > span {
  color: #668291;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
html body.bu-public-unified .bu-blog-filter-group summary > strong {
  overflow: hidden;
  color: #0b4257;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body.bu-public-unified .bu-blog-filter-head {
  padding: 10px 16px 0;
  border-top: 1px solid #e2eef1;
}
html body.bu-public-unified .bu-blog-filter-head p {
  margin: 0;
  color: #698492;
  font-size: 11px;
}
html body.bu-public-unified .bu-blog-filter-group .bu-blog-chips {
  width: 100%;
  margin: 0;
  padding: 10px 14px 15px;
}
html body.bu-public-unified .bu-blog-langs .bu-blog-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
html body.bu-public-unified .bu-blog-lang-code {
  display: grid;
  place-items: center;
  min-width: 29px;
  height: 23px;
  padding: 0 5px;
  border-radius: 7px;
  background: #e8f3f7;
  color: #326278;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .04em;
}
html body.bu-public-unified .bu-blog-chip.is-on .bu-blog-lang-code,
html body.bu-public-unified .bu-blog-chip:hover .bu-blog-lang-code {
  background: rgba(255,255,255,.2);
  color: #fff;
}
html body.bu-public-unified .bu-blog .bu-blog-feature {
  margin-top: 18px;
}
html body.bu-public-unified .bu-blog .bu-blog-feature-body h2 {
  font-size: clamp(29px,3vw,43px);
}
html body.bu-public-unified .bu-blog .bu-blog-card :is(h2,h3) {
  font-size: clamp(20px,1.65vw,25px);
}
@media (max-width: 760px) {
  html body.bu-public-unified .bu-blog .bu-pro-hero {
    min-height: 0;
    margin: 0 8px;
    border-radius: 24px;
  }
  html body.bu-public-unified .bu-blog .bu-pro-hero-inner {
    min-height: 0;
    padding: 34px 18px 30px;
  }
  html body.bu-public-unified .bu-blog .bu-pro-hero h1 {
    max-width: 12ch;
    margin: 9px 0 13px;
    font-size: clamp(37px,11.4vw,48px);
    line-height: .98;
  }
  html body.bu-public-unified .bu-blog .bu-pro-lead {
    font-size: 14px;
    line-height: 1.48;
  }
  html body.bu-public-unified .bu-blog .bu-blog-search {
    margin-top: 18px;
    padding: 6px;
  }
  html body.bu-public-unified .bu-blog .bu-blog-search input[type=search] {
    min-height: 46px;
  }
  html body.bu-public-unified .bu-blog-toolbar {
    grid-template-columns: 1fr;
    width: calc(100% - 24px);
    margin: 16px auto 22px;
  }
  html body.bu-public-unified .bu-blog-filter-group summary {
    min-height: 56px;
    padding: 11px 43px 11px 14px;
  }
  html body.bu-public-unified .bu-blog-filter-group .bu-blog-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 9px 12px 13px;
    scroll-snap-type: x proximity;
  }
  html body.bu-public-unified .bu-blog-filter-group .bu-blog-chip {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  html body.bu-public-unified .bu-blog .bu-blog-feature {
    margin-top: 10px;
  }
  html body.bu-public-unified .bu-blog .bu-blog-card-body {
    padding: 19px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.bu-public-unified .bu-blog :is(.bu-blog-card,.bu-blog-card img,.bu-blog-feature img) { transition: none; }
}


/* v214 editorial covers: fast, image-like story identities generated from
   post data. No network image is required, so cards stay sharp and stable. */
html body.bu-public-unified .bu-blog .bu-blog-cover{
  --cover-a:#063a54;
  --cover-b:#0a8f8c;
  --cover-glow:#74f0df;
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
  padding:clamp(20px,2.2vw,30px);
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 14%,color-mix(in srgb,var(--cover-glow) 54%,transparent),transparent 25%),
    linear-gradient(138deg,var(--cover-a),var(--cover-b));
  color:#fff;
  text-decoration:none;
}
html body.bu-public-unified .bu-blog .bu-blog-cover:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.34;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:30px 30px;
  -webkit-mask-image:linear-gradient(135deg,#000,transparent 72%);
  mask-image:linear-gradient(135deg,#000,transparent 72%);
}
html body.bu-public-unified .bu-blog .bu-blog-cover:after{
  content:"";
  position:absolute;
  right:-18%;
  bottom:-40%;
  z-index:-1;
  width:78%;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.26);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.045),0 0 0 70px rgba(255,255,255,.025);
}
html body.bu-public-unified .bu-blog .bu-blog-cover-0{--cover-a:#052f4a;--cover-b:#0b8a89;--cover-glow:#78f4da}
html body.bu-public-unified .bu-blog .bu-blog-cover-1{--cover-a:#102d53;--cover-b:#335ac6;--cover-glow:#78ccff}
html body.bu-public-unified .bu-blog .bu-blog-cover-2{--cover-a:#3b234d;--cover-b:#b24d70;--cover-glow:#ffc3d1}
html body.bu-public-unified .bu-blog .bu-blog-cover-3{--cover-a:#173a35;--cover-b:#56a34a;--cover-glow:#d5ff93}
html body.bu-public-unified .bu-blog .bu-blog-cover-4{--cover-a:#4d2b19;--cover-b:#d26a37;--cover-glow:#ffd18b}
html body.bu-public-unified .bu-blog .bu-blog-cover-5{--cover-a:#172c43;--cover-b:#5d6c83;--cover-glow:#d4ebff}
html body.bu-public-unified .bu-blog .bu-blog-cover-top,
html body.bu-public-unified .bu-blog .bu-blog-cover-foot{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
html body.bu-public-unified .bu-blog .bu-blog-cover-top small{
  max-width:78%;
  overflow:hidden;
  color:#e8ffff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
html body.bu-public-unified .bu-blog .bu-blog-cover-top b{
  display:grid;
  place-items:center;
  min-width:34px;
  height:28px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(3,20,34,.28);
  font-size:9px;
  letter-spacing:.08em;
}
html body.bu-public-unified .bu-blog .bu-blog-cover>strong{
  position:relative;
  z-index:1;
  display:-webkit-box;
  max-width:18ch;
  overflow:hidden;
  color:#fff;
  font-size:clamp(22px,2.15vw,35px);
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.045em;
  text-wrap:balance;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
html body.bu-public-unified .bu-blog .bu-blog-feature .bu-blog-cover>strong{
  max-width:15ch;
  font-size:clamp(34px,4vw,58px);
}
html body.bu-public-unified .bu-blog .bu-blog-cover-route{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:10px minmax(30px,120px) 26px;
  align-items:center;
  width:min(210px,75%);
}
html body.bu-public-unified .bu-blog .bu-blog-cover-route i{
  display:block;
  width:10px;
  height:10px;
  border:2px solid #fff;
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(255,255,255,.12);
}
html body.bu-public-unified .bu-blog .bu-blog-cover-route i+em{grid-column:2}
html body.bu-public-unified .bu-blog .bu-blog-cover-route em{
  display:flex;
  align-items:center;
  gap:6px;
  color:#fff;
  font-size:20px;
  font-style:normal;
}
html body.bu-public-unified .bu-blog .bu-blog-cover-route em:before{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.35),#fff);
}
html body.bu-public-unified .bu-blog .bu-blog-cover-route i:last-child{grid-column:3}
html body.bu-public-unified .bu-blog .bu-blog-cover-foot{
  color:rgba(255,255,255,.82);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
html body.bu-public-unified .bu-blog .bu-blog-cover-foot b{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:50%;
  background:#fff;
  color:var(--cover-a);
  font-size:14px;
}
html body.bu-public-unified .bu-blog .bu-blog-card:hover .bu-blog-cover,
html body.bu-public-unified .bu-blog .bu-blog-feature:hover .bu-blog-cover{
  transform:scale(1.018);
}
html body.bu-public-unified .bu-blog .bu-blog-card-media-empty,
html body.bu-public-unified .bu-blog .bu-blog-feature-media .bu-blog-card-media-empty{
  min-height:0;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
html body.bu-public-unified .bu-blog .bu-blog-feature-media .bu-blog-cover{min-height:390px}
html body.bu-public-unified .bu-blog .bu-blog-chip.is-cross-domain:after{
  content:attr(data-domain);
  max-width:0;
  overflow:hidden;
  opacity:0;
  font-size:8px;
  transition:max-width .2s ease,opacity .2s ease;
  white-space:nowrap;
}
html body.bu-public-unified .bu-blog .bu-blog-chip.is-cross-domain:hover:after,
html body.bu-public-unified .bu-blog .bu-blog-chip.is-cross-domain:focus-visible:after{
  max-width:110px;
  opacity:.82;
}
html body.bu-public-unified .bu-blog .bu-blog-tools{
  margin-top:42px;
  margin-bottom:42px;
}
html body.bu-public-unified .bu-blog .bu-blog-pager+.bu-blog-tools{margin-top:28px}
@media(max-width:640px){
  html body.bu-public-unified .bu-blog .bu-blog-card-media,
  html body.bu-public-unified .bu-blog .bu-blog-card-media-empty{
    width:100%!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
  }
  html body.bu-public-unified .bu-blog .bu-blog-feature-media{
    min-height:0!important;
    aspect-ratio:4/3!important;
  }
  html body.bu-public-unified .bu-blog .bu-blog-cover{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto;
    align-content:stretch;
    gap:10px;
    padding:16px;
  }
  html body.bu-public-unified .bu-blog .bu-blog-cover>strong{
    align-self:center;
    max-width:100%;
    font-size:clamp(20px,6vw,27px)!important;
    line-height:1.06;
    letter-spacing:-.035em;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:auto;
    -webkit-line-clamp:3;
  }
  html body.bu-public-unified .bu-blog .bu-blog-feature .bu-blog-cover>strong{
    max-width:100%;
    font-size:clamp(25px,7.4vw,34px)!important;
  }
  html body.bu-public-unified .bu-blog .bu-blog-feature-media .bu-blog-cover{min-height:0!important}
  html body.bu-public-unified .bu-blog .bu-blog-cover-route{width:min(170px,72%)}
  html body.bu-public-unified .bu-blog .bu-blog-cover-top small{max-width:calc(100% - 48px)}
  html body.bu-public-unified .bu-blog .bu-blog-cover-foot{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  html body.bu-public-unified .bu-blog :is(.bu-blog-cover,.bu-blog-chip.is-cross-domain:after){transition:none!important}
}


/* Editorial premium 295: country archive, headline system, useful prose hierarchy. */
html body.bu-public-unified .bu-blog .bu-pro-hero h1,
html body.bu-public-unified .bu-blog-archive-head h1,
html body.bu-public-unified .bu-article-hero-inner h1{
 font-family:"Manrope","Plus Jakarta Sans",system-ui,sans-serif!important;
 font-weight:850!important;letter-spacing:-.052em!important;line-height:1.07!important;
 text-wrap:balance;overflow-wrap:break-word
}
html body.bu-public-unified .bu-blog .bu-pro-hero h1{max-width:15ch!important;font-size:clamp(38px,5.6vw,76px)!important}
html body.bu-public-unified .bu-blog-archive-head{
 position:relative;isolation:isolate;overflow:hidden;
 background:radial-gradient(circle at 90% 0,rgba(83,233,215,.26),transparent 40%),linear-gradient(125deg,#09283c,#075b67 75%,#0b836d)!important
}
html body.bu-public-unified .bu-blog-archive-head:after{
 content:"";position:absolute;pointer-events:none;z-index:-1;top:-110px;right:-100px;
 width:350px;height:350px;border:1px solid rgba(173,255,246,.17);border-radius:50%;
 box-shadow:0 0 0 58px rgba(157,238,232,.04),0 0 0 115px rgba(157,238,232,.035)
}
html body.bu-public-unified .bu-blog-archive-head h1{max-width:20ch!important;font-size:clamp(32px,4.6vw,62px)!important}
html body.bu-public-unified .bu-blog-archive-head .bu-pro-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.09em}
html body.bu-public-unified .bu-blog-archive-head .bu-pro-kicker:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#6bf3d7}
html body.bu-public-unified .bu-blog-archive-head > p:not(.bu-pro-kicker){line-height:1.7;font-size:clamp(14px,1.4vw,17px)}
html body.bu-public-unified .bu-blog-archive-head .bu-single-back{display:inline-flex;align-items:center;min-height:43px;border:1px solid rgba(216,255,252,.34);border-radius:12px;padding:0 14px;background:rgba(255,255,255,.09);text-decoration:none;font-size:13px;font-weight:800}
html body.bu-public-unified .bu-blog-archive-head .bu-single-back:focus-visible{outline:3px solid #6efce0;outline-offset:3px}
html body.bu-public-unified .bu-article-hero-inner h1{max-width:22ch!important;font-size:clamp(31px,4.7vw,65px)!important}
html body.bu-public-unified .bu-article-shell .bu-prose{
 font-family:"Manrope",system-ui,sans-serif;
 font-size:clamp(16px,1.25vw,18px);line-height:1.82;color:#294656;
 overflow-wrap:break-word
}
html body.bu-public-unified .bu-article-shell .bu-prose :is(h2,h3){
 font-family:"Manrope",system-ui,sans-serif;font-weight:850;letter-spacing:-.037em;
 text-wrap:balance;scroll-margin-top:90px
}
html body.bu-public-unified .bu-article-shell .bu-prose h2{font-size:clamp(24px,2.7vw,36px)}
html body.bu-public-unified .bu-article-shell .bu-prose h3{font-size:clamp(20px,2vw,27px)}
html body.bu-public-unified .bu-article-shell .bu-prose :is(ul,ol){padding-left:1.45em}
html body.bu-public-unified .bu-article-shell .bu-prose li{padding-left:.2em;margin-bottom:.6em}
html body.bu-public-unified .bu-article-shell .bu-prose a{text-underline-offset:3px;overflow-wrap:anywhere}
html body.bu-public-unified .bu-article-shell .bu-prose :is(table,pre){max-width:100%;overflow-x:auto}
html body.bu-public-unified .bu-blog .bu-blog-card{
 border-radius:22px;box-shadow:0 12px 30px rgba(6,49,69,.085);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
html body.bu-public-unified .bu-blog .bu-blog-card:hover{transform:translateY(-3px);border-color:#7fccc5;box-shadow:0 20px 43px rgba(6,49,69,.13)}
html body.bu-public-unified .bu-blog .bu-blog-card h2,
html body.bu-public-unified .bu-blog .bu-blog-card h3,
html body.bu-public-unified .bu-blog .bu-blog-feature-body h2{
 font-family:"Manrope",system-ui,sans-serif;font-weight:850;line-height:1.16;letter-spacing:-.035em
}
html body.bu-public-unified .bu-blog .bu-blog-card :is(a,button):focus-visible{outline:3px solid #0da993;outline-offset:3px}
@media(max-width:640px){
 html body.bu-public-unified .bu-blog-archive-head{padding:26px 19px;border-radius:0 0 22px 22px}
 html body.bu-public-unified .bu-blog-archive-head h1{font-size:clamp(30px,8.5vw,45px)!important}
 html body.bu-public-unified .bu-blog .bu-pro-hero h1{font-size:clamp(34px,9.6vw,50px)!important}
 html body.bu-public-unified .bu-article-hero-inner h1{font-size:clamp(28px,8.4vw,43px)!important}
 html body.bu-public-unified .bu-article-shell .bu-prose{font-size:16px;line-height:1.78}
 html body.bu-public-unified .bu-blog-archive-head:after{width:230px;height:230px;top:-100px;right:-90px}
}
@media(prefers-reduced-motion:reduce){
 html body.bu-public-unified .bu-blog .bu-blog-card{transition:none;transform:none}
}

/* Compact editorial lead on phones: show the article title sooner without cropping the story image awkwardly. */
@media(max-width:640px){
 html body.bu-public-unified .bu-article-hero-full{min-height:clamp(310px,84vw,360px)!important;border-radius:20px!important}
 html body.bu-public-unified .bu-article-hero-full>img{object-position:center 34%!important}
 html body.bu-public-unified .bu-article-hero-veil{background:linear-gradient(180deg,rgba(1,16,29,.08) 0%,rgba(2,20,35,.38) 38%,rgba(2,20,35,.96) 100%)!important}
 html body.bu-public-unified .bu-article-hero-inner{padding:18px 18px 20px!important}
 html body.bu-public-unified .bu-article-hero-inner h1{max-width:22ch!important;margin:8px 0 10px!important;font-size:clamp(27px,7.5vw,36px)!important;line-height:1.08!important;letter-spacing:-.04em!important}
 html body.bu-public-unified .bu-article-meta-row{font-size:11px!important;gap:5px 12px!important}
 html body.bu-public-unified .bu-article-shell{margin-top:14px!important;padding:20px 16px!important}
}
