/* MacAir Studio CMS 2.4 · province finder · isolated from the original site design */
.th-provinces,.th-provinces *, .th-hub *{box-sizing:border-box}
.th-provinces{width:min(1240px,calc(100% - 32px));margin:36px auto 48px;padding:24px clamp(15px,3vw,34px);border:1px solid rgba(91,156,218,.29);border-radius:22px;background:linear-gradient(140deg,#0d1f36 0%,#142b4a 100%);color:#f1f6ff;box-shadow:0 20px 35px rgba(1,11,27,.18);font-family:inherit;min-width:0}
.th-provinces-top,.th-provinces-head{display:flex;justify-content:space-between;align-items:center;gap:17px;flex-wrap:wrap}
.th-area-tag{color:#b0f8dd;background:rgba(51,183,138,.1);border:1px solid rgba(116,230,175,.19);font-size:11px;font-weight:800;border-radius:100px;padding:7px 11px;letter-spacing:.55px}
.th-area-hint{font-size:12px;color:#9fb0cc}
.th-provinces-head{align-items:end;margin:18px 0 22px}
.th-provinces-head>div{flex:1;min-width:190px;max-width:800px}
.th-provinces h2{font-size:clamp(19px,2.25vw,29px);font-weight:800;line-height:1.35;color:#fff;margin:0 0 10px;letter-spacing:0}
.th-provinces p{color:#c4d3e9;font-size:14px;line-height:1.8;margin:0}
.th-provinces p strong{color:#fce49f;font-weight:750}
.th-provinces a.th-provinces-hub{border:1px solid rgba(143,185,236,.35);color:#c5e7ff;padding:10px 14px;border-radius:9px;font-weight:700;font-size:12px;text-decoration:none;white-space:normal}
.th-province-search{background:rgba(255,255,255,.055);border:1px solid rgba(139,188,244,.23);border-radius:13px;padding:12px 14px;display:flex;gap:12px;align-items:center;min-width:0;margin-bottom:14px}
.th-province-search>span:first-child{font-size:12px;white-space:nowrap;color:#b7cee9}
.th-province-search input{flex:1;width:100%;min-width:0;background:transparent;border:0;outline:none;color:white;font:inherit;font-size:14px;padding:5px 0;box-shadow:none!important}
.th-province-search input::placeholder{color:#91a7c6;opacity:1}
.th-province-search:focus-within{border-color:#6bdcbf}
.th-province-search .th-search-count{font-size:11px;color:#a9c1dc;white-space:nowrap}
.th-province-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-width:0}
.th-province-group{min-width:0;border:1px solid rgba(126,175,227,.16);background:rgba(0,0,0,.14);border-radius:11px;overflow:hidden}
.th-province-group summary{list-style:none;cursor:pointer;color:#f2f7ff;font-size:13px;font-weight:800;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.th-province-group summary::-webkit-details-marker{display:none}
.th-province-group summary:after{content:'⌄';color:#b7d5fb;font-size:16px;line-height:1;transform:rotate(0)}
.th-province-group:not([open]) summary:after{transform:rotate(-90deg)}
.th-province-group summary small{font-size:10px;color:#a3b9d2;margin-left:auto;font-weight:500}
.th-province-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 12px 13px}
.th-provinces a.th-province-chip{display:inline-block;max-width:100%;overflow-wrap:anywhere;border-radius:7px;border:1px solid rgba(143,177,218,.2);padding:6px 9px;color:#d3e4f7;background:rgba(255,255,255,.06);text-decoration:none;font-size:12px;line-height:1.4;transition:background .14s,border .14s}
.th-provinces a.th-province-chip:hover,.th-provinces a.th-province-chip:focus-visible,.th-provinces a.th-province-chip.is-selected{background:rgba(59,191,148,.2);border-color:#62cfab;color:#f3fffb}
.th-province-chip[hidden],.th-province-group[hidden]{display:none!important}
.th-province-result{display:flex;align-items:center;gap:13px;flex-wrap:wrap;border:1px solid rgba(92,199,170,.26);background:rgba(9,100,85,.14);padding:14px 15px;border-radius:12px;margin-top:15px}
.th-result-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(73,185,146,.16);color:#8ff2cc;flex-shrink:0}
.th-province-result>div{flex:1;min-width:190px}.th-province-result strong{display:block;color:#fff;font-size:13px;line-height:1.6}.th-province-result p{font-size:12px;margin-top:3px;line-height:1.75;color:#b6cde2}
.th-province-result>a{display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:9px 13px;border-radius:9px;background:#38cc69;color:#081d16!important;font-weight:800;text-decoration:none;max-width:100%}
.th-hub{min-height:100vh;background:#06101e;color:#edf4ff;font:400 16px/1.7 system-ui,-apple-system,'Noto Sans Thai',sans-serif;padding:0 0 30px}
.th-hub .th-hub-header{background:#080f1c;border-bottom:1px solid #1b395d;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px max(16px,calc((100vw - 1240px)/2))}
.th-hub a{color:#a9d9ff}.th-hub .th-hub-header a{font-size:13px;font-weight:750;text-decoration:none}
.th-hub .th-hub-hero,.th-hub .th-hub-steps,.th-hub .th-hub-links{max-width:1240px;margin:0 auto;padding:34px 24px 8px}
.th-hub .th-hub-hero{padding-top:48px}.th-hub h1{font-size:clamp(25px,4vw,45px);max-width:990px;line-height:1.35;margin:15px 0;color:white}.th-hub h2{font-size:23px;line-height:1.4;color:white;margin:0 0 17px}
.th-hub .th-hub-hero p{max-width:850px;color:#c2d3e9;font-size:16px}.th-hub .th-hub-hero-tag{border-radius:99px;padding:7px 13px;background:#1a5d56;color:#c6fff0;font-size:12px;font-weight:800}
.th-hub-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.th-hub-step-grid article{border:1px solid #21425f;background:#0e2037;padding:20px;border-radius:14px}.th-hub-step-grid b{color:#9be7d3;font-size:12px}.th-hub-step-grid h3{margin:6px 0;color:white;font-size:18px}.th-hub-step-grid p{margin:0;color:#b3c8de;font-size:13px}
.th-hub-links .th-hub-models{display:flex;flex-wrap:wrap;gap:9px}.th-hub-models a{padding:8px 12px;border:1px solid #2a5474;border-radius:10px;text-decoration:none;font-size:12px}
.th-hub-footer{color:#a3b1c4;text-align:center;font-size:11px;padding:22px}
@media(max-width:740px){.th-provinces{width:calc(100% - 22px);margin:24px auto 35px;padding:18px 12px;border-radius:16px}.th-province-groups{grid-template-columns:1fr}.th-provinces-head{align-items:flex-start}.th-provinces-head>div{min-width:0}.th-province-search{flex-wrap:wrap;gap:4px 9px}.th-province-search>span:first-child{width:100%}.th-province-search input{width:50%}.th-province-result>a{width:100%}.th-hub-step-grid{grid-template-columns:1fr}.th-hub .th-hub-hero,.th-hub .th-hub-steps,.th-hub .th-hub-links{padding:30px 14px 6px}}
@media(prefers-reduced-motion:reduce){.th-provinces a{transition:none!important}}

.th-provinces .th-province-example{font-size:11px;color:#aabeda;margin:10px 0 0}.th-province-example strong{color:#e4ecfb!important;font-weight:600}