.language-switch{position:relative;flex-shrink:0}.language-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-width:46px;min-height:40px;padding:8px 4px;border:0;background:transparent;color:#f3ead7;font:600 13px var(--display);letter-spacing:1px}.language-toggle:hover,.language-toggle[aria-expanded="true"]{color:var(--accent)}.language-chevron{color:#baaa90;font-size:15px;line-height:1;transition:transform .18s}.language-toggle[aria-expanded="true"] .language-chevron{transform:rotate(180deg)}.language-dropdown{position:absolute;right:-12px;top:calc(100% + 15px);min-width:170px;padding:6px;background:#2a2118;border:1px solid #ffffff26;box-shadow:0 16px 40px #0008;z-index:70}.language-dropdown>button{display:flex;align-items:center;gap:12px;width:100%;min-height:45px;padding:10px 13px;background:transparent;text-align:left;font-size:13px;color:#d1c1a6}.language-dropdown>button:hover{background:#ffffff08;color:#fff}.language-dropdown>button[aria-pressed="true"]{background:#c496501f;color:#f3ead7}.language-dropdown small{margin-left:auto;color:#b5a180;font:600 11px var(--display);letter-spacing:1px}.language-check{width:13px;color:var(--accent);visibility:hidden}.language-dropdown>button[aria-pressed="true"] .language-check{visibility:visible}
.translation-notice{margin:5px 7px 2px;padding:12px 6px 6px;border-top:1px solid #ffffff17;max-width:190px}.translation-notice p{margin:0;color:#c9b89a;font:400 11px/1.6 var(--thai);letter-spacing:0}.translation-notice button{margin-top:8px;padding:3px 0;background:transparent;color:#e1b470;font-size:12px;text-decoration:underline;text-underline-offset:3px}.language-toggle::before{content:'';width:5px;height:5px;border-radius:50%;background:#9ba17b;flex-shrink:0}.language-switch[data-translation-state="pending"] .language-toggle::before{background:#e6c280;animation:translation-pulse 1s ease-in-out infinite}.language-switch[data-translation-state="error"] .language-toggle::before{background:#c49650}.language-switch[data-translation-state="error"] .translation-notice p{color:#e4c9a4}@keyframes translation-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.language-switch[data-translation-state="pending"] .language-toggle::before{animation:none}}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4,html[lang="en"] h5{font-family:var(--display);letter-spacing:.01em}html[lang="en"] .hero h1{font-size:59px;line-height:1.12}html[lang="en"] .hero-description{max-width:420px}html[lang="en"] .class-copy h4{letter-spacing:.02em}html[lang="en"] .hero-downloads{margin-top:25px}html[lang="en"] .section-heading h2{font-size:43px}html[lang="en"] .class-tabs>button>span:nth-child(2){font-family:var(--display);font-size:19px;letter-spacing:.3px}html[lang="en"] .article-section h1{font-size:44px}html[lang="en"] .guide-layout h2{font-size:51px;line-height:1.15}
/* เปลี่ยนเฉพาะข้อความไทยที่อยู่ในรูปปุ่มดาวน์โหลดเมื่อเลือกภาษาอังกฤษ */
html[lang="en"] .store-badge::after{content:'DOWNLOAD';position:absolute;left:29%;right:3%;top:59%;bottom:8%;display:flex;align-items:center;justify-content:flex-start;padding-left:0;background:#000;color:#fff;font:600 10px/1 var(--display);letter-spacing:.8px;pointer-events:none}html[lang="en"] .store-apple::after{left:27%}html[lang="en"] .store-android::after{left:32%;right:14%;top:10%;bottom:62%;font-size:9px}
@media(max-width:900px){.header-actions{gap:16px}html[lang="en"] .hero h1{font-size:51px}html[lang="en"] .section-heading h2{font-size:36px}html[lang="en"] .class-tabs>button>span:nth-child(2){font-size:17px}}
@media(max-width:650px){.header-actions{gap:9px}.language-toggle{min-width:36px;min-height:38px;padding:8px 0;font-size:12px;gap:6px}.language-dropdown{right:-10px;top:calc(100% + 13px);min-width:160px}html[lang="en"] .hero h1{font-size:44px;line-height:1.15}html[lang="en"] .section-heading h2{font-size:32px}html[lang="en"] .class-tabs>button>span:nth-child(2){font-size:15px}html[lang="en"] .article-section h1{font-size:35px}html[lang="en"] .guide-layout h2{font-size:43px}.language-switch+.button-small{padding-inline:10px}html[lang="en"] .store-badge::after{font-size:9px}html[lang="en"] .store-android::after{font-size:8px}}
html[lang="en"] .classes-section .section-aside br,html[lang="en"] .hero-description br{display:initial}
@media(max-width:380px){.site-header .brand-sub{display:none}.site-header{padding-inline:16px}.header-actions{gap:8px}.language-toggle{min-width:34px}html[lang="en"] .store-badge::after{font-size:8px}html[lang="en"] .store-android::after{font-size:7px}}