/* Editorial layouts; shared navigation and footer retain their site styling. */
.blog-main { padding-block:42px 70px; }
.blog-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:32px; color:var(--muted); font-size:12px; }
.blog-breadcrumb a { color:var(--cyan); }
.blog-intro { max-width:850px; margin-bottom:36px; }
.blog-main h1 { font:650 clamp(36px,4.6vw,62px)/1.08 var(--display); letter-spacing:-.025em; text-wrap:balance; }
.blog-intro>p:last-child { margin-top:20px; max-width:750px; font-size:18px; }
.blog-feature { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); border-block:1px solid #35516a; background:#0c1621; }
.blog-feature img { width:100%; height:100%; object-fit:contain; background:#080d13; }
.blog-feature-copy { padding:38px; align-self:center; }
.blog-feature h2 { font:600 clamp(26px,3vw,40px)/1.15 var(--display); letter-spacing:-.015em; }
.blog-feature .text-link { display:inline-flex; margin-top:28px; color:var(--cyan); font-size:13px; gap:14px; }
.blog-feature:hover h2 { color:var(--cyan); }
.blog-feature:hover { border-color:var(--cyan); }
.blog-topics { margin-top:42px; }
.blog-topics>h2 { font:600 22px/1.25 var(--display); }
.blog-topic-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:20px; }
.blog-topic-grid article { padding:24px 0; border-top:1px solid #263b4c; }
.blog-topic-grid h3 { font:500 22px/1.3 var(--display); color:#cbd9e5; }
.blog-article-main > .container { width:calc(100% - 64px); max-width:1240px; margin-inline:auto; }
.blog-main > .container > article { width:100%; max-width:1240px; margin-inline:auto; }
.blog-article-header { max-width:1240px; margin:0 auto 30px; text-align:center; }
.blog-article-header h1 { font-size:clamp(34px,4.2vw,58px); }
.blog-featured-image { max-width:1100px; margin:0 auto 36px; }
.blog-featured-image img { display:block; width:100%; height:auto; border:1px solid #35516a; border-radius:4px; }
.blog-article-copy { max-width:950px; margin-inline:auto; color:#c4d0dd; font-size:18px; line-height:1.8; text-align:left; }
.blog-article-copy p { color:inherit; margin-block:0 20px; }
.blog-article-copy h2 { margin:42px 0 22px; color:var(--white); font:600 clamp(25px,2.6vw,34px)/1.2 var(--display); letter-spacing:-.015em; }
.blog-article-copy ul { padding-left:25px; margin-block:0 24px; }
.blog-article-copy li { padding-left:4px; margin-bottom:7px; }
.blog-article-copy li::marker { color:var(--cyan); }
.blog-article-copy a:not(.button) { color:var(--cyan); text-decoration:underline; text-underline-offset:4px; }
.blog-article-copy .button { margin-top:8px; font-size:13px; }
.blog-article-faq.go3d-faq { max-width:1100px; margin:44px auto 0; padding-top:28px; border-top:1px solid #35516a; text-align:left; }
.blog-article-faq h2 { font:600 clamp(23px,2.6vw,32px)/1.25 var(--display); margin-bottom:18px; }
.blog-article-faq details { padding-block:20px; border-bottom:1px solid #35516a; }
.blog-article-faq summary { cursor:pointer; color:var(--white); font-size:18px; line-height:1.5; }
.blog-article-faq details p { margin-top:14px; color:#c4d0dd; font-size:17px; line-height:1.75; }
.blog-article-faq summary:hover { color:var(--cyan); }
.blog-preferred { display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:1100px; margin:0 auto 32px; padding:22px 24px; border:1px solid #35516a; border-radius:5px; background:#0c1621; }
.blog-preferred .eyebrow { margin-bottom:8px; }
.blog-preferred h2 { font:600 24px/1.2 var(--display); margin-bottom:10px; }
.blog-preferred p:not(.eyebrow) { max-width:620px; font-size:14px; }
.blog-preferred-control { flex-shrink:0; max-width:100%; }
.blog-preferred-fallback { display:block; margin-top:10px; color:var(--cyan); font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.blog-article-extras { max-width:950px; margin:40px auto 0; text-align:left; }
.blog-article-extras section { border-top:1px solid #35516a; padding-top:26px; margin-top:30px; }
.blog-article-extras h2 { font:600 23px/1.25 var(--display); margin-bottom:18px; letter-spacing:.02em; }
.blog-references ol { padding-left:22px; }
.blog-references li { padding-left:5px; margin-bottom:18px; }
.blog-references li::marker { color:var(--cyan); }
.blog-references span { display:block; color:var(--muted); font-size:13px; margin-bottom:4px; }
.blog-references a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.blog-related-services,.blog-share,.blog-topic-pills { display:flex; flex-wrap:wrap; gap:10px; }
.blog-related-services a,.blog-share a { display:inline-flex; align-items:center; min-height:44px; padding:10px 15px; border:1px solid #35516a; border-radius:5px; background:#0c1621; color:#cdeaff; font-size:14px; }
.blog-related-services a:hover,.blog-share a:hover { background:#102b42; border-color:var(--cyan); }
.blog-topic-pills { padding:0; list-style:none; }
.blog-topic-pills li { border:1px solid #285f7a; border-radius:20px; padding:5px 11px; background:#0b2333; color:var(--cyan); font-size:12px; overflow-wrap:anywhere; }
@media(max-width:900px) {
  .blog-article-main > .container { width:calc(100% - 48px); }
  .blog-preferred { align-items:flex-start; flex-direction:column; }
}
@media(max-width:600px) {
  .blog-article-main > .container { width:calc(100% - 40px); }
  .blog-article-header h1 { font-size:clamp(28px,7.6vw,38px); }
  .blog-preferred { padding:20px 16px; }
}
@media(max-width:900px) { .blog-feature { grid-template-columns:1fr; } .blog-feature img { max-height:400px; } .blog-feature-copy { padding:28px; } }
@media(max-width:600px) { .blog-main { padding-block:28px 45px; } .blog-breadcrumb { margin-bottom:24px; } .blog-feature-copy { padding:24px 18px; } .blog-topic-grid { grid-template-columns:1fr; gap:0; } .blog-article-copy { font-size:17px; line-height:1.75; } .blog-intro>p:last-child { font-size:16px; } }