/* site-opt v1: CLS + mobile compact */
#app main.flex-1{min-height:100vh}
#app main.flex-1 > .home-page{min-height:100vh}
#featured{min-height:100vh}
#featured .aspect-\[4\/3\] img{width:100%;height:100%;aspect-ratio:4/3}
nav img.h-8{width:32px;height:32px}
/* reserve space for the GPT card injected later by theme JS */
.home-page:has(> #featured):not(:has(> .xx-gpt-top))::before{content:"";display:block;height:var(--xxgpt-h)}
.home-page:not(:has(> .xx-gpt-top)) > #featured{padding-top:2rem!important}
.home-page .xx-gpt:not(.xx-gpt-top){display:none}
.home-page > .xx-gpt-top + #featured{padding-top:2rem!important}
.home-page > .xx-gpt{box-sizing:border-box;height:var(--xxgpt-h);overflow:hidden;padding-top:var(--xxgpt-pt)!important}
:root{--xxgpt-pt:8.5rem;--xxgpt-h:476px}
@media (min-width:641px){.home-page > .xx-gpt{height:auto;min-height:var(--xxgpt-h)}}
@media (max-width:640px){
 
 :root{--xxgpt-h:300px;--xxgpt-pt:72px}
 .xx-gpt{padding-bottom:8px!important;margin:0!important}
 .xx-gpt-card{padding:12px 14px!important;border-radius:14px}
 .xx-gpt-head{margin-bottom:6px!important}
 .xx-gpt-ico{width:28px!important;height:28px!important}
 .xx-gpt-title{font-size:16px!important;line-height:1.3!important}
 .xx-gpt-sub{font-size:11px!important}
 .xx-gpt-body{gap:6px!important;display:block!important}
 .xx-gpt-lab{font-size:12px!important;margin:2px 0!important}
 .xx-gpt-last{font-size:18px!important;line-height:1.3!important;margin:0 0 4px!important}
 .xx-gpt-tiles{transform:scale(.85);transform-origin:left top;margin-bottom:-8px!important}
 .xx-gpt-note{font-size:11px!important}
 .xx-gpt-side{display:none!important}

}