/* Shared navigation: equal side columns keep the links at the page centre. */
header.guide-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
header.guide-header>nav{grid-column:2;grid-row:1;justify-self:center;flex-wrap:nowrap}
header.guide-header .guide-actions{display:flex;grid-column:3;grid-row:1;justify-self:end;gap:12px}
header.guide-header .guide-languages{gap:12px}
header.guide-header .guide-mobile-menu{display:none}
@media(max-width:1100px){
 header.guide-header{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:82px;padding-block:6px}
 header.guide-header>a{min-width:0}
 header.guide-header img{width:210px}
 header.guide-header>nav{display:none}
 header.guide-header .guide-actions{grid-column:2;gap:12px}
 header.guide-header .guide-mobile-menu{display:block}
 header.guide-header .guide-mobile-menu summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #d2bb9044;border-radius:6px;cursor:pointer;font-size:14px;list-style:none;color:#efdbb6}
 header.guide-header .guide-mobile-menu summary::-webkit-details-marker{display:none}
 header.guide-header .guide-mobile-menu>nav{display:none}
 header.guide-header .guide-mobile-menu[open]>nav{display:flex;position:absolute;top:calc(100% + 8px);left:4%;right:4%;padding:16px 20px;gap:8px;flex-direction:column;align-items:center;max-height:calc(100dvh - 150px);overflow-y:auto;background:#09131dfc;border:1px solid #d2bb9055;border-radius:8px;box-shadow:0 15px 30px #0006}
 header.guide-header .guide-mobile-menu>nav a{justify-content:center;text-align:center;min-height:44px;width:100%;font-size:20px}
 header.guide-header .guide-mobile-menu summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
}
@media(max-width:700px){header.guide-header img{width:150px}header.guide-header .guide-actions{gap:6px}header.guide-header .guide-languages{gap:4px}header.guide-header .guide-mobile-menu summary{padding:8px 10px}}
@media(max-width:360px){header.guide-header img{width:110px}header.guide-header .guide-actions{gap:4px}header.guide-header .guide-mobile-menu summary{padding:8px 7px}}
/* Leave room for the sticky header and avoid filtered-layer clipping on tablets. */
.client-space{scroll-margin-top:112px;overflow:visible}
.client-space-preview{padding:8px}
@media(max-width:1100px){.client-space{grid-template-columns:minmax(0,1fr);max-width:700px}.client-space-copy{max-width:none}.client-space-preview{max-width:480px}}
/* Discourage ordinary saving/dragging without disabling links or text selection. */
img,svg,video,canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
a:has(>img),a:has(>picture),a:has(>svg){-webkit-touch-callout:none}
/* Secondary guides: retain every feature and device preview in a tighter layout. */
@media(max-width:1100px){
 .guide-header~main .client-space{width:100%;max-width:none;margin:28px auto;padding:22px;gap:20px}
 .guide-header~main .client-space-copy{max-width:none}
 .guide-header~main .client-space h2{font-size:32px;margin-bottom:10px}
 .guide-header~main .client-space-lead{margin-bottom:16px}
 .guide-header~main .client-space-features{gap:12px 14px}
 .guide-header~main .client-space h3{font-size:12px;margin-bottom:4px}
 .guide-header~main .client-space-features p{font-size:12px;line-height:1.5}
 .guide-header~main .client-space-actions{margin-top:16px;gap:6px 12px}
 .guide-header~main .client-space-preview{width:100%;max-width:320px;margin:0;padding:6px}
 .guide-header~main .client-devices{gap:10px;padding-top:0}
 .guide-header~main .client-preview-caption{margin-top:8px}
 .guide-regions-single{gap:18px;padding-top:28px}
 .guide-regions-single .region-marks-single{max-width:none;width:100%}
 .guide-regions-single .tourism-office{flex-direction:row;gap:14px;padding:12px 16px;text-align:left}
 .guide-regions-single .tourism-office .official-mark{flex:none;width:88px;height:80px;padding:0}
 .guide-regions-single .tourism-office img{max-height:80px}
 .guide-regions-single .tourism-office-label{flex:1;justify-content:space-between;min-width:0;text-align:left}
}
@media(min-width:761px) and (max-width:1100px){
 .guide-header~main .client-space{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}
}
@media(max-width:760px){
 .guide-header~main .client-space{grid-template-columns:minmax(0,1fr);padding:18px;gap:16px;margin:24px auto}
 .guide-header~main .client-space h2{font-size:30px}
 .guide-header~main .client-space-preview{max-width:290px}
 .guide-header~main .client-space-features{gap:12px 10px}
 .guide-header~main .client-space-lead{font-size:13px;line-height:1.6}
 .guide-header~main .client-preview-caption{font-size:10px}
}
@media(max-width:650px){
 .guide-regions-single .tourism-office{gap:12px;padding:10px 12px}
 .guide-regions-single .tourism-office .official-mark{width:72px;height:72px}
 .guide-regions-single .tourism-office img{max-height:72px}
 .guide-contact-links .guide-contact-detail{padding:6px 10px;font-size:13px;gap:8px}
}
