/* Full-width artwork with readable content and no viewport-width overflow. */
.page>.skip-link{position:fixed;inset-block-start:0;inset-inline-start:16px;inset-inline-end:auto;max-width:calc(100vw - 32px);transform:translateY(calc(-100% - 12px));padding:12px 18px;background:#17343a;color:#fff;z-index:1000;border-radius:0 0 10px 10px;white-space:normal}
.page>.skip-link:focus-visible{transform:translateY(0);inset-block-start:8px}
.page>.skip-link:not(:focus-visible){clip-path:inset(100%);pointer-events:none}
.page{--site-gutter:clamp(16px,4vw,64px);max-width:none;width:100%;padding:0 var(--site-gutter)}
.page .arabian-home{max-width:none}
.page .arabian-hero,.page .subpage-hero{margin-inline:calc(-1 * var(--site-gutter));border-radius:0}
.page .arabian-hero>.hero-topbar,.page .subpage-hero>.hero-topbar{padding-inline:var(--site-gutter)}
.page>.topbar{margin-inline:calc(-1 * var(--site-gutter));padding:14px var(--site-gutter);background:linear-gradient(#fff9eac7,#fff9eab0),url('../themes/arabian/hero-v1-14.webp') center 30%/cover;border:0}
.page>.site-footer{margin-inline:calc(-1 * var(--site-gutter));padding-inline:var(--site-gutter);background:#f2e2c5}
.page>main:not(.arabian-home){max-width:1440px;margin-inline:auto}
.home-layout-slot{min-width:0;width:100%}
.home-access-qr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}
.home-access-qr>.home-access-choices{min-width:0}
.home-qr-mount:empty{display:none}.home-qr-mount{max-width:210px;min-width:0}
.home-qr-mount img,.home-qr-mount canvas,.home-qr-mount svg{display:block;max-width:100%;height:auto}
.home-extra-panel{max-width:1160px;margin:24px auto;padding:24px;border:1px solid #dec69a;border-radius:20px;background:#fff6e4;color:#173e31}
.home-extra-panel:empty{display:none}.home-coloring{display:flex;align-items:center;gap:28px;background:linear-gradient(120deg,#fff9e9,#f3eddd)}
.home-coloring h2{margin:8px 0;font-size:26px}.home-coloring p{line-height:1.8;font-size:14px}.coloring-preview{flex:0 0 160px;display:grid;place-items:center}
.page .site-footer nav{gap:10px;display:flex;flex-wrap:wrap;justify-content:center}
.page .site-footer nav .footer-icon-link{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:48px;min-height:48px;padding:7px 10px;border:1px solid #d6c398;border-radius:12px;background:#fff6e5;color:#24543d;position:relative}
.footer-icon-link .header-icon{width:23px;height:23px}.footer-icon-caption{font-size:10px;line-height:1.3;max-width:100px;overflow-wrap:anywhere}
.footer-icon-tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#173e31;color:#fff9eb;padding:6px 9px;font-size:11px;border-radius:7px;white-space:nowrap;pointer-events:none;opacity:0;z-index:4}
.footer-icon-link:hover .footer-icon-tooltip,.footer-icon-link:focus-visible .footer-icon-tooltip{opacity:1}
.page .site-footer nav .footer-icon-link:hover{text-decoration:none;background:#ead6af}
@media(min-width:1500px){.page .hero-topbar{padding-inline:max(var(--site-gutter),calc((100% - 1440px)/2))}.page>.site-footer{padding-inline:max(var(--site-gutter),calc((100% - 1440px)/2))}}
@media(max-width:680px){
 .page{--site-gutter:16px}
 .page #mainContent .arabian-hero{margin-top:0;min-height:clamp(540px,155vw,740px);background:#e9d2a8}
 .page #mainContent .arabian-hero-art{inset:0;height:100%;width:100%}
 .page #mainContent .arabian-hero-art:before{content:none}
 .page #mainContent .arabian-hero-art img{object-position:center bottom;object-fit:cover}
 .page #mainContent .arabian-hero-copy{padding:8px 18px 16px;background:linear-gradient(#fff4dade,#fff4da96 75%,transparent);max-width:100%}
 .page #mainContent .arabian-hero h1{line-height:1.5;margin:4px auto;font-size:clamp(27px,7vw,36px);letter-spacing:0;max-width:100%}
 .page #mainContent .arabian-hero-copy p{font-size:12px;line-height:1.8;max-width:380px}
 .page .arabian-hero>.hero-topbar,.page .subpage-hero>.hero-topbar{padding:8px 12px 4px;gap:6px;background:linear-gradient(#fff5e0d9,#fff5e0a3)}
 .page .topbar>.site-nav,.page .topbar>.header-actions{width:auto;gap:5px;margin:0;justify-content:center}
 .page .topbar>.header-actions{margin-inline-start:auto}
 .home-access-qr{grid-template-columns:minmax(0,1fr);gap:8px}.home-qr-mount{justify-self:center;width:100%;max-width:280px}
 .home-coloring{gap:12px;padding:18px;align-items:flex-start}.coloring-preview{flex-basis:82px}.coloring-preview svg{width:82px;height:auto}.home-coloring h2{font-size:22px}.home-coloring .btn{padding:12px 16px;font-size:12px}
 .page .site-footer nav{display:flex;gap:8px}.page .site-footer nav .footer-icon-link{min-width:48px;max-width:100px}
}
@media(prefers-reduced-motion:reduce){.footer-icon-tooltip{transition:none}}