/* Illustrations stay inside the site shell and never style Google CMP. */
:where(.site-shell) .page-hero-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center}
:where(.site-shell) .page-hero-layout>div{min-width:0}
:where(.site-shell) .page-hero-visual{position:relative;margin:0;min-width:0}
:where(.site-shell) .page-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;max-height:340px;object-fit:cover;border-radius:10px}
:where(.site-shell) .page-hero-visual figcaption{position:absolute;bottom:12px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);padding:5px 9px;border-radius:4px;background:rgba(16,45,49,.9);color:#fff;font-size:12px;line-height:1.5}
:where(.site-shell) .guide-preview-photo img{aspect-ratio:16/10}
:where(.site-shell) .illustration-preview{position:relative;margin:0;min-width:0}
:where(.site-shell) .illustration-preview img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
:where(.site-shell) .illustration-preview figcaption{position:absolute;bottom:8px;left:8px;padding:4px 7px;background:rgba(16,45,49,.9);color:#fff;border-radius:3px;font-size:11px;line-height:1.4}
@media(max-width:900px){
 :where(.site-shell) .page-hero-layout{gap:28px}
}
@media(max-width:760px){
 :where(.site-shell) .page-hero-layout{grid-template-columns:1fr;gap:24px}
 :where(.site-shell) .page-hero-visual img{max-height:230px;aspect-ratio:16/9}
}
@media print{
 :where(.site-shell) .page-hero-visual,:where(.site-shell) .guide-preview-photo{display:none}
}