/* #143 layout fixes in the original style: no overlaps, 12px+ gaps, nothing touching an edge or clipped. */
.card-stack.is-single{padding-top:0}
.home-intro + .card-peek + .card-stack.is-single{margin-top:0}
details.my-card-style{margin:16px 0}
:is(.card-stack,.my-card-style) + .show-card{margin-top:0;padding:0 18px;border:1px solid var(--cc-divider);border-radius:20px;background:var(--cc-card)}
.show-card + .wallet-actions,.qr-card + .wallet-actions{margin-top:20px}
body[data-role] footer,footer{justify-content:flex-end;column-gap:16px;row-gap:12px}
footer:before{margin-right:auto}
footer .footer-actions{margin-left:0}
footer nav{display:flex;gap:12px}
body:has(#nav a) footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
.back-link{display:inline-flex;align-items:center;min-height:44px;margin-top:max(12px,env(safe-area-inset-top))}
.plan-list{display:grid;gap:12px;padding-top:16px}
.plan-list > .plan-tile{margin:0}
.table-wrap table{min-width:600px}
.table-wrap th{white-space:nowrap}
.style-grid{gap:12px}
.table-wrap td .tiny{overflow-wrap:normal;word-break:normal}
body[data-role=welcome] #initial-auth .signin-note{margin:12px 0 14px}
@media (max-width:420px){
 body[data-role=welcome] .welcome-scene{max-width:236px;margin:0 auto}
 body[data-role=welcome] .welcome-story{margin:0 0 4px}
 body[data-role=welcome] .welcome-story h1{font-size:30px;margin:0 0 2px}
 body[data-role=welcome] .welcome-story h1 br{display:none}
 body[data-role=welcome] .welcome-story .sub{font-size:14px;line-height:1.3;margin:0}
 body[data-role=welcome] .signin-peek{width:52px;margin:0 26px -10px auto}
 body[data-role=welcome] #initial-auth{padding:14px 16px}
 body[data-role=welcome] #initial-auth :is(.btn,.provider-button){min-height:46px;margin-top:0}
 body[data-role=welcome] #initial-auth .signin-note{font-size:12px;line-height:1.35;margin:12px 0}
 body[data-role=welcome] #initial-auth label{margin-top:0}
 body[data-role=welcome] #initial-auth input{min-height:44px;height:44px;margin-bottom:12px}
 body[data-role=welcome] #initial-auth :is(.signin-divider,.signin-footer,.tiny){margin:12px 0;font-size:12.5px}
 body[data-role=welcome] #initial-auth .provider-button + .provider-button{margin-top:12px}
 .offered-choices .style-grid{grid-template-columns:1fr}
}
#passkey-signin-result:empty{display:none}
main a.text-btn[href="#overview"]{display:inline-flex;align-items:center;min-height:44px;margin:12px 0}
.wallet-actions,.actions,form.lookup{gap:12px}
body:not([data-role=customer]) header #nav{gap:12px}
body:not([data-role=customer]):not([data-role=welcome]) footer>span:first-child{flex-basis:100%;text-align:center}
/* #144 card text is never cut short: the subtitle and the member line wrap inside the text column, clear of the art. */
.club-card :is(.card-plan,.card-holder,.card-brand){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.club-card .card-plan{max-width:42cqw}
.club-card.loyalty-card .card-foot{grid-auto-flow:row;gap:0.8cqw}