/* Mobile reading and navigation layer. Loaded after legacy page styles. */
.mobile-topic-group{max-width:1200px;margin:20px auto;color:#eef2ff}
.mobile-topic-group>summary{cursor:pointer;min-height:48px;padding:12px 18px;font-size:16px;font-weight:700;color:#ffda70}
.mobile-topic-group .topic-paths{margin:0 auto}
.mobile-reading-jump{display:none}
.mobile-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#7d91bd #10162c}
.mobile-table-scroll:focus-visible{outline:2px solid #ffd247;outline-offset:3px}
@media(min-width:769px){.mobile-topic-group[data-responsive="true"]>summary{display:none}}
@media(max-width:1023px){
 html{scroll-padding-top:84px}
 body .site-header{position:sticky!important;top:0;z-index:100;height:auto!important;background:#090f26!important}
 body .site-header .nav-shell{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:8px!important;width:100%;min-width:0;min-height:64px!important;height:auto!important;padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))!important;overflow:visible}
 body .site-header .nav-shell>nav,body .site-header .header-download{display:none!important}
 body .site-header .brand{display:flex!important;width:min(100%,178px)!important;min-width:0!important;height:48px!important;margin:0!important;overflow:hidden}
 body .site-header .brand img{display:block;width:100%!important;max-width:178px!important;height:auto!important;object-fit:contain;flex-shrink:1!important}
 body .site-header .language-link{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 8px!important;font-size:13px!important;line-height:1.3;border:0!important;white-space:nowrap}
 body .site-header .mobile-menu{display:block!important;position:static!important;margin:0!important;min-width:0}
 body .site-header .mobile-menu summary{display:flex!important;align-items:center;justify-content:center;min-width:44px!important;min-height:44px!important;width:44px;height:44px;padding:0!important;margin:0!important;border:1px solid #536185!important;border-radius:6px!important;list-style:none;background:#111a35!important;touch-action:manipulation}
 body .site-header .mobile-menu summary{flex-direction:column;gap:4px}
 body .site-header .mobile-menu summary span{display:block!important;width:20px!important;height:2px!important;flex:0 0 2px;background:#f5f7ff!important}
 body .site-header .mobile-menu>div{position:absolute!important;left:12px!important;right:12px!important;top:calc(100% + 4px)!important;bottom:auto!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;padding:8px!important;border:1px solid #536185!important;border-radius:8px!important;background:#10192e!important;box-shadow:0 12px 32px #0008!important}
 body .site-header .mobile-menu>div a{display:flex!important;align-items:center;min-height:48px!important;padding:10px 14px!important;font-size:16px!important;line-height:1.45;white-space:normal}
 body .site-header .mobile-menu>div a+a{border-top:1px solid #2a3550}
}
@media(max-width:768px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;font-size:16px;line-height:1.7}
 body main,body main>section,body article,body aside,body .content-layout>*{min-width:0}
 body main code{overflow-wrap:anywhere;word-break:break-word;white-space:normal}
 body main pre{max-width:100%;overflow-x:auto}
 body h1,body h2,body h3{letter-spacing:-.02em!important;overflow-wrap:break-word}
 body main h1{font-family:inherit!important;font-size:clamp(28px,7.5vw,34px)!important;line-height:1.22!important}
 html[lang^="hi"] body main h1{line-height:1.38!important;letter-spacing:0!important}
 body main h2{font-family:inherit!important;font-size:clamp(23px,6vw,28px)!important;line-height:1.35!important}
 html[lang^="hi"] body main h2,html[lang^="hi"] body main h3{line-height:1.5!important;letter-spacing:0!important}
 body input,body select,body textarea{font-size:16px!important;min-height:44px}
 body button,body .button,body summary{touch-action:manipulation}
 body a:focus-visible,body button:focus-visible,body summary:focus-visible,body input:focus-visible,body select:focus-visible{outline:3px solid #ffd247!important;outline-offset:3px}
 body .button{min-height:48px!important;white-space:normal!important;line-height:1.4!important;text-align:center}
 body .page-date-note{margin:0!important;padding:8px 16px!important;font-size:12px!important;line-height:1.6!important;display:flex;flex-wrap:wrap;gap:0 5px}
 body .page-date-note .review-cycle{font-size:11px!important;margin-left:0!important}
 body .breadcrumb,body .apk-breadcrumb{padding:10px 16px!important;margin:0!important;line-height:1.5;font-size:12px}
 body .breadcrumb a,body .apk-breadcrumb a{display:inline-flex;align-items:center;min-height:36px}
 /* Home: expose useful destinations before the long reference sections. */
 body .seo-core-section{padding:24px 16px 28px!important}
 body .seo-core-heading{margin-bottom:20px!important}
 body .seo-core-heading .kicker{margin-bottom:10px!important}
 body .seo-core-heading p{margin-top:14px!important;font-size:16px!important;line-height:1.7!important}
 body .mobile-home-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 0}
 body .mobile-home-links a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px;border:1px solid #4c608a;border-radius:6px;background:#142242;color:#f7d266;font-size:15px;font-weight:700;text-decoration:none}
 body .seo-core-grid article{padding:20px 18px!important;min-height:0!important}
 body .seo-core-grid h3{margin-top:12px!important;font-size:23px!important;line-height:1.3!important}
 body .seo-core-grid p{font-size:16px!important;line-height:1.7!important}
 body .home-guide-section,body .home-knowledge-section,body .why-section,body .faq-section,body .home-blog-section{padding:36px 16px!important;gap:24px!important}
 body .ranking-board,body .variation-reference,body .android-reference{padding:24px 16px!important}
 body .why-grid{grid-template-columns:minmax(0,1fr)!important}
 body .why-grid article{min-height:0!important;padding:20px 16px!important}
 body .why-grid p{font-size:15px!important;line-height:1.7!important}
 body .hero-banner-dots button,body .hero-banner-dots button.active{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}
 body .hero-banner-dots button:after{left:10px!important;top:22px!important;width:24px!important}
 body .hero-banner-dots{bottom:0!important}
 body .page-hero,body .page-hero.hindi-hero{padding:24px 16px!important;gap:20px!important}
 body .page-hero p{font-size:16px!important;line-height:1.75!important}
 body .hero-actions{margin-top:20px!important;gap:10px!important}
 body .section{padding:32px 16px!important}
 body .content-layout{padding:24px 16px!important;gap:28px!important}
 body .prose p,body .prose li{font-size:16px!important;line-height:1.8!important}
 body .rules-hub-section{padding:28px 0!important}
 /* Listings: topic chooser is optional; articles remain directly accessible. */
 body .blog-site .blog-hero{padding:16px 16px 20px!important}
 body .blog-site .blog-hero h1{font-size:30px!important;line-height:1.22!important}
 body .blog-site[lang^="hi"] .blog-hero h1{line-height:1.4!important}
 body .blog-site .blog-hero>p{font-size:16px!important;line-height:1.65!important;margin-top:12px!important}
 body .blog-site .blog-search{margin-top:16px!important;min-height:48px!important;padding:0 12px!important;gap:8px!important}
 body .blog-site .blog-search input{height:48px!important;min-width:0;width:100%;padding:8px 0!important;font-size:16px!important}
 body .blog-site .blog-crumbs{margin-bottom:12px!important}
 body .mobile-topic-group{margin:12px 16px 0!important;border:1px solid #354165;border-radius:6px;background:#10162c}
 body .mobile-topic-group>summary{min-height:48px;padding:10px 14px;font-size:15px;line-height:1.65}
 body .mobile-topic-group .topic-paths{padding:8px 12px 14px!important;margin:0!important}
 body .mobile-topic-group .topic-paths h2{font-size:20px!important}
 body .mobile-topic-group .topic-paths-grid{gap:10px}
 body .mobile-topic-group .topic-paths-grid>a{padding:14px}
 body .blog-site .blog-section{padding:20px 16px 40px!important}
 body .blog-site .blog-heading{padding-bottom:10px!important;gap:8px!important}
 body .blog-site .blog-heading h2{font-size:24px!important;margin-top:4px!important}
 body .blog-site .blog-heading .kicker{display:none}
 body .blog-site .blog-result-summary{font-size:12px!important;letter-spacing:0!important}
 body .blog-site .blog-controls{margin:4px 0 16px!important;gap:10px!important}
 body .blog-site .blog-controls>div{display:flex!important;gap:6px!important;max-width:100%;overflow-x:auto!important;padding:3px 0!important;mask-image:none!important;-webkit-mask-image:none!important;scrollbar-width:thin!important;overscroll-behavior-inline:contain}
 body .blog-site .blog-controls button{min-width:44px!important;min-height:44px!important;flex:0 0 auto!important;padding:8px 12px!important;font-size:14px!important;letter-spacing:0!important;white-space:nowrap}
 body .blog-site .blog-controls select{height:44px!important;width:100%!important;margin:0!important;padding:6px 10px!important;letter-spacing:0!important}
 body .blog-site .article-grid{gap:24px!important}
 body .blog-site .blog-card-body,body .blog-site .is-latest-feature .blog-card-body{padding:14px 0 4px!important}
 body .blog-site .blog-card-body h3,body .blog-site .is-latest-feature .blog-card-body h3{font-family:inherit!important;font-size:22px!important;line-height:1.35!important;display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
 body .blog-site[lang^="hi"] .blog-card-body h3{line-height:1.5!important}
 body .blog-site .blog-card-body p{font-size:15px!important;line-height:1.7!important}
 body .blog-site .language-switch{display:inline-flex;align-items:center;min-height:44px;margin-top:4px}
 /* Articles: tighter opening, predictable reading measure and early contents. */
 body.rules-post main{padding:0 16px!important}
 body .post-crumbs{padding:4px 0!important;gap:6px!important;min-height:44px}
 body .post-crumbs a{min-height:36px!important}
 body .post-hero{padding:4px 0 20px!important;gap:18px!important}
 body .post-category{min-height:32px!important;font-size:13px!important}
 body .post-hero h1{margin:6px 0 12px!important;font-size:30px!important;line-height:1.25!important}
 html[lang^="hi"] body .post-hero h1{line-height:1.4!important}
 body .post-dek{font-size:16px!important;line-height:1.75!important}
 body .post-byline{margin-top:12px!important;min-height:44px}
 body .post-date{margin-top:4px!important;gap:4px 12px!important;line-height:1.6!important}
 body .post-cover figcaption{font-size:12px!important;line-height:1.65!important;margin-top:6px!important}
 body .translation-link{margin-top:4px!important;font-size:14px}
 body .translation-link a{display:inline-flex;align-items:center;min-height:44px}
 body .mobile-reading-jump{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:14px;font-weight:700}
 body .post-layout{padding-top:20px!important;gap:0!important}
 body .post-toc-mobile{margin:0 0 20px!important}
 body .post-toc-mobile summary{min-height:48px!important;padding:12px 14px!important}
 body .post-toc-mobile nav{padding:0 14px 10px!important}
 body .post-content>section{margin-top:28px!important;scroll-margin-top:84px!important}
 body .post-intro,body .post-content section>p,body .post-content li{font-size:16px!important;line-height:1.85!important}
 body .post-content h2{font-size:24px!important;margin-bottom:14px!important}
 body .post-content h3{font-size:20px!important;line-height:1.45!important}
 body .post-table{margin:12px 0 20px!important}
 body .post-table th,body .post-table td{font-size:14px!important;line-height:1.7!important;padding:12px!important}
 body .post-table-hint{font-size:12px!important;line-height:1.6!important}
 body .post-content a{overflow-wrap:anywhere}
 body .post-more{margin:32px 0!important}
 /* Download: a second CTA appears only after the first one has scrolled away. */
 body .apk-hero{padding:20px 16px 28px!important;gap:24px!important}
 body .apk-hero h1{margin:10px 0 16px!important}
 body .apk-hero-copy>p{font-size:16px!important;line-height:1.75!important}
 body .apk-hero-actions{margin-top:20px!important;gap:10px!important}
 body .apk-tags{margin-top:16px!important;gap:8px!important}
 body .apk-section{padding:28px 16px!important}
 body .apk-product-card{padding:20px!important}
 body .apk-facts strong,body .apk-product-card dd{overflow-wrap:anywhere}
 body .apk-facts{grid-template-columns:minmax(0,1fr)!important}
 body .mobile-download-bar{display:none!important}
 body.mobile-cta-visible{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
 body.mobile-cta-visible .mobile-download-bar{display:flex!important;align-items:center;justify-content:center;position:fixed!important;z-index:90;left:max(16px,env(safe-area-inset-left))!important;right:max(16px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:auto!important;min-height:52px!important;margin:0!important;border-radius:8px!important}
 /* Author identity and credentials stay intact; portrait no longer fills a screen. */
 body .author-main{width:auto!important;margin:0 16px!important;padding:16px 0 0!important;min-width:0}
 body .author-hero-v2{grid-template-columns:96px minmax(0,1fr)!important;gap:8px 16px!important;padding:12px 0 24px!important}
 body .author-portrait-frame{width:96px!important;max-width:96px!important;height:auto!important;aspect-ratio:auto!important;overflow:visible!important;box-shadow:none!important}
 body .author-portrait-frame img{width:100%;height:auto}
 body .author-hero-copy{display:contents;min-width:0}
 body .author-portrait-frame{grid-column:1;grid-row:1 / span 3}
 body .author-hero-copy>.author-kicker,body .author-hero-copy>h1,body .author-hero-copy>.author-job-title{grid-column:2;margin:0!important}
 body .author-hero-copy>.author-summary,body .author-hero-copy>.author-contact-links{grid-column:1 / -1;margin-top:12px!important}
 body .author-portrait-frame>span{position:static!important;display:block!important;font-size:10px!important;line-height:1.45!important;padding:6px 0!important;letter-spacing:0!important;text-transform:none!important;background:none!important;color:#b9c9e4!important;font-weight:400!important}
 body .author-hero-copy h1{font-size:30px!important;line-height:1.25!important;word-break:normal;overflow-wrap:normal}
 body .author-job-title{font-size:15px!important;line-height:1.65!important}
 body .author-hero-copy .author-summary{font-size:16px!important;line-height:1.75!important}
 body .author-content-grid{padding-top:24px!important}
 body .author-section{margin-bottom:28px!important;padding-bottom:28px!important}
 body .author-latest-item{grid-template-columns:80px minmax(0,1fr)!important;gap:12px!important}
 body .author-latest-item img{width:80px!important}
 body .footer-grid,body .footer-bottom,body .sitewide-trust__inner{min-width:0;max-width:100%}
 body footer a,body .sitewide-trust a{overflow-wrap:anywhere}
}
@media(min-width:769px){.mobile-home-links{display:none}}
@media(max-width:359px){body .site-header .brand{max-width:142px!important}body .site-header .language-link{padding:6px 4px!important;font-size:12px!important}body .author-hero-v2{grid-template-columns:80px minmax(0,1fr)!important;gap:8px 12px!important}body .author-portrait-frame{width:80px!important;max-width:80px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-banner,.blog-card-image img{animation:none!important;transition:none!important}}