/* Shared navigation, scoped to avoid styling content headers. */
body .bc-header{position:relative;top:auto;background:#fff;border-bottom:1px solid #dce2e9;z-index:10}
body .bc-nav{max-width:1240px;margin:auto;padding:20px 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;box-sizing:border-box}
body .bc-brand{display:flex;align-items:center;gap:10px;color:#172335;font:750 20px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.6px;text-decoration:none;white-space:nowrap}
body .bc-mark{display:grid;place-items:center;width:40px;height:40px;box-sizing:border-box;border:1px solid #b94716;border-radius:9px;color:#b94716;font:700 20px monospace}
body .bc-accent{color:#b94716}
body .bc-links{display:flex;gap:28px;align-items:center;margin-left:auto}
body .bc-links a{font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#374151;text-decoration:none;padding:10px 0}
body .bc-links a:hover{color:#9a3a12;text-decoration:underline}
body .bc-links .bc-contact{padding:9px 14px;border:1px solid #d7dee7;border-radius:6px}
body .bc-toggle{display:none}
body .bc-toggle[hidden]{display:none!important}
body .bc-nav a:focus-visible,body .bc-toggle:focus-visible{outline:2px solid #b94716;outline-offset:4px}
.bc-home .art img.bc-cover-image,.bc-inner .bc-cover img.bc-cover-image{display:block;width:100%;height:100%;object-fit:contain;background:#eef2f6}
.bc-home .art:has(img):before{display:none}
.bc-home .art:has(img){padding:0}
.bc-home .art{min-width:0}
.bc-home .art .glyph{font-size:clamp(22px,3vw,32px);overflow-wrap:anywhere;text-align:center}
.bc-resource-intro{color:#596579;font-size:16px;max-width:700px}
.bc-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.bc-resource-grid a{padding:24px;border:1px solid #dde2e8;border-radius:9px;background:#fff;text-decoration:none;display:flex;flex-direction:column;gap:12px}
.bc-resource-grid strong{font-size:18px;color:#172335}.bc-resource-grid span{font-size:15px;line-height:1.7;color:#455268}
.bc-resource-grid a:hover{border-color:#b94716}
.bc-home .sectiontop{gap:24px}.bc-home .sectiontop>div{min-width:0}.bc-home .sectiontop .search{min-width:0;width:320px;flex-shrink:0;box-sizing:border-box}.bc-home .search input{min-width:0}
.bc-home .filters a{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}
.bc-inner .bc-card-meta{flex-wrap:wrap}
@media(max-width:950px){.bc-home .hero{grid-template-columns:1fr;gap:36px}.bc-home .hero .diagram{max-width:580px;width:100%}.bc-home .sectiontop{align-items:stretch;flex-direction:column}.bc-home .sectiontop .search{width:100%;max-width:520px}.bc-resource-grid{grid-template-columns:1fr}}
@media(max-width:900px){
 body .bc-nav{padding:18px 20px;gap:16px}
 body .bc-nav .bc-toggle:not([hidden]){display:block;margin-left:auto;padding:8px 12px;min-width:44px;min-height:44px;border:1px solid #d7dee7;border-radius:6px;background:#fff;color:#172335;font-size:20px;line-height:1}
 body .bc-nav:has(.bc-toggle:not([hidden])) .bc-links{display:none}
 body .bc-nav:has(.bc-toggle:not([hidden])) .bc-links.is-open{display:flex}
 body .bc-nav .bc-links{width:100%;flex-direction:column;align-items:stretch;margin:0;gap:4px}
 body .bc-nav .bc-links a{padding:12px;min-height:44px;box-sizing:border-box}
}
@media(max-width:650px){body .bc-brand{font-size:18px;gap:8px}.bc-home .hero h1{font-size:clamp(32px,8.5vw,39px);line-height:1.15;letter-spacing:-1px}.bc-home .hero h1 br{display:none}.bc-home .hero h1 span{display:block}.bc-home .actions{flex-wrap:wrap;gap:16px}.bc-home .topicstrip{flex-wrap:wrap;gap:12px 20px}.bc-home .diagram-bottom{flex-wrap:wrap}.bc-home .cardfoot{flex-wrap:wrap;gap:8px}.bc-home .cardfoot a{display:inline-block;padding:8px 0;min-height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.bc-home .card{transition:none}.bc-home .card:hover{transform:none}}

.admin-bar.bc-home .bc-header{position:relative;top:auto}

/* Dedicated 16:9 article illustrations; keep screenshots fully visible. */
.bc-home .art img.bc-editorial-cover,.bc-inner .bc-cover img.bc-editorial-cover{object-fit:cover;}

.bc-home .art,.bc-inner .bc-cover{aspect-ratio:16/9;height:auto;min-height:0;}
.bc-home .art::before{content:none;}

/* FortiSASE article cover, in addition to listing cards. */
.bc-sase-hero{margin:0 0 28px;overflow:hidden;border-radius:16px;background:#f1f7fb}
.bc-sase-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}