/* Round 58 · loaded last by concept-152-scroll58.html only (after desktop-type57.css). Desktop membership
   modal sizing; type sizes from round 57 are kept. Phones keep mobile29.css.
   Root cause of the extra vertical scroll: .modal-shell is a flex row and the side photograph is an
   in-flow <img> with height:100% inside an auto-height aside. That percentage cannot resolve, so the
   image falls back to its intrinsic aspect ratio (at 24% of the modal width) and its height can exceed
   the content column, stretching the whole dialog. The photograph is now absolutely positioned and
   contributes no height; the content column alone sets the dialog's natural height. */
@media(min-width:701px){
 html body.c152.desktop-type-new .membership-modal{overflow-x:hidden;overflow-y:auto}
 html body.c152.desktop-type-new .membership-modal .modal-shell{align-items:stretch}
 html body.c152.desktop-type-new .membership-modal .visual{position:relative;min-height:0}
 html body.c152.desktop-type-new .membership-modal .visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 /* The table scrolls inside .comparison; its 680px minimum must not widen the content column. */
 html body.c152.desktop-type-new .membership-modal .content{min-width:0}
 /* The selection summary is gone (modal58.js); the terms use the full footer width. */
 html body.c152.desktop-type-new .membership-modal footer{display:block}
 html body.c152.desktop-type-new .membership-modal .terms{max-width:none}
}
/* Very short windows: tighter spacing only; the round 57 type sizes stay. */
@media(min-width:701px) and (max-height:760px){
 html body.c152.desktop-type-new .membership-modal.style-3 .content{padding:18px 28px 20px}
 html body.c152.desktop-type-new .membership-modal .intro{margin:4px 0 12px}
 html body.c152.desktop-type-new .membership-modal thead button{padding:10px 8px}
 html body.c152.desktop-type-new .membership-modal td{padding:12px 6px}
 html body.c152.desktop-type-new .membership-modal tbody th{padding:12px 0}
 html body.c152.desktop-type-new .membership-modal footer{padding-top:14px}
 html body.c152.desktop-type-new .membership-modal .terms p{margin:4px 0 0}
}