@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap');
:root{--article-ink:#172033;--article-muted:#667085;--article-line:#e7eaf0;--article-soft:#f7f9fc;--article-accent:#ef6c2f;--article-accent-soft:#fff4ec}.article-page{background:#f7f8fb;color:var(--article-ink);font-family:'Sarabun',sans-serif}.article-page button,.article-page input,.article-page textarea,.article-page select{font-family:'Sarabun',sans-serif}.article-shell{width:min(920px,calc(100% - 40px));margin-inline:auto}.article-hero{padding:46px 0 44px;background:radial-gradient(circle at 85% 10%,#fff0e4 0,transparent 34%),linear-gradient(180deg,#fff 0,#fbfcfe 100%);border-bottom:1px solid var(--article-line)}.article-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:24px;color:var(--article-muted);font-size:13px}.article-breadcrumb a{color:inherit;text-decoration:none}.article-breadcrumb a:hover{color:var(--article-accent)}.article-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:var(--article-accent-soft);color:#b64b19;font-size:12px;font-weight:800;letter-spacing:.05em}.article-hero h1{max-width:880px;margin:16px 0 14px;font-size:clamp(34px,5vw,58px);line-height:1.12;letter-spacing:-.035em;font-family:'Sarabun',sans-serif}.article-deck{max-width:800px;margin:0 0 18px;color:#475467;font-size:19px;line-height:1.75}.article-meta{display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap;color:var(--article-muted);font-size:13px}.article-meta span{display:inline-flex;align-items:center;gap:6px}.article-cover{margin:30px 0 0;overflow:hidden;border:1px solid var(--article-line);border-radius:24px;background:#eef1f5;box-shadow:0 24px 60px rgba(15,23,42,.10)}.article-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-main{padding:44px 0 76px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:34px;align-items:start}.article-content-card{padding:42px 46px;border:1px solid var(--article-line);border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(15,23,42,.05)}.article-prose{font-size:18px;line-height:1.88}.article-prose>p:first-child{font-size:20px;line-height:1.8;color:#344054}.article-prose p{margin:0 0 22px}.article-prose h2{scroll-margin-top:110px;margin:54px 0 18px;padding-left:16px;border-left:4px solid var(--article-accent);font-size:30px;line-height:1.32;letter-spacing:-.02em;font-family:'Sarabun',sans-serif}.article-prose h3{margin:36px 0 14px;font-size:23px;font-family:'Sarabun',sans-serif}.article-prose ul,.article-prose ol{margin:0 0 26px;padding:20px 22px 20px 44px;border:1px solid var(--article-line);border-radius:16px;background:var(--article-soft)}.article-prose li{margin:8px 0}.article-prose a{color:#c65320;text-decoration-thickness:1px;text-underline-offset:3px}.article-prose blockquote{margin:30px 0;padding:22px 24px;border-left:4px solid var(--article-accent);border-radius:0 14px 14px 0;background:var(--article-accent-soft);color:#475467}.article-prose table{display:block;width:100%;overflow:auto;border-collapse:collapse;margin:26px 0}.article-prose th,.article-prose td{padding:12px 14px;border:1px solid var(--article-line);text-align:left}.article-prose th{background:var(--article-soft)}.article-side{position:sticky;top:96px;display:grid;gap:16px}.article-toc,.article-side-card{padding:18px;border:1px solid var(--article-line);border-radius:16px;background:#fff}.article-toc strong,.article-side-card strong{display:block;margin-bottom:10px;font-size:13px}.article-toc a{display:block;padding:7px 0;color:#667085;font-size:13px;line-height:1.5;text-decoration:none;border-bottom:1px solid #f0f2f5}.article-toc a:last-child{border-bottom:0}.article-toc a:hover{color:var(--article-accent)}.article-faq{margin-top:42px;padding-top:30px;border-top:1px solid var(--article-line)}.article-faq h2{margin:0 0 18px;font-size:28px}.article-faq details{margin:0 0 10px;border:1px solid var(--article-line);border-radius:14px;background:#fff;overflow:hidden}.article-faq summary{cursor:pointer;padding:16px 18px;font-weight:700}.article-faq details[open] summary{background:var(--article-soft)}.article-faq p{margin:0;padding:0 18px 18px;color:#475467;line-height:1.8}.article-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:34px;padding-top:24px;border-top:1px solid var(--article-line)}.article-tags span{padding:6px 10px;border-radius:999px;background:var(--article-soft);color:#475467;font-size:12px}.article-links{margin-top:30px;padding:22px;border:1px solid #fed7bd;border-radius:18px;background:var(--article-accent-soft)}.article-links strong{display:block;margin-bottom:10px}.article-links-grid{display:flex;gap:8px;flex-wrap:wrap}.article-links-grid a{display:inline-flex;padding:9px 12px;border-radius:10px;background:#fff;color:#9e4218;font-size:13px;font-weight:700;text-decoration:none;border:1px solid #f4c8ac}.article-cta{margin-top:30px;padding:26px;border:1px solid #ffd2b8;border-radius:20px;background:linear-gradient(135deg,#fff7f1,#fff)}.article-cta strong{display:block;font-size:21px}.article-cta p{color:#667085}.article-related-wrap{margin-top:42px}.article-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.article-related a{display:block;padding:20px;border:1px solid var(--article-line);border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:.2s ease}.article-related a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.07);border-color:#f0c5ab}.article-related p{margin:8px 0 0;color:#667085;font-size:14px;line-height:1.65}@media(max-width:980px){.article-layout{grid-template-columns:1fr}.article-side{position:static;grid-row:1}.article-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.article-toc strong{grid-column:1/-1}}@media(max-width:720px){.article-shell{width:min(100% - 26px,920px)}.article-hero{padding:34px 0}.article-hero h1{font-size:36px}.article-deck{font-size:17px}.article-main{padding:26px 0 54px}.article-content-card{padding:26px 20px;border-radius:18px}.article-prose{font-size:17px}.article-prose>p:first-child{font-size:18px}.article-prose h2{font-size:25px;margin-top:42px}.article-prose ul,.article-prose ol{padding-left:36px}.article-faq h2{font-size:24px}.article-toc{grid-template-columns:1fr}.article-related{grid-template-columns:1fr}}