/* self-hosted fonts */
@font-face{font-family:'Prompt';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/prompt-400-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Prompt';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/prompt-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Prompt';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/prompt-500-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Prompt';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/prompt-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Prompt';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/prompt-600-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Prompt';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/prompt-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Prompt';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/prompt-700-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Prompt';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/prompt-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/sarabun-300-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/sarabun-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sarabun-400-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sarabun-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/sarabun-500-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/sarabun-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sarabun-600-thai.woff2) format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Sarabun';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sarabun-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ===== Base ===== */
body{margin:0;font-family:'Sarabun',system-ui,sans-serif;background:#fff}
a{color:#14264A;text-decoration:none;transition:opacity .15s}
a:hover{opacity:.85}

/* ===== Responsive / Mobile optimization — ทุบตึกฟรี.com ===== */
img{max-width:100%}
*,*::before,*::after{box-sizing:border-box}
/* ---------- Tablet ---------- */
@media (max-width:1024px) and (min-width:769px){
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  [style*="grid-template-columns:120px 1fr 1fr"]{grid-template-columns:1fr 1fr!important}
  [style*="grid-template-columns:1.5fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important}
  [style*="padding:64px 48px"]{padding:52px 30px!important}
  [style*="padding:72px 48px"]{padding:56px 30px!important}
  [style*="padding:56px 48px"]{padding:46px 30px!important}
  [style*="font-size:64px"]{font-size:46px!important}
}
/* ---------- Mobile ---------- */
@media (max-width:768px){
  html,body{overflow-x:hidden;max-width:100%}
  *{box-sizing:border-box}

  /* section horizontal padding (order: base first, longer variants override) */
  [style*="padding:20px 48px"]{padding:12px 16px!important}
  [style*="padding:20px 48px 0"]{padding:14px 16px 0!important}
  [style*="padding:16px 48px 24px"]{padding:16px 16px 24px!important}
  [style*="padding:36px 48px"]{padding:26px 16px!important}
  [style*="padding:40px 48px 72px"]{padding:30px 16px 44px!important}
  [style*="padding:52px 48px 64px"]{padding:34px 16px 40px!important}
  [style*="padding:56px 48px"]{padding:34px 16px!important}
  [style*="padding:56px 48px 72px"]{padding:34px 16px 44px!important}
  [style*="padding:64px 48px"]{padding:38px 16px!important}
  [style*="padding:64px 48px 56px"]{padding:38px 16px 34px!important}
  [style*="padding:72px 48px"]{padding:42px 16px!important}

  /* grids -> single column */
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  [style*="grid-template-columns:repeat(5,1fr)"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:1.5fr 1fr 1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:120px 1fr 1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:1.1fr 1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:1.2fr 1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:1fr 1.1fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:1fr 1.2fr"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}

  /* font sizes scale down */
  [style*="font-size:64px"]{font-size:30px!important}
  [style*="font-size:48px"]{font-size:26px!important}
  [style*="font-size:44px"]{font-size:25px!important}
  [style*="font-size:40px"]{font-size:23px!important}
  [style*="font-size:38px"]{font-size:23px!important}
  [style*="font-size:34px"]{font-size:22px!important}
  [style*="font-size:32px"]{font-size:22px!important}
  [style*="font-size:30px"]{font-size:21px!important}

  /* neutralize fixed-width overflow (also matches max-width:* variants) */
  [style*="width:980px"]{max-width:100%!important}
  [style*="width:640px"]{max-width:100%!important}
  [style*="width:600px"]{max-width:100%!important}

  /* header / nav */
  header[style*="padding:20px 48px"]{flex-direction:column;align-items:stretch;gap:10px}
  header nav[style*="display:flex"]{flex-wrap:wrap;justify-content:center;gap:8px 14px!important;width:100%;font-size:13px!important}

  /* only stack flex rows that truly need it (skip baseline label/value rows) */
  [style*="justify-content:space-between"][style*="align-items:flex-end"]{flex-direction:column;align-items:flex-start!important;gap:14px}
  [style*="justify-content:space-between;align-items:center;gap:40px"]{flex-direction:column;align-items:flex-start!important;gap:18px!important}
  [style*="padding:16px 48px 24px"]{flex-direction:column;gap:8px}
  [style*="display:flex;gap:14px"]{flex-wrap:wrap!important}

  /* process strip: left divider -> top divider when stacked */
  [style*="border-left:1px solid rgba(255,255,255,.18)"]{border-left:none!important;border-top:1px solid rgba(255,255,255,.18)!important;padding:16px 0!important}

  /* tall tiles */
  [style*="height:340px"]{height:240px!important}
}
/* ---------- Small phones ---------- */
@media (max-width:480px){
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  [style*="font-size:64px"]{font-size:27px!important}
  [style*="font-size:48px"]{font-size:24px!important}
}

/* ===== Accessibility: WCAG AA contrast overrides ===== */
[style*="color:#B8892F"]{color:#7a5c12!important}       /* gold text on light bg */
[style*="color:#4A3D1D"]{color:#33290f!important}       /* stats text on gold band */
[style*="color:#9AA0AB"]{color:#5f636b!important}       /* footer fine print */
[style*="color:#9AA0AB"] a,a[style*="color:#9AA0AB"]{color:#5f636b!important}
[style*="color:#06C755"]{color:#0a7d37!important}       /* green 'L' mark on white */
[style*="background:#06C755"]{background:#0a7d37!important} /* LINE buttons (white text now AA) */
