/* VR Digital Creators — blog article page */
.bd-page{--bd-bg:#080d18;--bd-panel:#0d1524;--bd-panel-2:#101c2e;--bd-text:#f3f6fb;--bd-muted:#a8b4c7;--bd-line:rgba(160,183,215,.17);--bd-blue:#4b8dff;--bd-cyan:#42d7ed;background:var(--bd-bg);color:var(--bd-text);overflow:hidden}
.bd-page *{box-sizing:border-box}.bd-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.bd-article-topline{border-bottom:1px solid var(--bd-line);background:linear-gradient(90deg,rgba(38,92,174,.12),transparent 65%)}.bd-article-topline>.bd-container{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bd-back-link,.bd-topline-label{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.bd-back-link{color:var(--bd-muted);text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:color .2s}.bd-back-link:hover{color:var(--bd-cyan)}.bd-back-link span{font-size:18px}.bd-topline-label{color:#8ca3c4}.bd-hero{padding-top:76px;padding-bottom:44px;max-width:1000px}.bd-category{display:inline-flex;padding:8px 13px;border:1px solid rgba(66,215,237,.32);border-radius:4px;background:rgba(66,215,237,.07);color:var(--bd-cyan);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.bd-hero h1{max-width:950px;margin:22px 0 20px;font-size:clamp(36px,5.2vw,64px);font-weight:750;line-height:1.1;letter-spacing:-.045em;color:var(--bd-text);text-wrap:balance}.bd-excerpt{max-width:800px;margin:0;color:var(--bd-muted);font-size:clamp(16px,1.8vw,20px);line-height:1.8}.bd-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:27px;color:var(--bd-muted);font-size:12px}.bd-author-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--bd-blue),#244879);font-size:11px;font-weight:800;color:#fff}.bd-author{color:#e4ebf6;font-weight:650}.bd-meta-dot{width:3px;height:3px;border-radius:50%;background:#62748f}.bd-cover{margin-top:0;margin-bottom:0}.bd-cover img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border:1px solid var(--bd-line);border-radius:12px;background:var(--bd-panel)}.bd-cover figcaption{margin-top:10px;color:#7f90a8;font-size:12px;text-align:center}.bd-content-layout{display:grid;grid-template-columns:240px minmax(0,760px);justify-content:space-between;align-items:start;gap:64px;padding-top:60px;padding-bottom:58px}.bd-toc{position:sticky;top:28px;padding:21px 18px;border:1px solid var(--bd-line);border-radius:9px;background:linear-gradient(145deg,rgba(17,30,49,.96),rgba(10,17,30,.96));box-shadow:0 16px 44px rgba(0,0,0,.13)}.bd-toc-heading{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--bd-line);font-size:13px}.bd-toc-icon{color:var(--bd-cyan);font-size:20px}.bd-toc nav{display:grid;gap:3px;padding-top:10px}.bd-toc nav a{padding:8px 9px;border-radius:4px;color:#b5c1d2;font-size:12px;line-height:1.55;text-decoration:none;transition:background .2s,color .2s}.bd-toc nav a:hover{background:rgba(75,141,255,.1);color:var(--bd-cyan)}.bd-toc nav a.bd-toc-sub{padding-left:20px;color:#8e9db2;font-size:11px}.bd-toc-hint{margin:7px 0;color:#8392a7;font-size:12px}.bd-toc-all{display:flex;justify-content:space-between;gap:8px;margin-top:16px;padding-top:15px;border-top:1px solid var(--bd-line);color:var(--bd-cyan);font-size:11px;font-weight:750;text-decoration:none}.bd-content-column{min-width:0}.bd-prose{color:#c7d1df;font-size:16px;line-height:1.9;overflow-wrap:anywhere}.bd-prose>*:first-child{margin-top:0}.bd-prose p{margin:0 0 23px}.bd-prose h2{margin:48px 0 17px;color:var(--bd-text);font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.025em}.bd-prose h3{margin:32px 0 13px;color:#eaf2ff;font-size:22px;line-height:1.35}.bd-prose h2:after{content:"";display:block;width:44px;height:3px;margin-top:15px;border-radius:4px;background:linear-gradient(90deg,var(--bd-blue),var(--bd-cyan))}.bd-prose a{color:var(--bd-cyan);text-decoration-thickness:1px;text-underline-offset:3px}.bd-prose strong,.bd-prose b{color:#f3f7ff}.bd-prose ul,.bd-prose ol{margin:0 0 25px;padding-left:26px}.bd-prose li{padding-left:5px;margin:0 0 9px}.bd-prose li::marker{color:var(--bd-cyan)}.bd-prose blockquote{margin:30px 0;padding:20px 24px;border-left:3px solid var(--bd-cyan);background:rgba(66,215,237,.055);color:#e5eefb;font-size:18px}.bd-prose img{display:block;max-width:100%;height:auto;margin:30px auto;border:1px solid var(--bd-line);border-radius:8px}.bd-prose figure{margin:30px 0}.bd-prose figcaption{margin-top:9px;color:#8999af;font-size:12px;text-align:center}.bd-prose table{width:100%;margin:25px 0;border-collapse:collapse;font-size:14px}.bd-prose th,.bd-prose td{padding:12px;border:1px solid var(--bd-line);text-align:left}.bd-prose th{background:var(--bd-panel-2);color:#f2f6fc}.bd-prose hr{border:0;border-top:1px solid var(--bd-line);margin:38px 0}.bd-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:23px;border-top:1px solid var(--bd-line)}.bd-tags-label{margin-right:4px;color:#e9eff8;font-size:12px;font-weight:750}.bd-tags a{padding:6px 9px;border:1px solid var(--bd-line);border-radius:4px;color:#aab8cc;font-size:11px;text-decoration:none}.bd-tags a:hover{border-color:var(--bd-blue);color:var(--bd-cyan)}.bd-article-cta{margin-top:46px;padding:30px;border:1px solid rgba(75,141,255,.27);border-radius:9px;background:radial-gradient(ellipse at 100% 0,rgba(47,111,204,.17),transparent 58%),var(--bd-panel)}.bd-eyebrow{color:var(--bd-cyan);font-size:10px;font-weight:800;letter-spacing:.13em}.bd-article-cta h2{margin:12px 0 10px;color:#f5f8ff;font-size:26px;line-height:1.3}.bd-article-cta p{margin:0 0 20px;color:var(--bd-muted);font-size:14px;line-height:1.8}.bd-button{display:inline-flex;align-items:center;gap:20px;padding:12px 16px;border:1px solid var(--bd-blue);border-radius:4px;background:var(--bd-blue);color:#fff;font-size:12px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}.bd-button:hover{transform:translateY(-2px);background:#3679ed;color:#fff}.bd-post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:24px;padding-bottom:60px;border-top:1px solid var(--bd-line)}.bd-post-nav-card{display:flex;flex-direction:column;gap:11px;min-height:116px;padding:20px;border:1px solid var(--bd-line);border-radius:7px;background:var(--bd-panel);text-decoration:none;transition:border-color .2s,transform .2s}.bd-post-nav-card:hover{border-color:rgba(66,215,237,.5);transform:translateY(-2px)}.bd-post-nav-label{color:var(--bd-cyan);font-size:11px;font-weight:750}.bd-post-nav-card strong{color:#eaf0fa;font-size:14px;line-height:1.55}.bd-next{text-align:right;align-items:flex-end}.bd-nav-empty{opacity:.65}.bd-related{padding:58px 0 76px;border-top:1px solid var(--bd-line);background:#0a111e}.bd-related-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.bd-related-heading h2{margin:8px 0 0;color:#f3f6fb;font-size:clamp(26px,3vw,36px);letter-spacing:-.03em}.bd-related-heading>a{color:var(--bd-cyan);font-size:12px;font-weight:750;text-decoration:none}.bd-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bd-related-card{overflow:hidden;border:1px solid var(--bd-line);border-radius:8px;background:#0d1727;transition:transform .2s,border-color .2s}.bd-related-card:hover{transform:translateY(-4px);border-color:rgba(75,141,255,.5)}.bd-related-image{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:#111d2e}.bd-related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.bd-related-card:hover .bd-related-image img{transform:scale(1.04)}.bd-related-image>span{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(5,12,24,.7);color:#fff}.bd-related-body{padding:19px}.bd-related-category{color:var(--bd-cyan);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.bd-related-body h3{margin:10px 0;color:#eff4fc;font-size:17px;line-height:1.45}.bd-related-body h3 a{color:inherit;text-decoration:none}.bd-related-body p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;color:var(--bd-muted);font-size:12px;line-height:1.7}.bd-related-read{color:var(--bd-cyan);font-size:11px;font-weight:800;text-decoration:none}.bd-not-found{min-height:48vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:70px;padding-bottom:70px}.bd-not-found h1{margin:16px 0 8px;font-size:clamp(30px,5vw,52px)}.bd-not-found p{color:var(--bd-muted);margin:0 0 24px}.bd-not-found .bd-eyebrow{color:var(--bd-cyan)}
@media(max-width:1000px){.bd-content-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}.bd-hero{padding-top:60px}.bd-cover img{aspect-ratio:16/8}.bd-toc{padding:17px 13px}.bd-related-grid{gap:14px}.bd-related-body{padding:15px}}
@media(max-width:700px){.bd-container{width:min(100% - 32px,1180px)}.bd-article-topline>.bd-container{min-height:50px}.bd-topline-label{font-size:9px}.bd-hero{padding-top:43px;padding-bottom:30px}.bd-hero h1{margin-top:17px;font-size:clamp(32px,8vw,45px);line-height:1.12}.bd-excerpt{font-size:15px;line-height:1.75}.bd-meta{gap:9px;margin-top:20px;font-size:11px}.bd-cover img{aspect-ratio:4/3;border-radius:7px}.bd-content-layout{display:flex;flex-direction:column;gap:26px;padding-top:30px;padding-bottom:38px}.bd-toc{position:static;width:100%;padding:15px}.bd-toc nav{grid-template-columns:1fr 1fr;gap:3px 7px}.bd-toc nav a{font-size:11px}.bd-toc nav a.bd-toc-sub{padding-left:12px}.bd-toc-all{margin-top:10px;padding-top:11px}.bd-prose{font-size:15px;line-height:1.85}.bd-prose h2{margin-top:36px;font-size:27px}.bd-prose h3{font-size:20px}.bd-prose p{margin-bottom:19px}.bd-prose blockquote{padding:17px;font-size:16px}.bd-article-cta{padding:22px 18px;margin-top:34px}.bd-article-cta h2{font-size:23px}.bd-post-navigation{gap:10px;padding-bottom:40px}.bd-post-nav-card{padding:14px;min-height:105px}.bd-post-nav-card strong{font-size:12px}.bd-post-nav-label{font-size:10px}.bd-related{padding:42px 0 48px}.bd-related-heading{align-items:flex-start}.bd-related-heading>a{padding-top:15px;font-size:11px}.bd-related-grid{grid-template-columns:1fr;gap:14px}.bd-related-card{display:grid;grid-template-columns:38% minmax(0,1fr)}.bd-related-image{height:100%;min-height:160px;aspect-ratio:auto}.bd-related-body{padding:15px}.bd-related-body h3{font-size:15px;margin:7px 0}.bd-related-body p{font-size:11px;-webkit-line-clamp:2;margin-bottom:10px}}
@media(max-width:420px){.bd-container{width:calc(100% - 26px)}.bd-topline-label{display:none}.bd-meta{font-size:10px}.bd-author-mark{width:29px;height:29px}.bd-post-navigation{grid-template-columns:1fr}.bd-next{text-align:left;align-items:flex-start}.bd-toc nav{grid-template-columns:1fr}.bd-related-card{grid-template-columns:1fr}.bd-related-image{aspect-ratio:16/9;min-height:0}.bd-related-body{padding:17px}}
@media(prefers-reduced-motion:reduce){.bd-page *{scroll-behavior:auto!important;transition:none!important}}


/* Size refinements: keep the article hero, cover image and navigation compact. */
.bd-hero{max-width:900px;padding-top:52px;padding-bottom:30px}
.bd-hero h1{max-width:820px;font-size:clamp(30px,3.5vw,46px);line-height:1.16;letter-spacing:-.03em;margin:17px 0 13px}
.bd-excerpt{max-width:740px;font-size:clamp(14px,1.25vw,17px);line-height:1.7}
.bd-cover{max-width:960px}
.bd-cover img{aspect-ratio:16/7;border-radius:9px}
.bd-post-navigation{gap:12px;padding-top:18px;padding-bottom:38px}
.bd-post-nav-card{min-height:84px;padding:14px 16px;gap:7px}
.bd-post-nav-label{font-size:10px}
.bd-post-nav-card strong{font-size:12px;line-height:1.45;font-weight:650}
@media(max-width:700px){.bd-hero{padding-top:35px;padding-bottom:24px}.bd-hero h1{font-size:clamp(27px,6.5vw,36px);line-height:1.18;margin:14px 0 11px}.bd-excerpt{font-size:14px}.bd-cover img{max-height:250px;aspect-ratio:16/9}.bd-post-navigation{gap:8px;padding-bottom:30px}.bd-post-nav-card{min-height:72px;padding:12px}.bd-post-nav-card strong{font-size:11px}}
@media(max-width:420px){.bd-hero h1{font-size:27px}.bd-cover img{max-height:210px}.bd-post-navigation{grid-template-columns:1fr}.bd-next{text-align:left;align-items:flex-start}}

/* ===== Article layout refinement (layout-only overrides) ===== */
.bd-page{overflow:clip;background:radial-gradient(ellipse at 50% 0,rgba(33,77,139,.13),transparent 34%),var(--bd-bg)}
.bd-container{width:min(1120px,calc(100% - 48px))}
.bd-article-topline{background:rgba(8,13,24,.72);border-bottom-color:rgba(160,183,215,.12)}
.bd-article-topline>.bd-container{min-height:54px}
.bd-back-link{font-size:11px;letter-spacing:.04em;text-transform:none}
.bd-topline-label{font-size:10px;letter-spacing:.12em}
.bd-hero{max-width:900px;padding-top:54px;padding-bottom:28px;margin-inline:auto}
.bd-category{padding:7px 11px;border-radius:999px;font-size:10px;letter-spacing:.08em}
.bd-hero h1{max-width:850px;margin:18px 0 14px;font-size:clamp(29px,3.4vw,45px);line-height:1.17;letter-spacing:-.035em;font-weight:730}
.bd-excerpt{max-width:760px;font-size:clamp(14px,1.25vw,17px);line-height:1.75}
.bd-meta{gap:10px;margin-top:21px;font-size:11px}
.bd-author-mark{width:30px;height:30px;font-size:10px}
.bd-cover{max-width:1000px;margin:0 auto}
.bd-cover img{width:100%;max-height:410px;aspect-ratio:16/7;object-fit:cover;border-radius:12px;border-color:rgba(160,183,215,.2);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.bd-cover figcaption:empty{display:none}
.bd-content-layout{grid-template-columns:220px minmax(0,740px);justify-content:center;gap:46px;padding-top:52px;padding-bottom:48px}
.bd-toc{top:24px;padding:18px 15px;border-radius:10px;background:rgba(13,21,36,.8);box-shadow:0 12px 32px rgba(0,0,0,.12)}
.bd-toc-heading{font-size:12px;padding-bottom:13px}
.bd-toc nav a{font-size:11px;padding:7px 8px}
.bd-toc nav a.bd-toc-sub{font-size:10px}
.bd-content-column{min-width:0}
.bd-prose{font-size:16px;line-height:1.88;color:#cbd5e2}
.bd-prose p{margin-bottom:21px}
.bd-prose h2{margin:42px 0 15px;font-size:clamp(23px,2.4vw,30px);line-height:1.3}
.bd-prose h3{margin:28px 0 11px;font-size:20px}
.bd-prose h2:after{width:36px;height:2px;margin-top:12px}
.bd-prose blockquote{border-radius:0 7px 7px 0;padding:17px 21px;font-size:16px}
.bd-tags{gap:7px;margin-top:29px;padding-top:20px}
.bd-tags a{border-radius:999px;padding:6px 10px;font-size:10px}
.bd-article-cta{margin-top:36px;padding:26px 28px;border-radius:10px}
.bd-article-cta h2{font-size:23px}
.bd-article-cta p{font-size:13px}
.bd-button{padding:10px 14px;gap:13px;border-radius:5px;font-size:11px}
.bd-post-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding-top:20px;padding-bottom:44px;border-top-color:rgba(160,183,215,.13)}
.bd-post-nav-card{min-width:0;min-height:76px;padding:14px 16px;gap:6px;border-radius:8px;background:rgba(13,21,36,.78)}
.bd-post-nav-label{font-size:10px;letter-spacing:.015em}
.bd-post-nav-card strong{font-size:12px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}
.bd-related{padding:48px 0 62px;background:rgba(10,17,30,.72)}
.bd-related-heading{margin-bottom:22px}
.bd-related-heading h2{font-size:clamp(23px,2.6vw,31px)}
.bd-related-grid{gap:16px}
.bd-related-card{border-radius:10px}
.bd-related-body{padding:16px}
.bd-related-body h3{font-size:15px;line-height:1.45}
.bd-related-body p{font-size:12px}
@media(max-width:1000px){
 .bd-content-layout{grid-template-columns:190px minmax(0,1fr);gap:28px;padding-top:40px}
 .bd-cover{width:min(100%,900px)}
 .bd-cover img{max-height:360px}
 .bd-hero{padding-top:44px}
}
@media(max-width:700px){
 .bd-container{width:calc(100% - 32px)}
 .bd-article-topline>.bd-container{min-height:48px}
 .bd-hero{padding-top:34px;padding-bottom:22px}
 .bd-category{font-size:9px;padding:6px 10px}
 .bd-hero h1{font-size:clamp(27px,6.6vw,36px);line-height:1.18;margin:14px 0 11px}
 .bd-excerpt{font-size:14px;line-height:1.7}
 .bd-meta{gap:8px;margin-top:17px;font-size:10px}
 .bd-author-mark{width:27px;height:27px}
 .bd-cover{width:calc(100% - 32px)}
 .bd-cover img{max-height:260px;aspect-ratio:16/9;border-radius:8px}
 .bd-content-layout{display:flex;flex-direction:column;gap:22px;padding-top:28px;padding-bottom:32px}
 .bd-toc{width:100%;padding:14px;position:static}
 .bd-toc-heading{padding-bottom:10px}
 .bd-toc nav{grid-template-columns:1fr 1fr;gap:2px 6px;padding-top:8px}
 .bd-toc nav a{font-size:10px;padding:7px}
 .bd-toc nav a.bd-toc-sub{padding-left:10px;font-size:10px}
 .bd-toc-all{margin-top:10px;padding-top:10px}
 .bd-prose{font-size:15px;line-height:1.82}
 .bd-prose p{margin-bottom:18px}
 .bd-prose h2{margin-top:32px;font-size:24px}
 .bd-prose h3{margin-top:24px;font-size:19px}
 .bd-article-cta{margin-top:28px;padding:21px 18px}
 .bd-article-cta h2{font-size:21px}
 .bd-post-navigation{gap:9px;padding-top:16px;padding-bottom:32px}
 .bd-post-nav-card{min-height:68px;padding:11px 12px;gap:6px}
 .bd-post-nav-label{font-size:9px}
 .bd-post-nav-card strong{font-size:11px;line-height:1.4}
 .bd-related{padding:34px 0 40px}
 .bd-related-grid{grid-template-columns:1fr;gap:12px}
 .bd-related-card{display:grid;grid-template-columns:34% minmax(0,1fr)}
 .bd-related-image{height:100%;min-height:125px;aspect-ratio:auto}
 .bd-related-body{padding:12px}
 .bd-related-body h3{font-size:13px;margin:6px 0}
 .bd-related-body p{font-size:11px;line-height:1.55}
}
@media(max-width:420px){
 .bd-container{width:calc(100% - 26px)}
 .bd-topline-label{display:none}
 .bd-hero h1{font-size:27px}
 .bd-cover{width:calc(100% - 26px)}
 .bd-cover img{max-height:210px}
 .bd-meta{font-size:9px}
 .bd-toc nav{grid-template-columns:1fr}
 .bd-post-navigation{grid-template-columns:1fr}
 .bd-next{text-align:left;align-items:flex-start}
 .bd-related-card{grid-template-columns:1fr}
 .bd-related-image{aspect-ratio:16/9;min-height:0}
 .bd-related-body{padding:15px}
}

/* ===== Final polish: calmer article layout and compact text navigation ===== */
.bd-hero{max-width:860px;padding-top:48px;padding-bottom:26px}
.bd-hero h1{max-width:790px;font-size:clamp(28px,3.15vw,42px);line-height:1.2;letter-spacing:-.03em}
.bd-excerpt{max-width:700px;font-size:clamp(14px,1.15vw,16px);line-height:1.75}
.bd-cover{max-width:920px}
.bd-cover img{max-height:370px;aspect-ratio:16/7;border-radius:10px;box-shadow:0 14px 38px rgba(0,0,0,.18)}
.bd-content-layout{grid-template-columns:205px minmax(0,720px);gap:42px;padding-top:44px;padding-bottom:42px}
.bd-toc{border-radius:10px}
.bd-prose{font-size:16px;line-height:1.9}
.bd-prose p{margin-bottom:20px}
.bd-prose h2{margin-top:38px;font-size:clamp(23px,2.2vw,29px)}
.bd-article-cta{margin-top:32px;padding:24px 26px}

/* Previous/next are slim article links, not oversized buttons. */
.bd-post-navigation{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:28px;
  padding-top:18px;
  padding-bottom:34px;
  border-top:1px solid rgba(160,183,215,.14);
}
.bd-post-nav-card{
  flex:0 1 44%;
  width:auto;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  padding:7px 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-decoration:none;
}
.bd-post-nav-card:hover{
  border-color:transparent;
  background:transparent;
  transform:none;
}
.bd-post-nav-label{
  display:block;
  color:var(--bd-cyan);
  font-size:10px;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.bd-post-nav-card strong{
  display:block;
  max-width:340px;
  color:#eaf0fa;
  font-size:12px;
  font-weight:600;
  line-height:1.5;
  overflow-wrap:anywhere;
  transition:color .2s;
}
.bd-post-nav-card:hover strong{color:var(--bd-cyan)}
.bd-next{text-align:right;align-items:flex-end;margin-left:auto}
.bd-nav-empty{opacity:.48}
.bd-nav-empty:hover strong{color:#eaf0fa}
.bd-related{padding-top:42px;padding-bottom:54px}

@media(max-width:1000px){
 .bd-content-layout{grid-template-columns:180px minmax(0,1fr);gap:28px;padding-top:36px}
 .bd-hero{padding-top:40px}
 .bd-cover{max-width:860px}
 .bd-cover img{max-height:330px}
}
@media(max-width:700px){
 .bd-hero{padding-top:32px;padding-bottom:20px}
 .bd-hero h1{font-size:clamp(26px,6vw,34px);line-height:1.2}
 .bd-cover{width:calc(100% - 32px)}
 .bd-cover img{max-height:240px;aspect-ratio:16/9}
 .bd-content-layout{gap:22px;padding-top:26px;padding-bottom:28px}
 .bd-prose{font-size:15px;line-height:1.85}
 .bd-prose h2{font-size:23px;margin-top:30px}
 .bd-article-cta{padding:20px 18px}
 .bd-post-navigation{gap:18px;padding-top:14px;padding-bottom:26px}
 .bd-post-nav-card{flex-basis:47%;padding:5px 0}
 .bd-post-nav-label{font-size:9px}
 .bd-post-nav-card strong{font-size:11px;line-height:1.45}
 .bd-related{padding-top:32px;padding-bottom:38px}
}
@media(max-width:420px){
 .bd-post-navigation{display:flex;flex-direction:row;align-items:flex-start;gap:14px}
 .bd-post-nav-card{flex:1 1 50%;width:50%;}
 .bd-next{text-align:right;align-items:flex-end}
 .bd-post-nav-card strong{font-size:10px}
}

/* ===== Blog Highlight: Quote / Tip ===== */
.blog-highlight {
    position: relative;
    margin: 32px 0;
    padding: 24px 28px;
    background: rgba(255, 255, 255, 0.04);
    border-left: 4px solid #3b82f6;
    border-radius: 0 10px 10px 0;
    color: inherit;
    box-sizing: border-box;
}

.blog-highlight .highlight-label {
    display: block;
    margin: 0 0 10px;
    color: #60a5fa;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.blog-highlight p {
    margin: 0;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
}

.blog-highlight cite {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    font-style: normal;
    opacity: 0.75;
}


/* Mobile responsive */
@media (max-width: 600px) {
    .blog-highlight {
        margin: 24px 0;
        padding: 18px 20px;
    }

    .blog-highlight p {
        font-size: 16px;
    }
}



/* ===== FIX: Blog FAQ Accordion ===== */

.bd-page details.faq-item {
    margin: 12px 0 !important;
    padding: 0 !important;
    background: #0d1524 !important;
    border: 1px solid rgba(160, 183, 215, 0.2) !important;
    border-radius: 8px !important;
    overflow: hidden;
}

.bd-page details.faq-item[open] {
    background: #101c2e !important;
    border-color: rgba(66, 215, 237, 0.45) !important;
}

/* Question row */
.bd-page details.faq-item > summary {
    display: block !important;
    position: relative;
    padding: 17px 48px 17px 18px !important;
    cursor: pointer;
    list-style: none !important;
    color: #f3f6fb !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

.bd-page details.faq-item > summary::-webkit-details-marker {
    display: none !important;
}

.bd-page details.faq-item > summary::marker {
    content: "";
}

.bd-page details.faq-item > summary::after {
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #42d7ed;
    font-size: 22px;
    font-weight: 400;
}

.bd-page details.faq-item[open] > summary::after {
    content: "−";
}

/* Prevent heading styles from enlarging questions */
.bd-page details.faq-item > summary h5,
.bd-page details.faq-item > summary h4,
.bd-page details.faq-item > summary h3 {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* Answer area */
.bd-page details.faq-item .faq-answer {
    padding: 0 18px 18px !important;
    color: #a8c2e6 !important;
}

.bd-page details.faq-item .faq-answer p {
    margin: 0 !important;
    color: #a8c2e6 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

@media (max-width: 600px) {
    .bd-page details.faq-item > summary {
        padding: 15px 42px 15px 14px !important;
        font-size: 15px !important;
    }

    .bd-page details.faq-item .faq-answer {
        padding: 0 14px 15px !important;
    }

    .bd-page details.faq-item .faq-answer p {
        font-size: 14px !important;
    }
}


/* ===== FIX: Show the complete blog hero image at every screen size ===== */
.bd-cover img{
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:auto;
    object-fit:contain;
}



/* ===== Blog Tables: Responsive + Alternating Rows ===== */

.bd-page .bd-prose table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    margin: 25px 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid rgba(160, 183, 215, 0.2);
    border-radius: 8px;
    background: #0d1524;
    color: #cbd5e2;
    font-size: 14px;
    line-height: 1.65;
    -webkit-overflow-scrolling: touch;
}

.bd-page .bd-prose table thead {
    background: #14263d;
}

.bd-page .bd-prose table th {
    background: #14263d !important;
    color: #42d7ed !important;
    font-weight: 700;
    white-space: normal;
}

.bd-page .bd-prose table th,
.bd-page .bd-prose table td {
    padding: 13px 16px;
    text-align: left;
    vertical-align: top;
    border: 1px solid rgba(160, 183, 215, 0.16);
    min-width: 120px;
}

/* Alternate row backgrounds */
.bd-page .bd-prose table tbody tr:nth-child(odd) td {
    background: #0d1524 !important;
    color: #cbd5e2;
}

.bd-page .bd-prose table tbody tr:nth-child(even) td {
    background: #142238 !important;
    color: #dce7f7;
}

/* Hover highlight */
.bd-page .bd-prose table tbody tr:hover td {
    background: #1b304b !important;
}

/* Mobile adjustments */
@media (max-width: 600px) {
    .bd-page .bd-prose table {
        font-size: 13px;
    }

    .bd-page .bd-prose table th,
    .bd-page .bd-prose table td {
        padding: 10px 12px;
        min-width: 130px;
    }
}