.site-intro,.seo-guide{width:min(1180px,calc(100% - 36px));margin-inline:auto;font-family:"IBM Plex Sans Thai",system-ui,sans-serif}
.site-intro{padding:22px 0 12px}
.site-intro-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
.language-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #c4c9b8;border-radius:999px;background:#fffdf6;white-space:nowrap}
.language-switch a{display:inline-flex;min-height:30px;align-items:center;padding:4px 11px;border-radius:999px;color:#526158;font-size:13px;font-weight:600;text-decoration:none}
.language-switch a[aria-current="page"]{background:#397765;color:#fff}
.language-switch a:focus-visible{outline:2px solid #26362e;outline-offset:2px}
.site-mark{color:#397765;font-family:"Silkscreen",sans-serif;font-size:13px;font-weight:700;text-decoration:none;letter-spacing:.02em}
.site-intro h1{max-width:950px;margin:0;color:#26362e;font-size:clamp(26px,4vw,42px);line-height:1.28;letter-spacing:-.02em}
.skip-to-game{display:inline-flex;margin:2px 0 0;color:#397765;font-weight:700;text-underline-offset:4px}
.seo-guide{max-width:900px;margin-top:50px;margin-bottom:92px;padding:28px 32px;border:1px solid #c4c9b8;border-radius:20px;background:#fffdf6;box-shadow:0 6px 0 #26362e0d;color:#3e5146;line-height:1.8}
.guide-eyebrow{margin:0 0 4px;color:#397765;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.seo-guide h2{margin:0 0 10px;color:#26362e;font-size:clamp(22px,3vw,30px);line-height:1.35}
.seo-guide h2:not(:first-of-type){margin-top:28px}
.seo-guide h3{margin:0 0 5px;color:#26362e;font-size:18px;line-height:1.5}
.seo-guide p{margin:7px 0 14px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.guide-grid section{padding:15px;border:1px solid #d3d8cb;border-radius:14px;background:#f4f5ec}
.guide-grid p{margin:0;color:#596a5f;font-size:14px}
.guide-faq{padding:12px 0;border-top:1px solid #d4d8ce}
.guide-faq:last-child{border-bottom:1px solid #d4d8ce}
.guide-faq summary{color:#26362e;font-weight:700;cursor:pointer}
.guide-faq p{margin:8px 0 0;color:#526158}
html[lang="en"] .site-intro,html[lang="en"] .seo-guide{font-family:Inter,"IBM Plex Sans Thai",system-ui,sans-serif}
html[lang="en"] .site-mark{font-family:"Silkscreen",monospace}
html[lang="en"] .site-intro h1{letter-spacing:-.035em}
@media(max-width:720px){.site-intro,.seo-guide{width:min(100% - 24px,600px)}.site-intro{padding-top:max(14px,env(safe-area-inset-top))}.site-intro-top{margin-bottom:13px}.site-mark{font-size:10px}.site-intro h1{font-size:26px}.seo-guide{margin-top:32px;margin-bottom:32px;padding:21px 17px;border-radius:15px}.guide-grid{grid-template-columns:1fr;gap:9px}.guide-grid section{padding:13px}}