/* V1.3: C typography and chapter rhythm; A editorial imagery; B comparison rows. */
.desktop-nav{gap:8px;font-weight:var(--weight-nav)}
.desktop-nav>a{padding-inline:16px}
.nav-item{display:flex;align-items:center;align-self:stretch}
.nav-item>a{display:flex;align-items:center;min-height:48px;height:100%;padding-left:16px;position:relative;white-space:nowrap}
.nav-item>a[aria-current],.nav-item.is-open>a{color:var(--blue)}
.nav-item>a[aria-current]:after,.nav-item.is-open>a:after{content:'';position:absolute;left:14px;right:0;bottom:0;height:3px;background:var(--blue)}
.desktop-nav:has(.is-open)>a[aria-current]:after,.desktop-nav:has(.is-open)>.nav-item:not(.is-open)>a[aria-current]:after{display:none}
.nav-toggle{width:44px;min-height:48px;display:flex;justify-content:center;align-items:center;border-radius:4px;color:var(--heading);transition:background-color 180ms,color 180ms}
.nav-toggle:hover,.mobile-toggle:hover{background:#EFF6FF;color:var(--blue)}
.nav-toggle.nav-label-toggle{width:auto;height:100%;gap:16px;padding:0 16px;border-radius:0;position:relative;white-space:nowrap;font:inherit}
.nav-label-toggle[aria-current],.nav-item.is-open>.nav-label-toggle{color:var(--blue)}
.nav-label-toggle[aria-current]:after,.nav-item.is-open>.nav-label-toggle:after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--blue)}
.nav-toggle[aria-expanded=true] .nav-chevron,.mobile-toggle[aria-expanded=true] .nav-chevron{transform:translateY(2px) rotate(225deg)}
.mega-menu{top:100%;width:min(var(--nav-panel-width),calc(100vw - 64px));padding:30px 32px 0;border-radius:4px;box-shadow:0 12px 28px rgb(15 23 42 / 9%);max-height:calc(100dvh - 100px);overflow-y:auto;animation:menu-reveal 180ms ease}
.mega-menu:after,.mega-menu:before{display:none}
.catalog-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px var(--nav-panel-gap)}
.catalog-menu-group{min-width:0}
.menu-title{display:flex;align-items:center;gap:10px;min-height:36px;color:var(--heading);font-size:var(--text-menu-title);font-weight:700;line-height:1.4;margin-bottom:8px}
.catalog-subitems{display:grid;gap:0;border-top:1px solid var(--border);padding-top:6px}
.catalog-subitems>a,.catalog-subitems>.nav-pending{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-menu-link);font-weight:500;line-height:1.45;min-height:36px;padding:6px 8px;border-radius:3px}
.catalog-subitems>a:hover{color:var(--blue);background:#EFF6FF}
.nav-pending{color:#64748B;cursor:default}
.nav-pending small,.pending-label small{font-size:13px;font-weight:400;color:var(--muted);white-space:nowrap}
.menu-title.nav-pending{color:var(--muted)}
.menu-footer{margin-top:24px;min-height:60px}
.menu-footer>a:after{content:none}
.editorial-mega{width:min(760px,calc(100vw - 64px));padding-bottom:28px}
.editorial-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.editorial-menu-grid p{font-size:15px;line-height:1.8}
.mobile-top-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.mobile-top-row>a{font-size:17px;font-weight:650;display:flex;align-items:center;min-height:54px;flex:1}
.mobile-toggle{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}
.mobile-toggle.mobile-label-toggle{width:100%;min-height:54px;justify-content:space-between;font-size:17px;font-weight:650;padding:0 14px 0 0;text-align:left}
.mobile-submenu{padding-block:8px 16px}
.mobile-submenu>a{display:flex;min-height:48px;align-items:center;font-size:16px}
.branch-note{font-size:14px;color:var(--muted);padding:12px 0}
.mobile-branch>div>.nav-pending{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:16px;gap:12px}
.mobile-nav [aria-current]{color:var(--blue)}
.button-secondary{color:var(--heading);border-color:var(--blue)}
.home-intro-v13{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:36px 40px}
.home-intro-v13 h1{font-size:var(--text-home-h1);line-height:1.3;margin:12px 0 16px;max-width:12em}
.home-intro-v13 .intro-lead{font-size:21px;font-weight:600;color:var(--heading);margin-bottom:10px}
.home-intro-v13 p:not(.eyebrow){max-width:35em}
.intro-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px}
.home-intro-v13 figure img{height:240px;object-fit:cover}
.home-intro-v13 figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.home-shortlist .section-heading h2{margin-top:8px}
.home-shortlist time{margin-right:.3em}
.home-shortlist .section-heading{align-items:end}
.section-heading h2,.home-types h2{letter-spacing:0}
.category-directory{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:0}
.directory-entry{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;border-top:1px solid var(--border);padding:26px 0}
.directory-number{font:600 22px/1.5 system-ui;color:var(--blue)}
.directory-entry h3{font-size:22px;margin-bottom:10px}
.directory-entry p{font-size:16px;line-height:1.8;margin-bottom:12px}
.directory-links{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center;font-size:15px}
.directory-links>a{color:var(--blue);min-height:40px;display:inline-flex;align-items:center;text-underline-offset:5px}
.directory-links>a:hover{text-decoration:underline}
.pending-label{display:inline-flex;gap:8px;align-items:center;min-height:40px;color:#64748B}
.directory-entry .directory-status{font-size:13px;color:var(--muted);margin:10px 0 0}
.directory-full{padding-bottom:40px}
.editorial-method{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;background:var(--soft);padding:36px;margin-block:24px 48px;border:0}
.editorial-method h2{font-size:30px;margin:10px 0 16px}
.editorial-method ol{list-style:decimal-leading-zero;padding-left:30px}
.editorial-method li{padding:0 0 20px 14px;margin-bottom:20px;border-bottom:1px solid var(--border)}
.editorial-method li:last-child{border:0;padding-bottom:0;margin-bottom:0}
.editorial-method li::marker{color:var(--blue);font-weight:700}
.editorial-method strong{font-size:21px;color:var(--heading)}
.editorial-method li p{margin-top:8px}
.guide-reading-list>a{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:20px;align-items:start;padding:24px 0;border-top:1px solid var(--border)}
.guide-list-number{font:600 24px/1.4 system-ui;color:var(--blue)}
.guide-reading-list h3{font-size:21px;margin-bottom:10px}
.guide-reading-list p{max-width:48em}
.guide-reading-list>a>span:last-child{color:var(--blue);font-size:22px}
.faq-block summary{gap:16px;font-weight:600}
.faq-block summary .faq-number{font-size:16px;font-weight:700;flex-shrink:0;min-width:25px;color:var(--blue)}
.faq-block summary .faq-question{font-size:16px;flex:1;color:var(--heading)}
.faq-block details[open] summary>span:not(:last-child){transform:none}
.faq-block details:first-child{border-top:1px solid var(--border)}
.faq-block details[open]{background:var(--soft)}
.faq-block details{padding-inline:14px}
.faq-block details p{padding-left:40px;line-height:1.8}
.region-inline p{margin:16px 0}
.platform-card .pc-score>.pc-status{font-size:22px;line-height:1.4;white-space:nowrap;color:var(--muted)}
.platform-card .pc-action{font-weight:600}
.platform-card .pc-action-intro{color:var(--heading)}
.platform-card .pc-action-bet{background-image:none}
.platform-card .pc-action-bet:hover{background-color:var(--hover);border-color:var(--hover)}
.review-score>strong{font-size:26px;color:var(--muted)}
.comparison-table{border-collapse:collapse;width:100%;margin-block:20px;font-size:16px;line-height:1.8;text-align:left}
.comparison-table caption{text-align:left;font-size:14px;color:var(--muted);padding-bottom:12px}
.comparison-table th,.comparison-table td{padding:16px;border-bottom:1px solid var(--border);vertical-align:top}
.comparison-table thead{background:var(--soft);color:var(--heading)}
.comparison-table tbody th{font-weight:600;color:var(--heading);width:25%}
.verification-label{font-size:14px;color:var(--muted);white-space:nowrap}
.article-page.is-guide{max-width:var(--container)}
.guide-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:36px}
.guide-toc{align-self:start;position:sticky;top:24px}
.guide-toc .article-toc{border:0;border-left:2px solid var(--border);padding-left:16px}
.guide-toc .article-toc summary{font-size:17px}
.guide-toc nav{display:flex;flex-direction:column;gap:4px;padding-bottom:0}
.guide-toc nav a{font-size:14px;line-height:1.7;min-height:44px;display:block;padding:9px 0;text-decoration:none;color:var(--muted)}
.guide-toc nav a:hover{color:var(--blue)}
.is-guide .article-columns{grid-template-columns:minmax(0,1fr) 220px;gap:28px}
.is-guide .article-body{counter-reset:chapter}
.is-guide .article-body>section:not(.article-sources){counter-increment:chapter}
.is-guide .article-body>section:not(.article-sources)>h2{font-size:26px}
.is-guide .article-body>section:not(.article-sources)>h2:before{content:counter(chapter,decimal-leading-zero);display:block;color:var(--blue);font:600 16px/1.6 system-ui;margin-bottom:6px}
.guide-related{padding:18px}
@keyframes menu-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1200px){.header-inner{gap:20px}.desktop-nav>a{padding-inline:12px}.nav-item>a{padding-left:12px}.desktop-nav{gap:2px}.home-intro-v13{gap:32px}.guide-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}.is-guide .article-columns{grid-template-columns:minmax(0,1fr) 200px;gap:24px}}
@media(max-width:960px){.home-intro-v13{gap:24px;grid-template-columns:1.2fr 1fr}.home-intro-v13 h1{font-size:38px}.home-intro-v13 figure img{height:260px}.home-intro-v13 .intro-lead{font-size:19px}.intro-actions{gap:12px}.intro-actions .button{font-size:15px;padding-inline:14px}.category-directory{column-gap:28px}.editorial-method{gap:32px;padding:28px}.guide-layout{display:block}.guide-toc{position:static}.guide-toc .article-toc{border-block:1px solid var(--border);border-left:0;padding-left:0}.guide-toc nav a{font-size:16px}.mobile-menu>summary{font-weight:600}.mobile-branch>summary{font-size:17px}.mobile-branch>div>a{font-size:16px}.mobile-catalog{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.is-guide .article-columns{display:flex}.guide-related{margin-block:24px}}
@media(max-width:640px){:root{--text-h2:25px;--text-nav:17px}.header-inner{gap:16px}.mobile-nav{padding-inline:20px}.mobile-catalog{grid-template-columns:1fr;gap:0}.mobile-top-row>a{font-size:17px}.home-intro-v13{display:flex;flex-direction:column;align-items:stretch;padding-block:24px 28px;gap:24px}.home-intro-v13 h1{font-size:32px;margin:10px 0 16px;max-width:none}.home-intro-v13 .intro-lead{font-size:18px}.home-intro-v13 figure img{height:180px}.intro-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.intro-actions .button{padding-inline:8px;font-size:15px;gap:8px}.home-shortlist .section-heading{display:block}.home-shortlist .section-heading>.button{margin-top:8px}.home-shortlist h2{font-size:25px}.category-directory{grid-template-columns:1fr}.directory-entry{grid-template-columns:32px minmax(0,1fr);gap:12px;padding-block:24px}.directory-entry h3{font-size:21px}.directory-entry p{font-size:16px}.directory-links{gap:0 14px}.directory-links>a{min-height:44px}.editorial-method{grid-template-columns:1fr;gap:26px;padding:24px 20px;margin-block:0 32px}.editorial-method h2{font-size:25px}.editorial-method h2 br{display:none}.editorial-method strong{font-size:20px}.editorial-method ol{padding-left:25px}.editorial-method li{padding-left:4px}.guide-reading-list>a{grid-template-columns:30px minmax(0,1fr) 18px;gap:12px;padding-block:22px}.guide-reading-list h3{font-size:20px}.guide-list-number{font-size:20px}.faq-block details{padding-inline:10px}.faq-block details p{padding-left:0;margin-right:0}.faq-block summary{gap:10px}.comparison-table thead{display:none}.comparison-table tr{display:block;padding-block:14px;border-bottom:1px solid var(--border)}.comparison-table tbody th,.comparison-table td{display:block;border:0;width:100%;padding:5px 0}.comparison-table td:before{content:attr(data-label)'：';color:var(--muted);font-size:14px}.comparison-table tbody th{font-size:17px}.guide-toc nav{padding-bottom:14px}.is-guide .article-body>section:not(.article-sources)>h2{font-size:25px}.platform-card .pc-score>.pc-status{font-size:20px}}
@media(max-width:360px){.home-intro-v13 h1{font-size:30px}.intro-actions{grid-template-columns:1fr}.directory-entry{grid-template-columns:26px minmax(0,1fr);gap:10px}.mobile-nav{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.mega-menu{animation:none}.nav-toggle{transition:none}}
/* Second visual pass: keep tablet columns balanced and mobile reading compact. */
@media(max-width:960px){.is-guide .article-columns{gap:0}.is-guide .article-opening{margin-bottom:10px}.mobile-nav{overscroll-behavior:contain;scrollbar-gutter:stable}}
.mobile-branch.is-pending>summary>span{color:#64748B}.mobile-branch>summary small{font-size:13px;font-weight:400;margin-left:10px;color:var(--muted)}
@media(max-width:640px){.home-intro-v13>div>.eyebrow{display:none}.home-intro-v13 figure img{height:150px}.home-intro-v13{gap:20px}.home-intro-v13 h1{margin-top:0}}
@media(max-width:360px){.intro-actions{grid-template-columns:1fr 1fr}.intro-actions .button{font-size:14px;padding-inline:6px;gap:6px}.home-intro-v13 figure img{height:140px}}

/* Shared hero title scale for home, platform categories and platform reviews. */
:is(body[data-page-kind="home"] .hero-copy,body[data-page-kind="platform-category"] .ch-copy,body[data-page-kind="platform-category"] .category-header,body[data-page-kind="review"] .pd-brand) h1{font-size:40px;line-height:1.3;font-weight:700}
@media(max-width:960px){:is(body[data-page-kind="home"] .hero-copy,body[data-page-kind="platform-category"] .ch-copy,body[data-page-kind="platform-category"] .category-header,body[data-page-kind="review"] .pd-brand) h1{font-size:34px}}
@media(max-width:640px){:is(body[data-page-kind="home"] .hero-copy,body[data-page-kind="platform-category"] .ch-copy,body[data-page-kind="platform-category"] .category-header,body[data-page-kind="review"] .pd-brand) h1{font-size:28px}}

/* Shared mobile navigation: consistent primary labels and a bold menu icon. */
@media(max-width:960px){
 .mobile-menu>summary{width:48px;min-height:48px;justify-content:center;border-radius:8px;cursor:pointer}
 .mobile-menu>summary:hover{background:#eff6ff}
 .menu-bars{display:flex;width:25px;flex-direction:column;gap:5px}
 .menu-bars>span{display:block;width:25px;height:3px;border-radius:2px;background:currentColor;transition:transform 200ms,opacity 200ms}
 .mobile-menu>summary[aria-expanded=true] .menu-bars>span:first-child{transform:translateY(8px) rotate(45deg)}
 .mobile-menu>summary[aria-expanded=true] .menu-bars>span:nth-child(2){opacity:0}
 .mobile-menu>summary[aria-expanded=true] .menu-bars>span:last-child{transform:translateY(-8px) rotate(-45deg)}
 .mobile-nav{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:auto;box-shadow:0 10px 24px rgb(15 23 42 / 12%)}
 .mobile-nav>a,.mobile-top-row>a,.mobile-toggle.mobile-label-toggle{font-family:inherit;font-size:17px;font-weight:650;line-height:1.5;min-height:54px}
}
@media(prefers-reduced-motion:reduce){.menu-bars>span{transition:none}}