/* Locally hosted editorial artwork and official brand assets. */
.editorial-cover{display:block;margin:0 0 30px;overflow:hidden;border:1px solid var(--line);background:#e8e4da;position:relative}
.editorial-cover img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;max-width:100%;border-radius:0;margin:0}
.editorial-cover--card{margin:0;border:0;border-bottom:1px solid var(--line)}
.editorial-cover--card img{aspect-ratio:16/9}
.hero-with-media{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,60px)}
.hero-with-media>.hero-media-copy{min-width:0}
.hero-with-media h1{font-size:clamp(1.8rem,3.1vw,2.8rem);line-height:1.4}
.hero-with-media h1 bdi{display:inline-block;white-space:nowrap}
@media(max-width:380px){.hero-with-media h1 bdi{font-size:.82em}}
.nav,.nav.scrolled,:root[data-theme="light"] .nav,:root[data-theme="light"] .nav.scrolled{background:var(--bg)}
.editorial-cover--hero{margin:0;min-width:0;box-shadow:10px 10px 0 var(--accent-soft)}
.editorial-cover--hero img{aspect-ratio:5/4}
.bb-mark,.pmark{background:#fff!important;border-color:#d9dfdd!important}
.bb-mark img,.pmark img{width:100%;height:100%;object-fit:contain!important;padding:3px;filter:none!important}
.tool-logo{width:80px;height:80px;background:#fff;border-color:#d9dfdd}
.tool-logo img{width:88%;height:88%;object-fit:contain;filter:none!important}
.tool-card-logo{display:inline-block;flex:none;width:44px;height:44px;object-fit:contain;background:#fff;border:1px solid #d9dfdd;padding:5px;vertical-align:middle;margin-inline-end:10px}
.wiki-doc .editorial-cover img{aspect-ratio:2/1}
.blog-featured .editorial-cover{margin:0;min-width:0;border:0}
.blog-featured .editorial-cover::after{display:none!important}
.blog-featured .editorial-cover img{height:100%;min-height:360px;aspect-ratio:auto;object-fit:cover}
.page-hero h1.is-glitching,.section-head h2.is-glitching{animation:none!important}
@media(max-width:860px){.blog-featured .editorial-cover img{min-height:0;aspect-ratio:16/9;height:auto}}
@media(max-width:900px){.hero-with-media{grid-template-columns:minmax(0,1fr);gap:28px}.editorial-cover--hero{max-width:640px;width:100%;justify-self:center}.editorial-cover--hero img{aspect-ratio:16/9}.hero-with-media h1{font-size:clamp(1.8rem,5.5vw,3rem)}}
@media(max-width:520px){.editorial-cover{margin-bottom:24px}.editorial-cover--card,.editorial-cover--hero{margin-bottom:0}.tool-logo{width:64px;height:64px}.tool-card-logo{width:36px;height:36px}.hero-with-media{gap:22px}}