/* Round 59 · loaded last by concept-152-scroll59.html only (after desktop-type58.css).
   Membership modal only. modal59.js renders <header><div.intro><h1></div><div.controls><button.close></div></header>
   with no language button. The accepted type sizes stay: h1 36px desktop (32px at max-height:900,
   round 57), 29px phone (mobile29); price 44–48px; supporting text 16px; phone sizes from mobile29.
   Overridden on purpose: .no-eyebrow header (flex-end), .intro margins (modal-embed, mobile29, 57, 58)
   and h1 margins, so the title and × share one vertically centred row. */

/* All widths: one header row. Desktop keeps round 57's sticky header (background paper). */
html body.c152.desktop-type-new .membership-modal header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 16px}
html body.c152.desktop-type-new .membership-modal header>.intro{flex:1 1 auto;min-width:0;margin:0}
html body.c152.desktop-type-new .membership-modal header>.intro h1{margin:0}
html body.c152.desktop-type-new .membership-modal header>.controls{flex:none;align-self:center;margin-right:-10px}
html body.c152.desktop-type-new .membership-modal header .close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;line-height:1}

/* Desktop: less vertical air; type sizes unchanged. Target about 670px at 1920×1080 (was about 880px). */
@media(min-width:701px){
 html body.c152.desktop-type-new .membership-modal.style-3 .content{padding:26px 40px 24px}
 html body.c152.desktop-type-new .membership-modal thead button{padding:12px 8px 14px}
 html body.c152.desktop-type-new .membership-modal thead small{margin-top:4px}
 html body.c152.desktop-type-new .membership-modal tbody th{padding:14px 0}
 html body.c152.desktop-type-new .membership-modal td{padding:14px 6px}
 html body.c152.desktop-type-new .membership-modal .unit{margin-top:4px}
 html body.c152.desktop-type-new .membership-modal .voucher{margin-top:4px;min-height:0}
 html body.c152.desktop-type-new .membership-modal footer{padding-top:16px}
 html body.c152.desktop-type-new .membership-modal .terms p{margin:4px 0 0}
}
/* Short desktop windows: tighter still (replaces round 58's max-height:760 spacing, which the rules above
   would otherwise widen). The dialog still scrolls normally when content exceeds 90dvh. */
@media(min-width:701px) and (max-height:760px){
 html body.c152.desktop-type-new .membership-modal.style-3 .content{padding:16px 28px 16px}
 html body.c152.desktop-type-new .membership-modal header{margin-bottom:10px}
 html body.c152.desktop-type-new .membership-modal thead button{padding:8px 8px 10px}
 html body.c152.desktop-type-new .membership-modal tbody th{padding:10px 0}
 html body.c152.desktop-type-new .membership-modal td{padding:10px 6px}
 html body.c152.desktop-type-new .membership-modal footer{padding-top:12px}
}
/* Phones: the same row, with mobile29's 29px title; the hint and table follow with their own spacing. */
@media(max-width:700px){
 html body.c152.desktop-type-new .membership-modal header{gap:12px;margin-bottom:14px}
 html body.c152.desktop-type-new .membership-modal header>.controls{margin-right:-8px}
}