/* ServerCheaper 77 Provinces v13 — self-contained public and admin styles. */
.sc-province-home,.sc-province-widget,.sc-province-page,.sc-province-admin{--p-deep:#07213c;--p-navy:#0a395d;--p-aqua:#08b9cb;--p-soft:#eefaff;--p-line:#d9eaf3;--p-text:#143d58;--p-mute:#55768a;box-sizing:border-box;overflow-wrap:anywhere}
.sc-province-home *,.sc-province-widget *,.sc-province-page *,.sc-province-admin *{box-sizing:border-box}
.sc-province-home{padding:46px 0;background:linear-gradient(180deg,#e9f8fc,#f8fdff);border-block:1px solid var(--p-line)}
.sc-province-home .container{width:min(100% - 36px,1240px);margin-inline:auto}
.sc-province-shell,.sc-province-widget{padding:28px;background:#fff;border:1px solid #cde7f1;border-radius:28px;box-shadow:0 18px 46px #063b5b12}
.sc-province-widget{margin:32px auto 48px;max-width:1240px}
.sc-province-heading,.sc-province-widget-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}
.sc-province-heading h2,.sc-province-widget-top h2{font:700 clamp(1.3rem,2.5vw,2rem)/1.35 'Prompt',system-ui,sans-serif;color:var(--p-deep);margin:5px 0 8px}
.sc-province-heading p,.sc-province-widget-top p{margin:0;color:var(--p-mute);line-height:1.7;max-width:680px}
.sc-province-kicker{display:inline-flex;color:#078ba1;letter-spacing:.11em;font:700 .76rem 'Prompt',system-ui,sans-serif}
.sc-province-pill{display:inline-flex;flex:none;align-items:center;gap:9px;padding:11px 16px;background:#e8f9fc;border:1px solid #bce6ef;border-radius:999px;color:#0d6983;font:700 .82rem 'Prompt',system-ui,sans-serif}
.sc-province-region{border:1px solid var(--p-line);border-radius:16px;background:linear-gradient(180deg,#fff,#f9fdff);margin:9px 0;overflow:hidden}
.sc-province-region[open]{border-color:#8ecfdc;box-shadow:0 10px 26px #0650740b}
.sc-province-region summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:14px 18px;color:#164661;font:700 .92rem 'Prompt',system-ui,sans-serif}
.sc-province-region summary::-webkit-details-marker{display:none}
.sc-province-region summary span{display:flex;align-items:center;gap:11px;color:#668597;font-size:.78rem;font-weight:500}
.sc-province-region summary b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#dcf7fa;color:#08788d;font-size:1.25rem}
.sc-province-region[open] summary b{transform:rotate(45deg)}
.sc-province-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 15px 15px}
.sc-province-links a{display:flex;align-items:center;min-width:0;min-height:42px;padding:9px 12px;border-radius:11px;background:#f2faff;border:1px solid #dcecf4;color:#24526b;text-decoration:none;font-size:.87rem;line-height:1.45;transition:.16s}
.sc-province-links a:hover{color:#046983;border-color:#89d7e4;background:#ebfcff;transform:translateY(-1px)}
.sc-province-footnote{margin:14px 0 0!important;color:#597789;font-size:.82rem;line-height:1.7}
.sc-province-page{min-width:0;margin:0;background:#f4faff;color:#183c54;font-family:'Sarabun',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8}
.sc-province-page a{color:inherit;text-decoration:none}
.sc-province-page a:focus-visible,.sc-province-admin a:focus-visible,.sc-province-admin button:focus-visible,.sc-province-admin input:focus-visible,.sc-province-region summary:focus-visible{outline:3px solid #00a8cb;outline-offset:3px}
.sc-province-container{max-width:1240px;width:min(100% - 36px,1240px);margin:0 auto}
.sc-province-topbar{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid #d7eaf1}
.sc-province-top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:75px}
.sc-province-brand{display:flex;align-items:center;gap:12px}
.sc-province-brand img{width:56px;height:49px;object-fit:contain}
.sc-province-brand strong{display:block;font:700 1rem/1.2 'Prompt',system-ui,sans-serif;color:#073453}
.sc-province-brand small{display:block;letter-spacing:.06em;font-size:.67rem;color:#6b8c9e}
.sc-province-topbar nav{display:flex;align-items:center;gap:16px;font:600 .86rem 'Prompt',system-ui,sans-serif;color:#31566d}
.sc-province-topbar nav a:hover{color:#0689a7}
.sc-province-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:23px 0 14px;color:#678498;font-size:.83rem}
.sc-province-breadcrumb a:hover{text-decoration:underline}
.sc-province-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr);gap:22px;align-items:stretch;padding:30px;border:1px solid #114e70;background:radial-gradient(circle at 90% 12%,#127b95 0%,transparent 34%),linear-gradient(130deg,#061d38,#0b4266 62%,#0b6278);color:#fff;border-radius:28px;box-shadow:0 22px 54px #06395728}
.sc-province-hero h1{color:#fff;font:700 clamp(1.8rem,3.4vw,3rem)/1.3 'Prompt',Tahoma,sans-serif;margin:10px 0 12px}
.sc-province-hero h1 em{font-style:normal;color:#80effc}
.sc-province-hero p{margin:0;color:#d1edf5;max-width:720px}
.sc-province-hero .sc-province-kicker{color:#a3eff7}
.sc-province-hero-aside{padding:22px;background:#ffffff11;border:1px solid #ffffff29;border-radius:22px;align-self:stretch}
.sc-province-hero-aside strong{display:block;color:#fff;font:700 1.4rem/1.45 'Prompt',Tahoma,sans-serif;margin:10px 0}
.sc-province-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}
.sc-province-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 17px;border-radius:13px;font:700 .9rem 'Prompt',Tahoma,sans-serif}
.sc-province-btn.green{background:#10c46e;color:#fff}
.sc-province-btn.light{background:#fff;color:#10476a}
.sc-province-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.sc-province-card,.sc-province-faq,.sc-province-listing,.sc-province-local-note,.sc-province-more{background:#fff;border:1px solid #d5e8f1;border-radius:24px;padding:27px;box-shadow:0 12px 33px #072d4709;margin:20px 0}
.sc-province-card h2,.sc-province-faq h2,.sc-province-listing h2,.sc-province-local-note h2,.sc-province-more h2{font:700 clamp(1.15rem,2vw,1.5rem)/1.4 'Prompt',Tahoma,sans-serif;color:#103e5d;margin:7px 0 12px}
.sc-province-card p,.sc-province-more p,.sc-province-listing p,.sc-province-local-note p{color:#527388;margin:0;line-height:1.85}
.sc-province-card ul{margin:5px 0 0;padding-left:22px;color:#42677c;line-height:1.85}
.sc-province-reading{background:#e9f9fd}
.sc-province-text-link{display:inline-flex;margin-top:14px;font:700 .95rem 'Prompt',sans-serif;color:#006b88!important}
.sc-province-faq details{border-top:1px solid #dfedf3;padding:13px 0}
.sc-province-faq summary{cursor:pointer;font:650 .96rem 'Prompt',Tahoma,sans-serif;color:#174663}
.sc-province-faq details p{margin:9px 0 0;color:#597789}
.sc-province-more>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.sc-province-more a,.sc-province-pagination a{display:inline-flex;padding:9px 14px;border-radius:12px;background:#e8f8fc;border:1px solid #c5e8f1;color:#086582;font-weight:700}
.sc-province-listing-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.sc-province-listing-head form{display:flex;gap:8px;flex-wrap:wrap;align-items:end}
.sc-province-listing-head form label{display:block;width:100%;font-size:.8rem;color:#69889a}
.sc-province-listing-head input{border:1px solid #bedfe9;border-radius:12px;padding:12px 13px;max-width:230px;min-width:0;flex:1}
.sc-province-listing-head button{padding:12px 15px;background:#0b6288;color:#fff;border:0;border-radius:12px;font-weight:700;cursor:pointer}
.sc-province-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.sc-province-list a{display:flex;justify-content:space-between;flex-direction:column;gap:5px;border:1px solid #daecf3;border-radius:15px;background:#f7fbfe;padding:12px 14px;min-width:0}
.sc-province-list a:hover{border-color:#85d5e3;background:#effdff}
.sc-province-list a span{font-weight:700;color:#174965}
.sc-province-list a small{color:#7292a5;font-size:.76rem}
.sc-province-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.sc-province-footer{margin-top:45px;background:#071f37;color:#c1dbe7;padding:24px 0}
.sc-province-footer>div{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}
.sc-province-footer strong{color:#fff}
/* Admin */
.sc-province-admin{background:#f1f8fc;color:#183d55;min-height:100vh;font:16px/1.7 'Sarabun',Tahoma,Arial,sans-serif;margin:0}
.sc-province-admin header{background:#072940;color:#fff;padding:18px 0}
.sc-province-admin .sc-province-container{width:min(100% - 36px,1250px)}
.sc-province-admin header .sc-province-container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sc-province-admin header h1{color:#fff;font:700 1.2rem/1.2 'Prompt',sans-serif;margin:0}
.sc-province-admin header nav{display:flex;gap:12px;flex-wrap:wrap}
.sc-province-admin header a{color:#cfeef7;font-weight:700}
.sc-province-admin main{padding:30px 0 60px}
.sc-province-admin .sc-province-admin-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}
.sc-province-admin h2{font:700 clamp(1.4rem,2.5vw,2.15rem)/1.4 'Prompt',sans-serif;color:#103650;margin:8px 0}
.sc-province-admin p{color:#547388}
.sc-province-admin .sc-province-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}
.sc-province-admin .sc-province-stat{padding:21px;border-radius:19px;background:#fff;border:1px solid #d7e8f1;box-shadow:0 9px 20px #053f6210}
.sc-province-admin .sc-province-stat strong{display:block;font:700 2rem/1.2 'Prompt',sans-serif;color:#075778}
.sc-province-admin .sc-province-stat span{font-size:.84rem;color:#688799}
.sc-province-admin .sc-province-card{margin-bottom:20px}
.sc-province-admin .sc-province-admin-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0}
.sc-province-admin .sc-province-admin-controls label{display:flex;gap:10px;align-items:center;color:#1b4c65;font-weight:700}
.sc-province-admin .sc-province-admin-controls input{width:20px;height:20px;accent-color:#098cb0}
.sc-province-admin .sc-province-admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.sc-province-admin button{background:#0a6589;border:1px solid #0a6589;color:#fff;padding:12px 20px;border-radius:11px;font:700 .92rem 'Prompt',sans-serif;cursor:pointer}
.sc-province-admin button.secondary{background:#fff;color:#17617a;border-color:#c6e1eb}
.sc-province-admin .sc-province-admin-group{border:1px solid #d9e9f1;border-radius:19px;overflow:hidden;margin:12px 0;background:#fff}
.sc-province-admin .sc-province-admin-group>summary{padding:14px 18px;background:#eff9fd;font-weight:700;cursor:pointer}
.sc-province-admin .sc-province-admin-row{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(150px,.55fr) minmax(210px,1.65fr);align-items:center;gap:14px;padding:14px 18px;border-top:1px solid #e2eef4}
.sc-province-admin .sc-province-admin-row label{display:flex;gap:9px;align-items:center;font-weight:700;color:#1b516e}
.sc-province-admin .sc-province-admin-row textarea{width:100%;min-height:80px;max-height:170px;resize:vertical;padding:10px;border:1px solid #c4deea;border-radius:11px;font:14px/1.6 'Sarabun',Tahoma,sans-serif}
.sc-province-admin .sc-province-admin-row a{color:#047695;font-size:.86rem;font-weight:700}
.sc-province-admin .sc-province-admin-row small{display:block;color:#7894a4;font-weight:400;margin:3px 0 0}
.sc-province-admin .sc-province-notice{padding:15px 18px;border-radius:15px;background:#e5f9f4;border:1px solid #bce6d8;color:#165944;margin:15px 0}
.sc-province-admin .sc-province-alert{padding:15px 18px;border-radius:15px;background:#fff6f2;border:1px solid #f4d2c3;color:#8a3e30;margin:15px 0}
@media(max-width:1100px){.sc-province-links{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-province-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-province-admin .sc-province-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.sc-province-heading,.sc-province-widget-top,.sc-province-listing-head,.sc-province-hero,.sc-province-content{display:block}.sc-province-hero-aside{margin-top:22px}.sc-province-hero{padding:24px}.sc-province-content>*{margin-bottom:18px}.sc-province-listing-head form{margin-top:18px}.sc-province-admin .sc-province-admin-row{grid-template-columns:1fr 1fr}.sc-province-admin .sc-province-admin-row>div:last-child{grid-column:1/-1}}
@media(max-width:600px){.sc-province-home{padding:27px 0}.sc-province-home .container,.sc-province-container,.sc-province-admin .sc-province-container{width:min(100% - 28px,1240px)}.sc-province-shell,.sc-province-widget,.sc-province-card,.sc-province-faq,.sc-province-listing,.sc-province-local-note,.sc-province-more{padding:17px;border-radius:20px}.sc-province-heading,.sc-province-widget-top{display:block}.sc-province-pill{margin-top:13px}.sc-province-links,.sc-province-list{grid-template-columns:1fr}.sc-province-region summary{padding:13px 12px;font-size:.88rem}.sc-province-hero{padding:21px;border-radius:20px}.sc-province-topbar nav{gap:8px;font-size:.73rem}.sc-province-brand img{width:44px;height:40px}.sc-province-brand small{font-size:.56rem}.sc-province-admin .sc-province-stat-grid,.sc-province-admin .sc-province-admin-row{grid-template-columns:1fr}.sc-province-admin .sc-province-admin-row>div:last-child{grid-column:auto}.sc-province-admin .sc-province-admin-hero{display:block}.sc-province-listing-head form input{width:100%;max-width:none}.sc-province-listing-head form button{width:100%}.sc-province-footer>div{display:block}.sc-province-footer span,.sc-province-footer a{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.sc-province-links a{transition:none}.sc-province-region[open] summary b{transform:none}}