/* Guides editorial assets only; this stylesheet is loaded on Guides pages. */
.guide-grid > .guide-card { padding:0; gap:0; overflow:hidden; display:flex; flex-direction:column; }
.guide-grid > .guide-card > .guide-cover { display:block; flex:none; width:100%; aspect-ratio:16/9; overflow:hidden; }
.guide-grid > .guide-card > .guide-cover > img { display:block; width:100%; height:100%; object-fit:cover; mix-blend-mode:normal; }
.guide-grid > .guide-card > .guide-body { display:flex; flex:1; min-width:0; flex-direction:column; }
.guide-article-body .prose-fig { margin:20px 0 28px; padding:0; overflow:hidden; border:1px solid var(--line,#cbd7e2); border-radius:12px; background:var(--bg-soft,#fff); }
.guide-article-body .prose-fig img { display:block; width:100%; height:auto; border:0; border-radius:0; mix-blend-mode:normal; }
.guide-article-body .prose-fig figcaption { margin:0; padding:13px 18px 15px; text-align:start; font-size:13.5px; line-height:1.65; }
.guide-article-body .guide-figure-link { display:block; cursor:zoom-in; }
.guide-article-body .guide-figure-link:focus-visible { outline:3px solid var(--azure,#1764ce); outline-offset:-3px; }
@media(max-width:640px) { .guide-article-body .prose-fig figcaption { padding:11px 13px; } }

/* Keep the existing search, language and menu controls within Guides mobile headers. */
@media(max-width:640px) {
 .site-header .header-inner { gap:8px; }
 .site-header .header-actions { gap:6px; flex-shrink:0; }
 .site-header .logo { gap:6px; font-size:20px; }
 .site-header .lang-btn { gap:5px; padding:9px 8px; max-width:126px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}
@media(max-width:360px) { .site-header .logo > span:last-child { display:none; } }

/* Closed off-canvas menus must not create scrollable width or focus targets. */
@media(max-width:900px) {
 .site-header .main-nav { width:min(340px,86vw); justify-content:flex-start; }
 .site-header .main-nav:not(.open) { display:none; }
 .site-header .main-nav.open { display:flex; }
}