/* Shared refinements for home, guide and operator pages. */
.responsive-image{display:contents}
.hero-note,.eyebrow,.site-footer p{color:#535d77}
.hero-note{font-size:12px}
.site-footer nav{flex-wrap:wrap;justify-content:center}
.site-identity{font-size:13px;line-height:1.6;margin-top:22px}
.site-identity a{text-decoration:underline;text-underline-offset:3px;display:inline-flex;min-height:44px;align-items:center}
.brand{flex-shrink:0;min-height:44px}
.desktop-nav{gap:22px;min-width:0;white-space:nowrap}
.guide-header-nav{display:flex;flex-wrap:wrap;gap:0 12px}
.about-page .guide-section{max-width:830px}
.about-page .guide-section p+p{margin-top:16px}
.about-page .guide-section a{color:var(--purple);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1099px){
  .site-header .header-inner,.localized .site-header .header-inner{display:flex;height:auto;min-height:76px;gap:12px;padding-block:10px}
  .desktop-nav,.header-cta{display:none}
  .site-header .menu-toggle{display:block;flex:0 0 44px;width:44px;height:44px}
  .language-picker{margin-left:auto}
  .mobile-nav:not([hidden]){display:flex;flex-direction:column;padding-bottom:14px;gap:4px}
  .mobile-nav a,.mobile-nav button{display:flex;align-items:center;min-height:44px;padding:8px 12px}
  .guide-page .header-inner{flex-wrap:wrap}
  .guide-page .guide-header-nav{order:3;flex-basis:100%}
  .site-header .brand{font-size:22px;gap:8px;letter-spacing:-.6px}
  .site-header .brand img{width:32px;height:32px}
}
@media(min-width:1100px){.mobile-nav{display:none!important}.menu-toggle{display:none!important}.header-inner{gap:22px}.header-cta{display:none}}
@media(max-width:389px){
  .site-header .header-inner,.localized .site-header .header-inner{gap:8px}
  .site-header .brand{font-size:18px;gap:6px;letter-spacing:-.5px}
  .site-header .brand img{width:26px;height:26px}
  .language-picker summary{font-size:12px;padding-inline:8px;gap:5px;max-width:110px}
  .guide-page .language-picker{max-width:140px}
  .hero-note{font-size:12px;letter-spacing:1px}
}
.guide-output-frame { margin: 24px 0; max-width: 360px; }
.guide-output-frame img { width: 100%; height: auto; border-radius: 16px; }
.guide-output-frame figcaption { font-size: 14px; line-height: 1.6; color: #535d77; margin-top: 12px; }
.guide-output-proof { border-top: 1px solid #ded8ef; padding-top: 28px; }