/* Shared by the live cafe and reusable editor layout; copy stays editable. */
:is(.ao-site,.editor-styles-wrapper) .ao-cafe{gap:36px}
.ao-site .ao-page:has(.ao-cafe){padding-top:24px}
.ao-site .ao-page:has(.ao-cafe) .ao-page-title{margin-bottom:20px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-hero{gap:clamp(24px,3.2vw,44px);align-items:start}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-hero img{height:clamp(360px,36vw,460px);max-height:none;aspect-ratio:auto;object-position:center bottom}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-hero h2{font-size:clamp(32px,3.2vw,48px);line-height:1.12;margin-bottom:18px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe p{margin-bottom:14px;line-height:1.65}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-kicker{margin:0 0 14px;font-size:11px;line-height:1.6}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-links{gap:12px 20px;margin-top:18px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-hero figcaption{margin-top:8px;font-size:20px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-stories{gap:28px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-stories img{height:280px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-stories figcaption{padding-top:18px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-stories h2{font-size:clamp(28px,2.8vw,38px);margin-bottom:14px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-visit{gap:28px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-visit>figure{min-height:360px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-visit-panel{padding:26px}
:is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-hours>div{padding:10px 0}
@media(max-width:900px){
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe{gap:30px}
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-stories img{height:240px}
}
@media(max-width:700px){
 .ao-site .ao-page:has(.ao-cafe){padding-top:18px}
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-hero{gap:20px}
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-hero img{height:340px}
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-stories{gap:28px}
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-stories img{height:280px}
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-visit>figure{min-height:260px}
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-visit-panel{padding:24px}
}
@media(max-width:390px){
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-hero img{height:290px}
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-stories img{height:240px}
 :is(.ao-site,.editor-styles-wrapper) .ao-cafe .ao-cafe-visit-panel{padding:20px}
}