/* V41: compact controls and consistent responsive scrolling. */
:root{--control-size:38px;--page-gutter:clamp(16px,3vw,32px)}
html{scroll-padding-top:80px}
@supports(overflow:clip){html,body{overflow-x:clip}}
body{font-size:14px;line-height:1.5}
.page,.library,.analytics-page,.organize-page,.settings-page,.creator-body{padding-inline:var(--page-gutter)}
.page,.library,.analytics-page,.organize-page,.settings-page{max-width:1440px}
.primary,.secondary,.home-button,.home-plan-button,.auth-google,.auth-submit{box-sizing:border-box;min-height:var(--control-size);height:auto;line-height:1.35;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;padding:8px 14px;border-radius:8px}
.secondary{font-size:13px!important;padding:8px 12px!important}
.home-button.small{min-height:38px;padding:8px 13px;font-size:13px}
.auth-google,.auth-submit{min-height:44px;width:100%}
.home-plan-grid .home-button,.home-plan-button{height:auto;min-height:42px;padding:9px 12px}
.side nav a,.side-bottom>a{height:auto;min-height:38px;padding:8px 10px;font-size:14px;line-height:1.35}
.side{overscroll-behavior-y:contain;scrollbar-width:thin}
.side .workspace{margin-block:14px}
.shell main>header{gap:10px;min-height:64px;height:auto;padding-block:10px}
.crumb{min-width:0;overflow-wrap:anywhere}
.actions{flex-shrink:0;align-items:center}
.card-actions a,.card-actions button,.organize-tabs button,.admin-tabs button,.admin-tabs a,.tag-picker button,.create-tags button{min-height:36px;padding:7px 11px;font-size:13px;line-height:1.35}
.card-actions{gap:8px}
.admin-tabs,.organize-tabs,.analytics-controls{flex-wrap:wrap;gap:8px}
.admin-tabs button,.admin-tabs a{flex:0 1 auto}
.phead,.heading,.card-title,.domain-list article>div{flex-wrap:wrap}
.lib-toolbar>*,.field-row>*,.kind-grid>*,.account-grid>*,.checkout-plan>*,.organizer-card>*{min-width:0}
.kind-grid button{padding:11px;gap:9px}
.kind-grid button b,.type-toggle b{font-size:14px}
.kind-grid button small,.type-toggle small{font-size:12px;line-height:1.4}
.creator .steps:before{display:none}
.creator .live{scrollbar-width:thin}
.edit-modal{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;max-width:calc(100vw - 32px)}
.recent{overscroll-behavior-x:contain;scrollbar-width:thin}
.home-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:20px}
.home-plan-grid article{min-width:0;padding:26px 20px}
.home-plan-grid strong{font-size:30px}
.home-actions{gap:12px}
@media(min-width:1025px){.creator-body{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.creator .live{position:sticky!important;top:20px!important;max-height:calc(100dvh - 40px)}}
@media(max-width:1024px){.creator-body{grid-template-columns:minmax(0,1fr);max-width:780px}.creator .live{position:static!important;max-height:none;overflow:visible}.organizer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-plan-grid article.featured{transform:none}}
@media(max-width:950px){.side nav a,.side-bottom>a{min-height:44px}.shell main>header{padding-inline:16px}.home-nav{gap:12px}}
@media(max-width:700px){
 :root{--control-size:40px}
 .page,.library,.analytics-page,.organize-page,.settings-page,.creator-body{padding:22px 16px}
 .settings-page>header .primary,.library>header .primary,.organize-page>header .primary{align-self:flex-start;width:auto;max-width:100%}
 .actions .primary{font-size:13px;padding:8px 11px}
 .primary,.secondary{min-height:40px}
 .heading h1,.library h1,.settings-page h1,.organize-page h1,.analytics-page h1,.creator .editor>h1{font-size:26px;line-height:1.2}
 .heading p,.library header p,.settings-page>header p,.organize-page>header p,.analytics-page>header p,.creator .editor>p{font-size:14px;line-height:1.5}
 .form-card label{font-size:14px}
 .field-row,.organizer-grid{grid-template-columns:minmax(0,1fr)}
 .kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kind-grid button{align-items:flex-start;flex-direction:column}
 .creator>header{gap:10px;padding:10px 16px;min-height:60px}
 .creator>header>.primary{font-size:13px}
 .live{padding:16px}.qr-stage{margin:16px auto;padding:18px}
 .export button{min-height:40px;padding:8px 10px}
 .card-actions a,.card-actions button{min-height:40px;display:inline-flex;align-items:center}
 .admin-tabs button,.admin-tabs a{flex:0 1 auto;min-height:40px}
 .home-nav{padding:12px 16px;justify-content:space-between}
 .home-actions{gap:8px}.home-button.small{font-size:12px;padding:8px 10px}
 .home-login{font-size:13px}
 .hero-actions{gap:16px}.hero-actions .home-button{width:auto;max-width:100%;min-height:44px}
 .home-plan-grid{grid-template-columns:minmax(0,1fr);max-width:520px}
 .home-plan-grid article.featured{margin-block:10px}
 .auth-content{padding-inline:20px}
 .account-form button{width:auto;min-width:0;max-width:100%}
 .checkout-grid{width:calc(100% - 32px)}
 .checkout-main,.checkout-summary{min-width:0;padding:20px 16px}
 .modal-actions{flex-wrap:wrap;gap:8px}
}
@media(pointer:coarse){.primary,.secondary,.card-actions a,.card-actions button,.organize-tabs button,.admin-tabs button,.admin-tabs a,.tag-picker button,.create-tags button,.home-button.small{min-height:44px}}
@media(max-width:380px){.home-actions{flex-wrap:wrap;justify-content:flex-end}.home-nav{justify-content:center}.creator>header{padding-inline:12px}.kind-grid{grid-template-columns:minmax(0,1fr)}}
@media print{.creator .live{position:static!important;max-height:none;overflow:visible}}