/* Compact Family & Friends presentation; existing form and eligibility are unchanged. */
html body #main#main#main#main .ccs-family-focus{margin:28px auto!important}
html body #main#main#main#main .ccs-family-focus .ccs-lounge-stage{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:0;align-items:center;gap:0}
html body #main#main#main#main .ccs-family-focus .ccs-lounge-copy{padding:clamp(26px,3.6vw,48px);min-width:0}
html body #main#main#main#main .ccs-family-focus h2{font-size:clamp(32px,3.1vw,46px)!important;line-height:1.12!important;margin:12px 0 16px!important}
html body #main#main#main#main .ccs-family-focus .ccs-lounge-lead{font-size:17px!important;line-height:1.6!important;margin:0 0 18px!important}
html body #main#main#main#main .ccs-family-focus .ccs-lounge-price{margin:18px 0;padding:17px 0;gap:12px 18px}
html body #main#main#main#main .ccs-family-focus .ccs-lounge-price strong{font-size:clamp(58px,5.4vw,76px)!important}
html body #main#main#main#main .ccs-family-focus .ccs-lounge-price span{font-size:14px!important;line-height:1.6!important}
html body #main#main#main#main .ccs-family-focus .ccs-lounge-detail{font-size:16px!important;line-height:1.65!important;margin:0 0 14px!important}
html body #main#main#main#main .ccs-family-focus .sp-family-details{margin:0 0 16px!important;gap:8px;flex-wrap:wrap}
html body #main#main#main#main .ccs-family-specialist{color:#ead6c4!important;font-size:15px!important;line-height:1.65!important;margin:0 0 22px!important}
html body #main#main#main#main .ccs-family-specialist strong{color:#ffe0a8!important}
html body #main#main#main#main .ccs-family-actions{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap}
html body #main#main#main#main .ccs-family-actions .ccs-lounge-text-link{margin:0!important;font-size:14px!important}
html body #main#main#main#main .ccs-family-price-note{color:#dac3b2!important;font-size:13px!important;line-height:1.6!important;margin:14px 0 0!important}
html body #main#main#main#main .ccs-family-art{min-width:0;max-width:740px;margin:28px clamp(24px,3vw,42px) 28px 0!important;padding:0;overflow:hidden;border:1px solid #d8b371;border-radius:18px;background:#e7e7e7;box-shadow:0 18px 40px #0003}
html body #main#main#main#main .ccs-family-art img{display:block;position:static!important;width:100%!important;max-width:740px!important;height:auto!important;object-fit:contain;border:0!important;border-radius:0!important;margin:0!important}
html body #main#main#main#main .ccs-family-art figcaption{position:static;padding:21px 20px 25px;text-align:center;background:linear-gradient(135deg,#f8ecda,#eddbbf);border-top:1px solid #d9c7a6}
html body #main#main#main#main .ccs-family-art figcaption span{display:block;color:#735335!important;font:750 10px/1.5 Arial,sans-serif;letter-spacing:1.8px}
html body #main#main#main#main .ccs-family-art figcaption strong{display:block;color:#40271e!important;font:500 clamp(24px,2.6vw,34px)/1.2 Georgia,serif;margin-top:8px}
html body #main#main#main#main .ccs-family-bonus{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:22px 44px;padding:26px clamp(26px,3.6vw,48px);border-top:1px solid #b488514f;background:linear-gradient(115deg,#4b2831,#24161b)}
html body #main#main#main#main .ccs-family-bonus h3{font:600 clamp(24px,2.6vw,32px)/1.2 Georgia,serif!important;color:#fff1df!important;margin:9px 0 0!important}
html body #main#main#main#main .ccs-family-bonus h3 em{font-weight:400;color:#e9c285!important}
html body #main#main#main#main .ccs-family-bonus p{font-size:15px!important;line-height:1.65!important;color:#ead8c8!important;margin:0 0 12px!important}
html body #main#main#main#main .ccs-family-bonus strong{color:#ffe0a8!important}
html body #main#main#main#main .ccs-family-bonus summary{display:list-item;list-style:disclosure-closed inside;cursor:pointer;color:#f1d39e!important;font:700 14px/1.6 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
html body #main#main#main#main .ccs-family-bonus details[open] summary{list-style-type:disclosure-open;margin-bottom:12px}
html body #main#main#main#main .ccs-family-bonus details p{font-size:14px!important;margin:0!important}
html body #main#main#main#main .ccs-family-bonus summary:focus-visible{outline:2px solid #f3d49d;outline-offset:5px}
@media(max-width:850px){html body #main#main#main#main .ccs-family-focus .ccs-lounge-stage{grid-template-columns:1fr}html body #main#main#main#main .ccs-family-art{width:calc(100% - 52px);max-width:600px;margin:0 auto 26px!important}html body #main#main#main#main .ccs-family-bonus{grid-template-columns:1fr;gap:18px}html body #main#main#main#main .ccs-family-focus .ccs-lounge-copy{padding:28px 26px}html body #main#main#main#main .ccs-family-focus h2{font-size:36px!important}}
@media(max-width:420px){html body #main#main#main#main .ccs-family-focus .ccs-lounge-price span{flex-basis:100%}html body #main#main#main#main .ccs-family-actions .ccs-lounge-button{width:100%;text-align:center;padding:13px 14px!important}html body #main#main#main#main .ccs-family-focus h2{font-size:32px!important}}
/* Keep the original artwork and offer readable within the existing phone gutters. */
html body #main#main#main#main .ccs-family-focus{scroll-margin-top:100px}
html body #main#main#main#main .ccs-family-actions .ccs-lounge-text-link{display:inline-flex;align-items:center;min-height:44px}
html body #main#main#main#main .ccs-family-bonus summary{box-sizing:border-box;min-height:44px;padding:11px 0}
html body #main#main#main#main .ccs-family-actions a:focus-visible{outline:2px solid #f3d49d;outline-offset:5px}
@media(max-width:600px){
html body #main#main#main#main .ccs-family-focus{width:100%!important}
html body #main#main#main#main .ccs-family-focus .ccs-lounge-copy{padding:26px 20px}
html body #main#main#main#main .ccs-family-art{width:calc(100% - 40px);margin-bottom:22px!important}
html body #main#main#main#main .ccs-family-bonus{padding:24px 20px}
html body #main#main#main#main .ccs-family-actions{gap:8px 16px}
}