/* Small-screen refinements; preserve the approved Loop family layout. */
.modal [hidden]{display:none!important}
.nav .signin{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:none}
.modal .cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;text-align:center;line-height:1.4}
.modal input:not([type=checkbox]),.modal textarea,.modal select{font-size:16px;min-height:44px;max-width:100%}
.modal .dialog{overflow-wrap:anywhere}
.modal .close{min-width:44px;min-height:44px;right:10px;top:10px}
.modal .dialog h2{padding-right:22px}
.modal .status .cta{margin-top:18px;min-height:48px;display:flex;width:100%;text-decoration:none}
body:has(.modal:not([hidden])){overflow:hidden}
@media(max-width:500px){.nav .signin{display:inline-flex!important;padding:10px 14px;font-size:14px}.navin{gap:12px}.modal{padding:12px}.modal .dialog{padding:28px 20px;max-height:calc(100dvh - 24px)}.hero h1{font-size:clamp(2.5rem,12vw,3.0625rem)}.hero-foot span{font-size:12px}.floating{font-size:12px}.adult-note{font-size:14px}.loop-family-inner a{min-height:44px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Member location opt-in: approved red, black and white palette. */
.member-app .location-panel{margin:0 0 24px;border:1px solid #000000;background:#FFFFFF;color:#000000;scroll-margin-top:150px}
.member-app .location-panel[hidden],.member-app .location-panel [hidden]{display:none!important}
.member-app .location-panel p{max-width:68ch;line-height:1.6;overflow-wrap:anywhere}
.member-app .location-consent{display:flex;align-items:flex-start;gap:12px;max-width:68ch;line-height:1.5;cursor:pointer;padding:8px 0}
.member-app .location-consent input{flex:none;width:22px;height:22px;min-height:22px;margin:1px 0 0;accent-color:#D60000}
.member-app .location-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.member-app .location-actions :is(button,a){min-height:44px;max-width:100%;white-space:normal}
.member-app .location-panel :is(button,input,a):focus-visible{outline:3px solid #AA0000;outline-offset:4px}
.member-app .location-panel button:disabled{border-style:dashed;cursor:not-allowed}
.member-app #location-status{margin-bottom:0;min-height:1.6em}
@media(max-width:500px){.member-app .location-actions{align-items:stretch;flex-direction:column}.member-app .location-actions button{width:100%}}