.article-hero{margin-top:80px;min-height:610px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(0deg,rgba(0,22,38,.92),rgba(0,30,52,.12)),url('assets/places/jomtien-beach.webp') center/cover}.article-hero-inner{width:min(960px,100%);margin:0 auto;padding:64px 24px}.breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:26px;color:#e6edf0}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.article-hero h1{font:800 clamp(38px,5.2vw,66px)/1.18 "Be Vietnam Pro","Noto Sans Thai";letter-spacing:-.025em;max-width:920px;margin:8px 0 18px}.article-hero p{font-size:18px;max-width:740px;color:#e8eff2}.byline{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:#d1e0e6;margin-top:26px}.article-layout{max-width:1180px;margin:0 auto;padding:72px 24px 100px;display:grid;grid-template-columns:230px minmax(0,760px);gap:72px;justify-content:center}.toc{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;padding:20px;border-left:3px solid var(--blue);background:#fff;border-radius:0 14px 14px 0;box-shadow:0 8px 28px rgba(0,94,151,.07)}.toc strong{margin-bottom:8px}.toc a{font-size:14px;color:#5d6670;padding:5px 0}.toc a:hover{color:var(--blue)}.prose{font-size:17px;line-height:1.85}.prose .lead{font-size:21px;color:#313b44}.prose h2{font:800 32px/1.45 "Be Vietnam Pro","Noto Sans Thai";margin:56px 0 18px;scroll-margin-top:100px}.prose h3{font:700 22px/1.5 "Be Vietnam Pro","Noto Sans Thai";margin:34px 0 10px}.prose p{margin:0 0 21px;color:#353b40}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.note{padding:22px 24px;margin:30px 0;background:#e2f2ff;border-radius:16px;border-left:4px solid var(--blue)}.note p{margin:5px 0 0}.table-wrap{overflow-x:auto;margin:30px 0;border-radius:16px;box-shadow:0 8px 28px rgba(0,94,151,.08)}table{border-collapse:collapse;width:100%;min-width:650px;background:#fff}caption{text-align:left;padding:16px 18px;background:#dcefff;font-weight:700}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid #e5e8eb}th{background:#f2f7fa;color:#164564}ul{padding-left:24px}.timeline{display:grid;gap:16px;margin:28px 0}.timeline>div{background:#fff;border:1px solid #d9e2e8;border-radius:16px;padding:22px;box-shadow:0 8px 26px rgba(0,94,151,.06)}.timeline b{color:var(--blue);font-size:18px}.timeline p{margin:7px 0 0}.faq details{background:#fff;border:1px solid #d9e2e8;border-radius:14px;margin:12px 0;padding:0 18px}.faq summary{cursor:pointer;font-weight:700;padding:18px 0}.faq details p{padding:0 0 18px;margin:0}.article-end{margin-top:50px;padding:34px;border-radius:20px;background:linear-gradient(135deg,#005e97,#0077be);color:#fff}.article-end strong{font-size:24px}.article-end p{color:#e0f2ff}.article-end a{display:inline-block;background:#fff;color:var(--blue);border-radius:999px;padding:10px 18px;text-decoration:none;font-weight:700}@media(max-width:850px){.article-hero{margin-top:68px;min-height:570px}.article-hero-inner{padding:48px 16px}.article-layout{display:block;padding:42px 16px 80px}.toc{position:static;margin-bottom:38px}.prose{font-size:16px}.prose .lead{font-size:19px}.prose h2{font-size:27px;margin-top:44px}}