/* Article-only shell. Do not add .atc-home-v2 to body or load Search's whole stylesheet. */
body.atc-content-v2026 { --atc-shell-width:1170px; --atc-reading-offset:96px; margin:0; background:#fff; color:#17212f; font-family:Kanit,Tahoma,Geneva,sans-serif; font-size:16px; line-height:1.6; }
body.atc-content-v2026 .atc-article-shell { box-sizing:border-box; width:calc(100% - 48px); max-width:var(--atc-shell-width); margin:32px auto 56px; }
.atc-content-v2026 .atc-article-grid { display:grid; grid-template-columns:minmax(0,780px) 300px; gap:36px; justify-content:center; }
.atc-content-v2026 .atc-article-grid--locked { grid-template-columns:minmax(0,780px); }
.atc-content-v2026 .atc-article-column, .atc-content-v2026 .atc-article, .atc-content-v2026 .atc-article-sidebar { min-width:0; margin:0; padding:0; }
.atc-content-v2026 .atc-article-title { margin:0 0 16px; padding:0; border:0; background:transparent; color:#17212f; font-size:clamp(32px,3vw,40px); font-weight:700; line-height:1.4; text-transform:none; overflow-wrap:anywhere; }
.atc-content-v2026 .atc-article-meta { display:flex; flex-wrap:wrap; gap:6px 20px; color:#626d7c; font-size:13px; line-height:1.75; }
.atc-content-v2026 .atc-article-meta a { color:#4e5967; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.atc-content-v2026 .atc-article-deck { margin:18px 0 0; padding:0; color:#55616f; font-size:19px; line-height:1.8; }
.atc-content-v2026 .atc-article-header { margin:0 0 24px; padding:0 0 20px; border-bottom:1px solid #e7eaf0; }
.atc-content-v2026 .atc-article-share { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:18px 0 0; color:#626d7c; font-size:12px; }
.atc-content-v2026 .atc-article-share-status { font-size:12px; color:#376044; }
.atc-content-v2026 .atc-article-copy-fallback { flex-basis:100%; }
.atc-content-v2026 .atc-article-copy-fallback input { box-sizing:border-box; width:100%; padding:10px; font-size:14px; }
.atc-content-v2026 .atc-article-featured { margin:0 0 28px; padding:0; }
.atc-content-v2026 .atc-article-featured img { display:block; width:100%; height:auto; border-radius:8px; }
.atc-content-v2026 .atc-article-featured figcaption { margin-top:8px; color:#667085; font-size:13px; line-height:1.7; }
.atc-content-v2026 .atc-article-body { display:flow-root; width:100%; min-width:0; padding:0; color:#27313e; font-size:18px; line-height:1.85; overflow-wrap:break-word; word-break:normal; }
.atc-content-v2026 .atc-article-body p { margin:0 0 1.1em; padding:0; line-height:inherit; }
.atc-content-v2026 .atc-article-body :is(h1,h2,h3,h4,h5,h6) { margin:1.7em 0 .65em; padding:0; border:0; color:#17212f; font-family:inherit; font-weight:700; line-height:1.5; scroll-margin-top:var(--atc-reading-offset); }
.atc-content-v2026 .atc-article-body h1, .atc-content-v2026 .atc-article-body h2 { font-size:28px; }
.atc-content-v2026 .atc-article-body h3 { font-size:24px; }
.atc-content-v2026 .atc-article-body :is(h4,h5,h6) { font-size:20px; }
.atc-content-v2026 .atc-article-body > :first-child { margin-top:0; }
.atc-content-v2026 .atc-article-body :is(ul,ol) { margin:.7em 0 1.35em; padding:0 0 0 1.4em; }
.atc-content-v2026 .atc-article-body li { margin:0 0 .6em; padding-left:.15em; }
.atc-content-v2026 .atc-article-body li :is(ul,ol) { margin:.5em 0; }
.atc-content-v2026 .atc-article-body a { color:#80530b; text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.atc-content-v2026 .atc-article-body a:hover { color:#422800; }
.atc-content-v2026 .atc-article-body :is(strong,b) { font-weight:700; }
.atc-content-v2026 .atc-article-body :is(em,i) { font-style:italic; }
.atc-content-v2026 .atc-article-body blockquote { margin:24px 0; padding:18px 22px; border:0; border-left:3px solid #da9a24; border-radius:0 8px 8px 0; background:#faf7f1; color:#424d5a; }
.atc-content-v2026 .atc-article-body blockquote > :last-child { margin-bottom:0; }
.atc-content-v2026 .atc-article-body :is(img,video) { max-width:100%; height:auto; }
.atc-content-v2026 .atc-article-body :is(figure,.wp-caption) { max-width:100% !important; }
.atc-content-v2026 .atc-article-body > figure { margin:24px 0; }
.atc-content-v2026 .atc-article-body :is(.aligncenter,.wp-block-image img) { margin-inline:auto; }
.atc-content-v2026 .atc-article-body .alignleft { float:left; margin:8px 20px 12px 0; }
.atc-content-v2026 .atc-article-body .alignright { float:right; margin:8px 0 12px 20px; }
.atc-content-v2026 .atc-article-body :is(.alignwide,.alignfull) { width:100%; max-width:100%; margin-inline:0; }
.atc-content-v2026 .atc-article-body :is(figcaption,.wp-caption-text) { margin:8px 0 16px; padding:0; color:#626d7c; font-size:13px; line-height:1.75; text-align:left; }
.atc-content-v2026 .atc-article-body iframe { max-width:100%; }
.atc-content-v2026 .atc-article-body .atc-article-video { width:100%; height:auto; aspect-ratio:16/9; }
.atc-content-v2026 .atc-article-body :is(pre,code) { font-family:Consolas,monospace; font-size:.85em; }
.atc-content-v2026 .atc-article-body pre { max-width:100%; overflow:auto; padding:18px; border-radius:8px; background:#f4f5f7; }
/* Fallback scrolling works before JS. JS then wraps tables without rewriting rows/cells. */
.atc-content-v2026 .atc-article-body table { display:block; max-width:100%; width:100%; height:auto !important; overflow-x:auto; border-collapse:collapse; border-spacing:0; font-size:15px; line-height:1.65; }
.atc-content-v2026 .atc-article-body table :is(th,td) { min-width:90px; padding:12px 14px; border:1px solid #e1e5eb; vertical-align:top; }
.atc-content-v2026 .atc-article-body table th { background:#f3f5f7; color:#17212f; font-weight:600; text-align:left; }
.atc-content-v2026 .atc-article-body table .atc-cell-number { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.atc-content-v2026 .atc-article-body .CSSTableGenerator { width:100% !important; max-width:100%; height:auto; margin:24px 0; padding:0; border:0; box-shadow:none; overflow-x:auto; }
.atc-content-v2026 .atc-article-body .CSSTableGenerator :is(td,th) { border:1px solid #e1e5eb; padding:12px 14px; font:inherit; font-size:15px; color:#27313e; background:#fff; }
.atc-content-v2026 .atc-article-body .CSSTableGenerator tr:first-child td { background:#f3f5f7; color:#17212f; font-weight:600; }
.atc-content-v2026 .atc-article-body .CSSTableGenerator table:has(thead) tbody tr:first-child td { background:#fff; font-weight:400; }
.atc-content-v2026 .atc-article-table-scroll { width:100%; max-width:100%; overflow:auto; margin:8px 0 24px; border:1px solid #e1e5eb; border-radius:8px; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
.atc-content-v2026 .atc-article-table-scroll > table { display:table; max-width:none; width:100%; min-width:100%; margin:0; }
.atc-content-v2026 .atc-article-table-scroll > .atc-table-wide { min-width:var(--atc-table-width,800px); }
.atc-content-v2026 .atc-article-table-scroll:focus-visible { outline:3px solid #80530b; outline-offset:3px; }
.atc-content-v2026 .atc-article-body .atc-table-hint { margin:12px 0 6px; padding:8px 12px; border-left:3px solid #dca144; background:#fff9ef; color:#715026; font-size:13px; line-height:1.7; }
.atc-content-v2026 .atc-article-sidebar { display:flex; flex-direction:column; gap:24px; }
.atc-content-v2026 .atc-article-sticky-tools { position:sticky; top:var(--atc-reading-offset); }
.atc-content-v2026 .atc-article-toc { scroll-margin-top:var(--atc-reading-offset); }
.atc-content-v2026 .atc-article-toc ol { margin:0; padding:0; list-style:none; }
.atc-content-v2026 .atc-article-toc li { margin:0; padding:0; border-top:1px solid #e5e8ed; }
.atc-content-v2026 .atc-article-toc a { display:block; padding:10px 6px; color:#515e6e; font-size:14px; line-height:1.6; text-decoration:none; overflow-wrap:anywhere; }
.atc-content-v2026 .atc-article-toc .atc-toc-sub a { padding-left:18px; font-size:13px; }
.atc-content-v2026 .atc-article-toc a:hover, .atc-content-v2026 .atc-article-toc a[aria-current] { color:#755015; background:#fff5e3; }
.atc-content-v2026 .atc-article-sidebar .atc-article-toc nav { max-height:min(54vh,470px); overflow:auto; }
.atc-content-v2026 .atc-article-sidebar-links { padding:20px; border:1px solid #e1e5eb; border-radius:10px; }
.atc-content-v2026 .atc-article-sidebar-links h2 { margin:0 0 12px; padding:0; font-size:18px; font-weight:600; line-height:1.5; }
.atc-content-v2026 .atc-article-sidebar-links a { display:flex; gap:12px; justify-content:space-between; padding:12px 0; border-top:1px solid #e8ebef; color:#596577; font-size:14px; text-decoration:none; }
.atc-content-v2026 .atc-article-pages { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px 0; }
.atc-content-v2026 .atc-article-pages a, .atc-content-v2026 .atc-article-pages .post-page-numbers { display:inline-flex; min-width:40px; min-height:40px; padding:8px; border:1px solid #dedede; align-items:center; justify-content:center; border-radius:6px; }
.atc-content-v2026 .atc-article-pages .current { background:#ffefcf; }
.atc-content-v2026 .atc-article-installments { margin-top:30px; }
.atc-content-v2026 .atc-article-category-finder { display:grid; gap:8px; margin:0 0 14px; }
.atc-content-v2026 .atc-article-category-finder label { font-size:14px; }
.atc-content-v2026 .atc-article-category-finder select { box-sizing:border-box; width:100%; min-width:0; min-height:46px; border:1px solid #c8a46b; border-radius:8px; padding:8px 12px; background:#fff; color:#17212f; font:400 16px/1.5 Kanit,Tahoma,sans-serif; }
.atc-content-v2026 .atc-article-partner { margin:0 0 24px; padding:18px; border:1px solid #e7dcbf; border-radius:8px; background:#fffbf3; font-size:14px; }
.atc-content-v2026 .atc-article-partner p { padding:0; margin:5px 0; }
.atc-content-v2026 .atc-article-partner div { display:flex; flex-wrap:wrap; gap:12px; }
.atc-content-v2026 .atc-article-partner a { padding:6px 0; color:#80530b; text-decoration:underline; }
.atc-content-v2026 .atc-article-author { display:grid; grid-template-columns:64px minmax(0,1fr); gap:16px; margin:24px 0; padding:22px 0; border-top:1px solid #e7eaf0; border-bottom:1px solid #e7eaf0; }
.atc-content-v2026 .atc-article-author img { width:64px; height:64px; border-radius:50%; }
.atc-content-v2026 .atc-article-author h2 { margin:0 0 5px; padding:0; font-size:18px; font-weight:600; }
.atc-content-v2026 .atc-article-author p { margin:5px 0 8px; padding:0; color:#626d7c; font-size:14px; line-height:1.75; }
.atc-content-v2026 .atc-article-taxonomy { padding:10px 0 16px; font-size:13px; }
.atc-content-v2026 .atc-article-taxonomy nav { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.atc-content-v2026 .atc-article-taxonomy a { display:inline-block; padding:6px 9px; background:#f6f7f9; border:1px solid #e1e5eb; border-radius:6px; color:#5b6674; text-decoration:none; overflow-wrap:anywhere; }
.atc-content-v2026 .atc-article-tags { margin-top:16px; }
.atc-content-v2026 .atc-article-tags summary { padding:8px 0; color:#5b6674; cursor:pointer; }
.atc-content-v2026 .atc-article-related { margin:36px 0; padding-top:30px; border-top:1px solid #e1e5eb; }
.atc-content-v2026 .atc-article-comments { padding:24px 0; }
.atc-content-v2026 .atc-article-comments textarea { width:100%; max-width:100%; }
.atc-content-v2026 .atc-article-comments input { max-width:100%; }
.atc-content-v2026 .atc-article-preview-banner { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 16px; padding:10px 16px; background:#fff1d5; color:#6b4713; font-size:13px; }
.atc-content-v2026 .atc-article-top-ad { padding:12px 0; border-bottom:1px solid #e7eaf0; background:#f7f8fa; text-align:center; }
.atc-content-v2026 .atc-article-top-ad__desktop { width:728px; min-height:90px; margin:auto; }
.atc-content-v2026 .atc-article-top-ad__desktop > div { min-height:90px; }
.atc-content-v2026 .atc-article-top-ad__mobile { display:none; }
.atc-content-v2026 .atc-ad-preview { box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:inherit; padding:12px; border:1px dashed #d1d7df; background:#f0f2f5; color:#6c7683; font-size:14px; line-height:1.7; }
.atc-content-v2026 .atc-article-side-ad { min-height:278px; margin:0; padding:0; width:300px; max-width:100%; }
.atc-content-v2026 .atc-article-side-ad .atc-ad-preview, .atc-content-v2026 .atc-article-side-ad ins { min-height:250px; }
.atc-content-v2026 .atc-ad-label { margin:0 0 8px; padding:0; text-align:center; color:#6b7583; font-size:11px; }
.atc-content-v2026 .atc-article-skip { position:fixed; top:-150px; left:16px; z-index:100000; padding:12px 18px; background:#fff; color:#17212f; border:2px solid #80530b; border-radius:8px; }
.atc-content-v2026 .atc-article-skip:focus { top:44px; }
.atc-content-v2026 .atc-site-footer { font-family:Kanit,Tahoma,sans-serif; }
.atc-content-v2026 .atc-site-footer__inner { max-width:1170px; }
@media(max-width:1100px) {
  .atc-content-v2026 .atc-article-grid { grid-template-columns:minmax(0,780px); }
  .atc-content-v2026 .atc-article-sidebar { display:none; }
  .atc-content-v2026 .atc-article-top-ad__desktop { display:none; }
  .atc-content-v2026 .atc-article-top-ad__mobile { display:block; width:calc(100% - 24px); max-width:728px; min-height:280px; margin:auto; }
  .atc-content-v2026 .atc-article-top-ad__mobile > * { min-height:280px; }
}
@media(max-width:600px) {
  body.atc-content-v2026 .atc-article-shell { width:calc(100% - 32px); margin:20px auto 40px; }
  .atc-content-v2026 .atc-ui-breadcrumb { margin-bottom:18px; font-size:12px; }
  .atc-content-v2026 .atc-article-title { font-size:28px; line-height:1.5; margin-bottom:14px; }
  .atc-content-v2026 .atc-article-meta { gap:4px 14px; font-size:12px; }
  .atc-content-v2026 .atc-article-deck { font-size:18px; }
  .atc-content-v2026 .atc-article-body { font-size:18px; line-height:1.85; }
  .atc-content-v2026 .atc-article-body :is(h1,h2) { font-size:25px; }
  .atc-content-v2026 .atc-article-body h3 { font-size:22px; }
  .atc-content-v2026 .atc-article-body :is(.alignleft,.alignright) { float:none; display:block; max-width:100%; margin:18px auto; }
  .atc-content-v2026 .atc-article-body blockquote { padding:16px; }
  .atc-content-v2026 .atc-article-body table :is(th,td) { padding:10px 12px; }
  .atc-content-v2026 .atc-article-top-ad__mobile { max-width:336px; }
}
@media print {
  body.atc-content-v2026 { background:#fff; color:#000; }
  .atc-content-v2026 :is(.atc-chrome26,.atc-article-top-ad,.atc-article-sidebar,.atc-article-share,.atc-ui-cta,.atc-site-footer,.atc-article-preview-banner,.atc-article-related,.atc-article-installments) { display:none !important; }
  body.atc-content-v2026 .atc-article-shell { width:100%; max-width:none; margin:0; }
  .atc-content-v2026 .atc-article-grid { display:block; }
  .atc-content-v2026 .atc-article-body { font-size:12pt; }
}
/* ATC Content: compact typography — one level smaller */
@media screen {

    /* ชื่อบทความ */
    .atc-content-v2026 .atc-article-title {
        font-size: 32px;
        line-height: 1.4;
        margin-bottom: 14px;
    }

    /* ข้อความเกริ่นใต้ชื่อบทความ */
    .atc-content-v2026 .atc-article-deck {
        font-size: 17px;
        line-height: 1.75;
    }

    /* เนื้อหาบทความ */
    .atc-content-v2026 .atc-article-body {
        font-size: 17px;
        line-height: 1.75;
    }

    /* ระยะห่างระหว่างย่อหน้า */
    .atc-content-v2026 .atc-article-body p {
        margin-bottom: 16px;
    }

    /* ระยะก่อนและหลังหัวข้อภายในบทความ */
    .atc-content-v2026 .atc-article-body :is(h1, h2, h3, h4, h5, h6) {
        margin-top: 32px;
        margin-bottom: 12px;
        line-height: 1.5;
    }

    /* รวม H1 ในเนื้อหา เพื่อรองรับบทความเก่าที่ใช้ H1 ภายในโพสต์ */
    .atc-content-v2026 .atc-article-body :is(h1, h2) {
        font-size: 24px;
    }

    .atc-content-v2026 .atc-article-body h3 {
        font-size: 20px;
    }

    .atc-content-v2026 .atc-article-body :is(h4, h5, h6) {
        font-size: 18px;
    }
}

/* Mobile */
@media screen and (max-width: 600px) {

    .atc-content-v2026 .atc-article-title {
        font-size: 24px;
        line-height: 1.45;
    }

    .atc-content-v2026 .atc-article-deck,
    .atc-content-v2026 .atc-article-body {
        font-size: 16px;
        line-height: 1.75;
    }

    .atc-content-v2026 .atc-article-body :is(h1, h2, h3, h4, h5, h6) {
        margin-top: 28px;
    }

    .atc-content-v2026 .atc-article-body :is(h1, h2) {
        font-size: 22px;
    }

    .atc-content-v2026 .atc-article-body h3 {
        font-size: 18px;
    }

    .atc-content-v2026 .atc-article-body :is(h4, h5, h6) {
        font-size: 17px;
    }
}