@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--sans:"Inter", system-ui, -apple-system, sans-serif;font-family:var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;margin:0;padding:0}*{box-sizing:border-box}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes logoBounce{0%,to{transform:translateY(0)scale(1)rotate(0)}25%{transform:translateY(-12px)scale(1.05)rotate(-3deg)}50%{transform:translateY(0)scale(.95)rotate(0)}75%{transform:translateY(-6px)scale(1.02)rotate(3deg)}}@keyframes textPulse{0%,to{opacity:.4;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:translateY(0)scale(.8)}40%{opacity:1;transform:translateY(-10px)scale(1.2)}}@keyframes loaderFadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.loader-logo-bounce{animation:1.2s ease-in-out infinite logoBounce}.loader-text-pulse{animation:1.2s ease-in-out infinite textPulse}.loader-dot{animation:1.2s ease-in-out infinite dotBounce}.loader-dot-1{animation-delay:0s}.loader-dot-2{animation-delay:.2s}.loader-dot-3{animation-delay:.4s}.loader-fade-out{animation:.4s ease-in-out forwards loaderFadeOut}.blog-page{color:#0f172a;background:#fff}.blog-shell{max-width:1160px;margin:auto;padding:110px 28px 80px}.blog-page a{color:inherit}.blog-page a:focus-visible{outline-offset:5px;outline:3px solid #2563eb}.blog-skip{z-index:1500;background:#fff;padding:14px;position:fixed;top:-100px;left:20px}.blog-skip:focus{top:10px}.blog-eyebrow{letter-spacing:.13em;color:#475569;font-size:11px;font-weight:800}.blog-dot{background:#2563eb;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.blog-hero{padding:55px 0 65px}.blog-hero h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(48px,7vw,82px);line-height:1.05}.blog-hero>p{color:#526174;max-width:650px;font-size:19px;line-height:1.7}.blog-hero-tags{flex-wrap:wrap;gap:9px;margin-top:27px;display:flex}.blog-hero-tags span{border:1px solid #dde5ef;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:600}.blog-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.blog-section-heading h2{letter-spacing:-.03em;font-size:19px}.blog-section-heading>span{letter-spacing:.1em;color:#64748b;white-space:nowrap;font-size:10px}.blog-card-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.blog-card{border:1px solid #e2e8f0;border-radius:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a0d}.city-art{color:#22594f;background:#dfeee9;height:300px;padding:26px;position:relative;overflow:hidden}.city-bangkok{color:#634c86;background:#eee8f5}.city-coordinate{letter-spacing:.12em;z-index:1;font-size:10px;font-weight:700;position:relative}.city-art svg{object-fit:cover;width:100%;height:100%;position:absolute;inset:15px 0 auto}.city-art-name{letter-spacing:-.06em;font-size:45px;font-weight:800;position:absolute;bottom:45px;left:26px}.city-art-language{letter-spacing:.02em;font-size:11px;font-weight:600;position:absolute;bottom:24px;left:28px}.blog-card-copy{padding:28px}.blog-card h3{letter-spacing:-.04em;margin:14px 0;font-size:27px;line-height:1.25}.blog-card p{color:#526174;margin-bottom:25px;font-size:15px;line-height:1.7}.blog-read-link{justify-content:space-between;font-size:13px;font-weight:700;display:flex}.blog-note{border-top:1px solid #e2e8f0;gap:28px;max-width:800px;margin:70px 0 45px;padding-top:35px;display:flex}.blog-note-icon{color:#2563eb;font:90px/1 Georgia}.blog-note h2{letter-spacing:-.03em;font-size:23px}.blog-note p{color:#526174;line-height:1.8}.blog-download{background:#f0f5ff;border:1px solid #dbe7ff;border-radius:25px;justify-content:space-between;align-items:center;gap:30px;margin:45px 0 0;padding:40px;display:flex}.blog-download h2{letter-spacing:-.04em;margin:14px 0;font-size:30px;line-height:1.15}.blog-download p{color:#526174;max-width:490px;line-height:1.7}.blog-download-actions{flex-direction:column;flex-shrink:0;gap:14px;display:flex}.blog-button{background:#0f172a;border-radius:12px;gap:24px;padding:16px 20px;font-size:14px;font-weight:600;text-decoration:none;display:flex;color:#fff!important}.blog-download-actions>a:not(.blog-button){text-align:center;font-size:13px}.blog-download small{color:#526174;text-align:center;font-size:11px}.blog-breadcrumb{color:#64748b;flex-wrap:wrap;gap:12px;margin:22px 0 45px;font-size:12px;display:flex}.blog-breadcrumb a{text-decoration:none}.article-header{max-width:850px;margin-bottom:35px}.article-header h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(36px,5.5vw,61px);line-height:1.1}.blog-deck{color:#526174;font-size:19px;line-height:1.7}.blog-meta{color:#526174;flex-wrap:wrap;gap:9px;margin-top:24px;font-size:12px;display:flex}.city-art.compact{border-radius:22px;height:270px}.city-art.compact svg{max-width:650px;left:auto;right:0}.city-art.compact .city-art-name{font-size:65px;bottom:53px}.article-layout{grid-template-columns:220px minmax(0,720px);gap:65px;margin-top:60px;display:grid}.article-toc{align-self:start;position:sticky;top:110px}.article-toc nav{flex-direction:column;gap:17px;margin:20px 0 28px;display:flex}.article-toc a{color:#526174;font-size:13px;line-height:1.5;text-decoration:none}.article-toc a:hover{color:#2563eb}.article-toc p{color:#64748b;max-width:185px;font-size:11px;line-height:1.7}.article-body{color:#334155;font-size:17px;line-height:1.85}.article-body .article-intro{color:#0f172a;margin-top:0;font-size:20px;line-height:1.75}.article-body section{margin-top:45px;scroll-margin-top:110px}.article-body h2{color:#0f172a;letter-spacing:-.035em;margin-bottom:20px;font-size:29px;line-height:1.25}.phrase-card{background:#f8fafc;border:1px solid #dce5ef;border-left:3px solid #2563eb;border-radius:0 14px 14px 0;margin:25px 0;padding:23px 25px}.phrase-card p{margin:6px 0}.phrase-label{letter-spacing:.1em;text-transform:uppercase;color:#64748b;font-size:10px;font-weight:800}.phrase-card .phrase-local{color:#0f172a;font-size:23px;font-weight:600;line-height:1.7}.phrase-card .phrase-meaning{color:#334155;font-size:15px}.phrase-card .phrase-note{color:#526174;margin-top:12px;font-size:13px;line-height:1.7}.article-sources{border-top:1px solid #e2e8f0;padding-top:30px}.article-sources p,.article-sources li{font-size:13px}.article-sources ul{padding-left:20px}.article-sources li{margin:15px 0}.article-sources a{color:#1d4ed8}.article-sources li span{color:#64748b;display:block}.blog-related{flex-direction:column;gap:15px;margin-top:45px;display:flex}.blog-related>a{letter-spacing:-.03em;max-width:720px;font-size:24px;font-weight:700;text-decoration:none}.blog-related>a:hover{text-decoration:underline}@media (width<=760px){.blog-shell{padding:95px 20px 45px}.blog-hero{padding:30px 0 38px}.blog-hero>p{font-size:16px}.desktop-break{display:none}.blog-section-heading{align-items:start}.blog-section-heading h2{max-width:230px;margin-top:0;font-size:17px}.blog-card-grid{grid-template-columns:1fr;gap:25px}.city-art{height:265px}.blog-card-copy{padding:24px}.blog-note{gap:15px;margin:40px 0 30px}.blog-note h2{font-size:21px}.blog-note p{font-size:15px}.blog-download{flex-direction:column;align-items:start;padding:28px}.blog-download h2{font-size:28px}.blog-download-actions{width:100%}.blog-button{justify-content:space-between}.article-layout{grid-template-columns:1fr;gap:20px;margin-top:30px}.article-toc{border-bottom:1px solid #e2e8f0;padding-bottom:12px;position:static}.article-toc nav{grid-template-columns:1fr 1fr;gap:14px;display:grid}.article-toc p{max-width:none}.article-body{font-size:16px}.article-body h2{font-size:25px}.article-body .article-intro{font-size:19px}.article-header{margin-bottom:28px}.blog-deck{font-size:17px}.blog-breadcrumb{margin:15px 0 30px}.city-art.compact{height:220px}.city-art.compact .city-art-name{font-size:46px}.phrase-card{padding:18px}.phrase-card .phrase-local{font-size:21px}.blog-meta{font-size:11px}.article-sources a{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-page{scroll-behavior:auto}}.article-review,.article-body .article-references{color:#626560;font-size:.875rem;line-height:1.7}.article-body .article-references a{color:inherit;text-underline-offset:3px}.article-callout{background:#f4f6ef;border:1px solid #d9dfd3;border-radius:16px;padding:1.5rem}.article-body .article-callout h2{margin-top:0;font-size:1.35rem}.article-body .article-callout p{font-size:.95rem}@media (width<=600px){.article-callout{padding:1.1rem}}