/* สถิติ กทม. — GUI กลางของแอพ (header / footer) ; ส่วนเนื้อหา (.bst) มี CSS ในตัว view */
:root{--st-green:#0f6b45;--st-green-deep:#0a4a30;--st-green-tint:#e6f3ec;--st-gold:#c8963e;--st-ink:#14261c;--st-soft:#495b50;--st-rule:#d7e3da;--st-paper:#f6f9f7;--green-deep:#0a4a30;--ink-soft:#495b50}
body.st{font-family:'Sarabun','Noto Sans Thai',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--st-ink);background:var(--st-paper);font-size:16px;line-height:1.6}
body.st h1,body.st h2,body.st h3,body.st h4,body.st h5{font-family:inherit;font-weight:700}
.st-top{position:sticky;top:0;z-index:1030;background:#fff;border-bottom:3px solid var(--st-gold);box-shadow:0 2px 14px rgba(10,74,48,.10)}
.st-bar{max-width:1320px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.st-brand{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--st-green-deep)!important;min-width:0}
.st-mark{width:42px;height:42px;border-radius:12px;background:var(--st-green-tint);display:grid;place-items:center;font-size:22px}
.st-brand-t{display:flex;flex-direction:column;line-height:1.2}
.st-brand-t b{font-size:18px;color:var(--st-green-deep)}
.st-brand-t small{font-size:12px;color:var(--st-soft)}
.st-nav{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.st-nav>a{padding:8px 14px;border-radius:10px;text-decoration:none!important;color:var(--st-ink)!important;font-weight:600;font-size:15px}
.st-nav>a:hover{background:var(--st-green-tint);color:var(--st-green-deep)!important}
.st-dd{position:relative}
.st-dd>summary{list-style:none;cursor:pointer;padding:8px 14px;border-radius:10px;font-weight:600;font-size:15px;color:var(--st-ink)}
.st-dd>summary::-webkit-details-marker{display:none}
.st-dd>summary::after{content:"\25BE";margin-left:4px}
.st-dd[open]>summary,.st-dd>summary:hover{background:var(--st-green-tint);color:var(--st-green-deep)}
.st-dd-menu{position:absolute;right:0;top:100%;z-index:50;min-width:230px;background:#fff;border:1px solid #dfe4dc;border-radius:10px;box-shadow:0 8px 24px rgba(20,40,30,.14);padding:6px;display:flex;flex-direction:column}
.st-dd-menu a{padding:9px 12px;border-radius:8px;text-decoration:none!important;color:var(--st-ink)!important;font-size:14px}
.st-dd-menu a:hover,.st-dd-menu a.on{background:var(--st-green-tint);color:var(--st-green-deep)!important;font-weight:700}
.st-main>.container{max-width:1320px;padding-top:18px;padding-bottom:36px}
.st-foot{background:linear-gradient(135deg,#0a4a30,#0f6b45);color:#d6eadf;margin-top:24px}
.st-foot-in{max-width:1320px;margin:0 auto;padding:20px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:14px}
.st-foot b{color:#fff}
@media(max-width:640px){.st-brand-t small{display:none}.st-nav{margin-left:0;width:100%}}
@media print{.st-top,.st-foot,.langsw{display:none!important}}
.st-dd-menu a.dl{border-top:1px solid #e3e8e0;margin-top:2px;color:#0f6b45!important;font-weight:600}