/* Revision 14: mobile follows the same removals as desktop, without losing navigation. */
.mobile-masthead{display:none}
@media(max-width:900px){
 html{scroll-padding-top:0}
 .hero{padding-top:16px}
 .mobile-masthead{display:flex;align-items:center;min-height:28px;margin-bottom:30px;max-width:100%;padding-right:55px}
 .mobile-masthead .wordmark{font-size:28px;line-height:1}
 .mobile-masthead .menu-toggle{position:fixed;z-index:35;top:8px;right:18px;width:44px;height:44px;min-height:44px;min-width:44px;margin:0;padding:10px;gap:6px;align-items:center;justify-content:center;background:#fff;border:1px solid #cbd4e4;border-radius:4px;box-shadow:none}
 .mobile-masthead .menu-toggle span{display:block;width:21px;height:1px;background:#27334a}
 .mobile-masthead .menu-toggle:hover{background:#f3f5fc;border-color:#8fa3d6}
 .mobile-masthead .menu-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
 .mobile-toc{top:0;z-index:25;margin-top:0;box-shadow:0 2px 6px #182d5f06}
 .mobile-toc>summary{display:grid;grid-template-columns:auto minmax(0,1fr) 12px;gap:10px;min-height:60px;padding:12px 78px 12px 24px}
 .mobile-toc>summary>strong{max-width:none;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
 .mobile-toc>summary>svg{width:12px;height:12px}
 .mobile-toc nav{max-height:calc(100dvh - 75px);overscroll-behavior:contain}
 .hero-copy{padding-top:0}
 .comparison,.casino-card,.editorial-article,.article-chapter,.country-section,.document-sections>section{scroll-margin-top:76px}
 .document{padding-top:16px}
 .document>.mobile-masthead{margin-bottom:27px}
 .document>.mobile-toc{margin-top:24px}
 .navigation-dialog .nav-close{width:44px;height:44px;min-width:44px;min-height:44px}
 .casino-actions .offer-button{min-height:44px}
}
@media(max-width:660px){
 .hero{padding-top:16px}
 .mobile-masthead{margin-bottom:28px}
 .mobile-masthead .menu-toggle{right:14px}
 .mobile-toc>summary{padding-left:18px;padding-right:72px;gap:9px;font-size:11px}
 .document>.mobile-toc>summary{padding-right:72px;gap:9px}
 .hero-art{margin-top:14px}
}
@media(max-width:370px){
 .mobile-masthead .wordmark{font-size:26px}
 .mobile-masthead .menu-toggle{right:10px}
 .mobile-toc>summary{padding-left:14px;padding-right:66px;gap:7px}
 .mobile-toc>summary>strong{font-size:10px}
 .document>.mobile-toc>summary{padding-left:14px;padding-right:66px;gap:7px}
}