/* Direct family navigation and quiet text areas, approved 2026-11-11. */
#main-nav .nav-inner{gap:clamp(12px,2.3vw,34px);justify-content:space-between}
#main-nav .nav-inner>a{white-space:nowrap;font-size:12px;flex-shrink:0}
.family-hub-link{padding:19px 22px;border-left:3px solid #b138a8;background:#f6f2fc;border-radius:0 12px 12px 0}
.family-hub-link a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.directory-hero.family-split-hero{background:#09143b;min-height:0;padding:22px 0 42px;overflow:hidden}
.family-split-hero .directory-backdrop{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.family-split-hero:before{background:linear-gradient(90deg,#09143b 0%,#09143bf5 34%,#09143b55 57%,#09143b00 76%)}
.family-split-hero .game-breadcrumb{margin-bottom:38px}
.family-split-copy{width:48%;position:relative;z-index:1;min-height:315px;display:flex;flex-direction:column;justify-content:center}
.family-split-hero h1{font-size:clamp(40px,4.6vw,65px);line-height:1.08;margin:0 0 22px;letter-spacing:-1.9px}
.family-split-hero h1 em{display:block;color:#ffe347}
.family-split-hero p{font-size:18px;line-height:1.7;margin:0;color:#fff;max-width:530px}
.family-split-hero .collection-hero-actions{margin-top:25px}
.family-split-hero .button{margin-top:0;min-width:240px}
.family-casinos{background:linear-gradient(120deg,#f6f3ff,#fff7fc);border-top:1px solid #e6daee;border-bottom:1px solid #e6daee}
.family-casinos .section-heading p{max-width:800px}
.family-casino-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.family-casino-card{background:#fff;border:1px solid #ded7eb;border-radius:19px;padding:25px;display:flex;flex-direction:column;box-shadow:0 8px 24px #25205208}
.family-casino-heading{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.family-casino-number{font-size:25px;font-weight:800;color:#8e348d}
.family-casino-card .casino-brand{display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:11px;background:#142653;min-height:65px}
.family-casino-card .casino-brand img{width:130px;height:45px;object-fit:contain}
.family-casino-count{font-size:12px;font-weight:800;color:#395779;background:#eef5ff;border-radius:50px;padding:8px 11px;margin-left:auto}
.family-casino-card p{font-size:15px;line-height:1.7;margin:20px 0 14px;color:#49455f}
.family-casino-editions{margin:0 0 22px;border-block:1px solid #ece7f2}
.family-casino-editions summary{padding:15px 0;cursor:pointer;font-size:14px;font-weight:800;color:#663183}
.family-casino-editions ul{padding:0 0 17px 20px;margin:0;columns:2;column-gap:22px}
.family-casino-editions li{break-inside:avoid;font-size:13px;line-height:1.6;margin:7px 0}
.family-casino-editions a{color:#65318c;text-decoration:underline;text-underline-offset:3px}
.family-casino-card .casino-entry-actions{margin-top:auto;display:flex;gap:12px}
.family-casino-card .casino-entry-actions>*{flex:1}
.family-casino-absent{list-style:none;padding:18px 0 0;margin:0;font-size:14px;color:#56516a}
@media(min-width:701px) and (max-width:1000px){#main-nav .nav-inner{gap:12px}#main-nav .nav-inner>a{font-size:11px}.family-split-copy{width:53%}.family-split-hero p{font-size:16px}.family-casino-count{margin-left:0}}
@media(max-width:700px){
 #main-nav .nav-inner{justify-content:start;gap:0}
 #main-nav .nav-inner>a{white-space:normal;font-size:14px}
 .directory-hero.family-split-hero{padding:16px 0 27px}
 .family-split-hero .directory-backdrop{inset:38px 0 auto auto;width:73%;height:220px;object-fit:cover;object-position:94% center}
 .family-split-hero:before{background:linear-gradient(90deg,#09143b 0%,#09143be8 30%,#09143b00 65%),linear-gradient(0deg,#09143b 0%,#09143b 43%,#09143b00 73%)}
 .family-split-hero .game-breadcrumb{position:relative;z-index:1;font-size:11px;margin-bottom:23px}
 .family-split-copy{width:100%;min-height:0;display:block}
 .family-split-hero h1{font-size:clamp(32px,8.7vw,49px);letter-spacing:-1.1px;width:61%;min-height:165px;display:flex;flex-direction:column;justify-content:center;margin:0 0 13px}
 .family-split-hero p{font-size:16px;line-height:1.75;max-width:none}
 .family-split-hero .collection-hero-actions{margin-top:23px}
 .family-split-hero .button{width:100%;min-width:0;font-size:14px;min-height:52px}
 .family-casino-list{grid-template-columns:1fr;gap:17px}
 .family-casino-card{padding:20px}
 .family-casino-count{margin-left:0;font-size:11px}
 .family-casino-editions ul{columns:1}
 .family-hub-link{padding:16px}
}
