/* v38: phone-first reading and touch controls; desktop identity is preserved. */
.mobile-toc-toggle{font:inherit}
.toc-disclosure>summary{list-style:none}
.toc-disclosure>summary::-webkit-details-marker{display:none}
.toc-disclosure>summary h2{margin:0}
.toc-disclosure .toc-links{display:grid}
.mobile-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.table-scroll-hint{font-size:12px!important;line-height:1.5!important;color:#71552e!important;margin:12px 0 6px!important}
.table-scroll-hint[hidden]{display:none!important}
@media(min-width:761px){.toc-disclosure>summary{pointer-events:none}.toc-disclosure>summary:focus-visible{outline:none}.toc-disclosure{width:100%}}
@media(max-width:760px){
 html{scroll-padding-bottom:100px}
 body{padding-bottom:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body.has-mobile-dock{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
 .notice{font-size:10px;line-height:1.45;gap:4px 12px;padding:5px 16px;letter-spacing:.02em}
 .notice span+span:before{margin-right:12px}
 .site-header{min-height:72px;padding:12px 16px;gap:8px}
 .site-header .brand{gap:8px;min-width:0;font-size:11px;letter-spacing:0}
 .site-header .brand-mark{width:36px;height:36px;flex-basis:36px}
 .site-header .brand small{font-size:8px;letter-spacing:.08em}
 .site-header .header-tools{gap:6px;margin-left:auto}
 .site-header .language-switch,.site-header .menu-button{min-width:44px;min-height:44px;font-size:13px;padding:8px}
 .site-header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;padding:12px 0 0;border-top:1px solid #58442c}
 .site-header nav a,.site-header nav .nav-download{min-height:48px;padding:12px;font-size:15px;line-height:1.4;border-radius:6px;align-self:stretch}
 .breadcrumb{padding:12px 18px;font-size:11px;line-height:1.6;flex-wrap:wrap}
 .home-refined .hero{display:grid;grid-template-columns:minmax(0,1fr);padding:28px 20px 24px;gap:20px}
 .home-refined .hero-copy{display:block;max-width:none}
 .home-refined .hero h1{font-size:clamp(32px,9vw,39px);line-height:1.12}
 .home-refined .hero .eyebrow{font-size:11px;margin-bottom:16px}
 .home-refined .hero .hero-lead{font-size:16px;line-height:1.6;margin:18px 0}
 .home-refined .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0}
 .home-refined .hero-actions .button{width:100%!important;min-height:48px;padding:12px 10px;font-size:14px;line-height:1.4;gap:8px}
 .home-refined .hero-source-note{font-size:12px;line-height:1.5;margin-top:12px}
 .home-refined .hero-game{margin-top:0;padding:20px 16px 4px;max-width:360px}
 .home-refined .deal-button{min-height:44px;font-size:12px;padding:9px 14px;bottom:3%}
 .home-refined .game-caption{font-size:10px!important;letter-spacing:.04em!important;line-height:1.5;margin-top:16px!important}
 .home-refined .game-readout{bottom:23%}
 .home-refined .topic-entrances{margin:0 20px}
 .home-refined .topic-entrances>a{padding:18px 8px}
 .home-refined .topic-entrances span{font-size:12px;line-height:1.5}
 .home-refined .guide-hub{padding:36px 20px}
 .home-refined .guide-hub-grid{grid-template-columns:1fr;gap:18px;margin-top:20px}
 .home-refined .guide-hub-card{padding:18px 0}
 .home-refined .guide-hub-card p{font-size:15px;line-height:1.65;min-height:0}
 .home-refined .guide-hub-card li{padding:0;font-size:16px}
 .home-refined .guide-hub-card li a{display:block;padding:12px 0;min-height:48px}
 .hand-feature{margin:24px 20px 0;padding:20px}
 .hand-feature p:not(.eyebrow){font-size:16px;line-height:1.65}
 .hand-feature a{font-size:15px;min-height:44px;padding:12px 0}
 .article-hero,.topic-page .article-hero,.download-page .article-hero{padding:28px 20px;gap:22px;min-height:0}
 .article-hero h1,.topic-page .article-hero h1,.download-page .article-hero h1{font-size:clamp(30px,8.5vw,36px);line-height:1.14;letter-spacing:-.025em;overflow-wrap:break-word}
 .article-deck,.topic-page .article-deck{font-size:17px;line-height:1.65;margin:18px 0}
 .article-hero .eyebrow{font-size:11px;line-height:1.5;margin-bottom:14px}
 .article-byline{margin-top:20px;gap:10px}
 .article-byline p,.article-byline span{font-size:12px;line-height:1.6}
 .answer-box{padding:18px 0 0;border-top-width:2px}
 .answer-box p{font-size:16px;line-height:1.65;margin:10px 0 0}
 .trust-bar{padding:16px 20px;gap:14px 16px;grid-template-columns:1fr 1fr}
 .trust-bar>div{min-width:0}
 .trust-bar span{font-size:10px;line-height:1.5}
 .trust-bar strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
 .article-shell{padding:24px 20px 40px;gap:24px;grid-template-columns:minmax(0,1fr)}
 .article-shell .toc{display:block;border:1px solid #dfd1b5;border-radius:8px;padding:0;background:#fff9ec;position:static;min-width:0}
 .toc-disclosure>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;min-height:50px;cursor:pointer}
 .toc-disclosure>summary h2{font-size:14px;line-height:1.5;letter-spacing:.03em}
 .toc-disclosure>summary:after{content:'+';font-size:22px;color:#946420}
 .toc-disclosure[open]>summary:after{content:'−'}
 .toc-disclosure .toc-links{padding:0 16px 8px;grid-template-columns:1fr}
 .toc-disclosure .toc-links a{font-size:15px;min-height:44px;line-height:1.5;padding:12px 0}
 .article-body{min-width:0}
 .article-body>section{padding-top:0;margin-top:32px;scroll-margin-top:20px}
 .article-body>section:first-of-type{margin-top:0}
 .article-body h2,.topic-body h2{font-size:27px;line-height:1.22;letter-spacing:-.02em;margin:0 0 18px}
 .article-body h3,.topic-body h3{font-size:21px;line-height:1.35}
 .article-body p,.article-body li,.topic-body p,.topic-body li{font-size:17px;line-height:1.7;overflow-wrap:break-word}
 .article-body p{margin:0 0 18px}
 .article-body ul,.article-body ol{padding-left:22px}
 .keyword-reviewed-date{font-size:12px!important;margin-bottom:20px!important}
 .article-body .blog-illustration{margin:20px 0 28px}
 .article-body .data-table,.topic-table table{font-size:15px;line-height:1.55}
 .mobile-table-scroll .data-table,.mobile-table-scroll table{display:table;overflow:visible;margin:0;width:100%;white-space:normal}
 .mobile-table-scroll th,.mobile-table-scroll td{padding:12px;font-size:14px;line-height:1.6;white-space:normal}
 .mobile-table-scroll .mobile-wide-table{min-width:520px}
 .mobile-table-scroll .mobile-medium-table{min-width:400px}
 .mobile-table-scroll{border:1px solid #e3d8c4;border-radius:6px;margin:16px 0 24px}
 .topic-table.mobile-table-scroll{padding:0}
 .mobile-table-scroll:focus-visible{outline:3px solid #b94716;outline-offset:3px}
 .topic-body{padding:28px 20px 40px;min-width:0}
 .topic-body section{margin-bottom:36px}
 .topic-toc{padding:16px 20px;gap:8px 16px;font-size:14px}
 .topic-toc a{display:inline-flex;align-items:center;min-height:44px}
 .article-body section.hand-tool{padding:16px;margin:28px 0}
 .hand-tool select{font-size:16px;min-height:48px}
 .hand-inputs{gap:12px;margin:16px 0}
 .hand-inputs fieldset{padding:12px;display:grid;grid-template-columns:1fr;gap:8px}
 .hand-inputs label{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;font-size:13px}
 .hand-inputs label+label{margin-top:0}
 .tool-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .tool-presets button{font-size:14px;min-height:48px;padding:10px}
 .quiz-choices{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
 .quiz-choices button{min-width:0;min-height:48px;font-size:15px;padding:10px 8px}
 .hand-practice [data-next],.hand-practice [data-restart]{width:100%;min-height:48px}
 .topic-resource,.learning-download .topic-resource{min-height:48px;font-size:15px;line-height:1.6;max-width:100%;white-space:normal}
 .lesson-downloads a{display:inline-block;min-height:44px;padding:10px 0}
 .practice-answer summary,.quiz-review summary,.lesson-transcript summary{min-height:48px;font-size:16px;line-height:1.6}
 .blog-page .blog-hero{padding:28px 20px;gap:24px}
 .blog-page .blog-hero h1{font-size:clamp(32px,9vw,40px);line-height:1.15}
 .blog-page .blog-hero-copy>p:last-child{font-size:17px;margin-top:18px}
 .blog-hero-note{padding-top:16px}
 .guide-topic-nav{gap:8px;margin-bottom:24px}
 .guide-topic-nav a{min-height:44px;padding:10px 12px;font-size:14px}
 .download-dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));padding:8px;gap:8px;max-width:none}
 .download-dock>div{min-width:0;flex:1}
 .download-dock strong{font-size:12px;line-height:1.4;overflow-wrap:break-word}
 .download-dock>a{display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.4;min-height:48px;padding:10px 12px;max-width:48%;text-align:center;white-space:normal}
 .download-dock button{min-width:44px;min-height:48px;padding:8px;font-size:24px;flex-shrink:0}
 .download-dock .dock-icon{display:none}
 .download-shell{padding:28px 20px 40px}
 .download-actions .button,.answer-actions>a{min-height:48px;font-size:16px;line-height:1.5;white-space:normal}
 .next-reads{padding:32px 20px}
 .next-reads h2{font-size:28px;line-height:1.2}
 .next-grid{grid-template-columns:1fr}
 .next-grid a{min-height:100px;padding:18px}
 footer{padding:32px 20px}
 footer a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
 html[lang^=hi] .article-hero h1,html[lang^=hi] .topic-page .article-hero h1,html[lang^=hi] .download-page .article-hero h1,html[lang^=hi] .blog-hero h1{font-size:clamp(30px,8vw,36px);line-height:1.35;letter-spacing:0}
 html[lang^=hi] .article-body p,html[lang^=hi] .article-body li,html[lang^=hi] .article-deck,html[lang^=hi] .topic-body p,html[lang^=hi] .topic-body li{font-size:17px;line-height:1.8}
 html[lang^=hi] .article-body h2,html[lang^=hi] .topic-body h2{font-size:26px;line-height:1.4;letter-spacing:0}
}
@media(max-width:360px){.site-header .brand small{display:none}.site-header .brand{font-size:10px}.site-header .brand-mark{width:30px;height:30px;flex-basis:30px}.home-refined .hero-actions{grid-template-columns:1fr}.article-hero,.article-shell,.topic-body{padding-left:16px;padding-right:16px}.download-dock strong{font-size:11px}.download-dock>a{font-size:12px;padding:10px}.hand-inputs label{grid-template-columns:46px minmax(0,1fr)}}
@media print{.toc-disclosure>summary:after,.table-scroll-hint{display:none!important}.mobile-table-scroll{overflow:visible}body.has-mobile-dock{padding-bottom:0}}
.toc-disclosure{grid-column:1/-1}
@media(min-width:761px) and (max-width:1100px){.toc-disclosure .toc-links{grid-template-columns:1fr 1fr;column-gap:24px}}
@media(max-width:760px){
 .article-hero .answer-box{padding:16px;border:1px solid #a58a56;background:#fff9ec}
 .article-hero .article-byline p{font-size:13px!important;line-height:1.6!important}
 .article-byline>.byline-mark{width:44px;height:44px;flex-basis:44px}
 .article-byline{padding-top:12px;margin-top:16px}
 html[lang^=hi] .home-refined .hero h1{font-size:clamp(32px,9vw,38px);line-height:1.3}
 .author-profile{padding:28px 20px 40px;gap:24px;min-width:0}
 .author-profile h1{font-size:34px;line-height:1.2}
 .author-profile h2{font-size:27px;line-height:1.3;margin-top:30px}
 .author-portrait{max-width:340px}
}
.topic-toc .toc-disclosure{width:100%}
@media(min-width:761px){.topic-toc .toc-disclosure>summary{display:none}.topic-toc .toc-links{display:flex;flex-wrap:wrap;gap:10px 24px}}
@media(max-width:760px){.topic-toc{display:block;margin:20px;border:1px solid #dfd1b5;border-radius:8px;padding:0;background:#fff9ec}.topic-toc .toc-links a{border-top:1px solid #e5d9c1}.topic-toc .toc-disclosure>summary h2{margin:0;font:600 14px var(--font-body)}}