:root{color-scheme:light;--bg:#faf9f6;--panel:#fff;--text:#17242e;--muted:#62717d;--line:#e3e6e8;--cyan:#a12636;--amber:#936523}
body{background:var(--bg);font-family:"Noto Sans Thai",system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bf3d51;outline-offset:3px}.skip-link{position:absolute;left:16px;top:-80px;z-index:10;background:#fff;padding:12px}.skip-link:focus{top:12px}
.topbar{flex-wrap:wrap;padding:18px max(24px,calc((100vw - 1300px)/2));background:rgba(250,249,246,.96)}.brand strong{font-size:25px;letter-spacing:-.05em}.brand em{color:#a12636}.brand small{font-size:9px;letter-spacing:.16em}.brand .mark{background:#a12636;color:white;font-size:28px;border-radius:13px;position:relative}.brand .mark span{position:absolute;font-size:18px;right:5px;bottom:2px;color:#ffd6dc}.top-actions{flex-wrap:wrap}.top-actions button{background:white;color:#a12636;border-color:#d8c3c7;border-radius:10px;min-height:42px}.auto-control{color:var(--muted);font-size:11px}.auto-control select{border:1px solid var(--line);background:white;border-radius:10px;padding:10px;color:var(--text)}.page-updated{font-size:10px}.status{max-width:100%;white-space:normal;font-weight:600}.status.live{color:#245b47;background:#edf5f0;border-color:#c9ded1}.status.delayed{color:#805623;background:#fff5e7;border-color:#eadac4}.status.offline{color:#993545;background:#fff1f3;border-color:#e9c8cf}
main{gap:24px;padding-top:32px}.panel{border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #18242e04}.eyebrow{color:#a12636;font-size:10px;letter-spacing:.14em}.news-intro{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;padding:18px 0 12px}.news-intro h1{font-size:clamp(32px,3.5vw,50px);line-height:1.35;letter-spacing:-.025em;margin:8px 0 12px}.news-intro h1 span{display:block;color:#a12636}.news-intro p:not(.eyebrow){color:var(--muted);line-height:1.85;margin:0}.news-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:12px}.news-numbers div+div{border-left:1px solid var(--line);padding-left:18px}.news-numbers strong{display:block;font-size:25px;font-weight:700;white-space:nowrap}.news-numbers span{font-size:10px;color:var(--muted);display:block;margin-top:5px;line-height:1.7}.notice{display:flex;gap:16px;align-items:flex-start;border:1px solid #e6ded1;background:#f4f0e8;border-radius:12px;color:#635741;padding:14px 18px;font-size:11px;line-height:1.8}.notice strong{flex-shrink:0}
.newsroom-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:24px;align-items:start}.news-wire{border-color:var(--line)}.news-wire-heading{padding:20px;gap:10px}.news-wire-heading h2{font-size:20px;margin-top:5px}.news-wire-meta span{color:#a12636;font-size:10px}.news-wire-meta small{font-size:9px;color:var(--muted)}.news-filters{display:flex;gap:12px;padding:18px 20px 0;align-items:end}.news-filters label{font-size:11px;color:var(--muted)}.news-search{flex:1;min-width:0}.news-filters input,.news-filters select{display:block;width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fafafa;color:var(--text);margin-top:5px;padding:10px;font-size:12px}.category-chips{display:flex;gap:6px;flex-wrap:wrap;padding:16px 20px}.category-chips button{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:white;font-size:11px;color:var(--muted);min-height:36px}.category-chips button[aria-pressed="true"]{background:#a12636;color:white;border-color:#a12636}.news-wire-list{grid-template-columns:1fr;padding:0 20px 20px;gap:12px}.news-wire-card{min-height:0;border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;gap:12px}.news-wire-card:hover{background:#fff;border-color:#d3a3ac}.story-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted)}.story-source{font-weight:700;color:var(--text)}.story-category{padding:3px 7px;border-radius:5px;background:#f7edf0;color:#9b2b3d;font-size:9px}.story-category[data-category="rain"],.story-category[data-category="flood"]{background:#ebf3fa;color:#285f80}.news-wire-card h3{font-size:15px;line-height:1.8;margin:0;font-weight:600}.news-wire-card .story-info{font-size:10px;color:var(--muted);margin:0;line-height:1.7}.story-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.story-actions a{font-size:11px;color:#a12636;font-weight:600}.story-actions button{border:1px solid #dccbd0;border-radius:8px;background:white;color:#983244;padding:7px 10px;font-size:10px;min-height:36px}.story-actions button[aria-pressed="true"]{background:#f8ebef;border-color:#a12636}.news-wire-empty{color:var(--muted);padding:20px;margin:0;line-height:1.9}.news-wire-footer{color:var(--muted);font-size:10px;padding:12px 20px}.news-source-logo{width:24px;height:24px;object-fit:contain;border-radius:5px}
.radio-desk{padding:24px;position:sticky;top:20px;background:#17242e;color:#f7f5f2;border-color:#17242e}.radio-desk .eyebrow{color:#e5aeb8}.radio-desk h2{font-size:23px;margin-top:8px;line-height:1.6}.radio-desk>p{font-size:11px;color:#bdc7cd;line-height:1.9}.radio-toolbar{display:flex;align-items:end;gap:12px;margin:20px 0}.radio-toolbar label{font-size:10px;flex:1}.radio-toolbar select{display:block;width:100%;padding:10px;margin-top:5px;background:#253541;color:#fff;border:1px solid #46545f;border-radius:8px}.radio-desk button{background:#31434f;border:1px solid #465c6c;color:#fff;border-radius:8px;padding:11px 12px;font-size:11px;min-height:42px}.radio-desk button:disabled{opacity:.45;cursor:not-allowed}.script-label{font-size:10px;color:#bdc7cd}.radio-desk textarea{display:block;width:100%;resize:vertical;min-height:330px;margin-top:8px;padding:14px;background:#21313d;color:#f2f5f6;border:1px solid #40515e;border-radius:10px;font-size:12px;line-height:1.95}.radio-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.radio-actions button:first-child{background:#b53e52;border-color:#b53e52;flex:1}.radio-feedback{min-height:20px;margin-bottom:0!important;font-size:10px!important}.radio-caution{border-top:1px solid #40515e;margin-top:16px;padding-top:16px;color:#c5ced3;font-size:10px;line-height:1.8}.radio-caution strong{color:#f0ced5}.radio-caution p{margin-bottom:0}
.source-panel{padding:24px}.source-panel h2{font-size:21px}.source-panel p{color:var(--muted);font-size:11px;line-height:1.8}.source-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.source-item{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:11px;display:flex;flex-direction:column;gap:4px}.source-item small{color:var(--muted);font-size:9px}.source-item[data-status="unavailable"] small{color:#a12636}.x-source-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:11px}.x-source-note a{color:#a12636}.x-source-note span{width:100%;font-size:10px;color:var(--muted)}.weather-context{border:1px solid var(--line);border-radius:16px;background:#fff}.weather-context>summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;padding:20px 24px;list-style:none;font-size:14px;font-weight:600}.weather-context>summary span{font-size:11px;color:#a12636;white-space:nowrap}.weather-details{display:flex;flex-direction:column;gap:20px;padding:0 24px 24px}.weather-details .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.weather-details .map-body{padding:16px}.weather-details #map{height:350px;border-radius:10px}.map-body>p{font-size:11px;color:var(--muted)}.priority-strip{flex-wrap:wrap}.visitor{box-shadow:none}.visitor h2{font-size:16px}.visitor p{font-size:10px}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px}
@media(max-width:1050px){.newsroom-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.news-intro{gap:24px}.radio-desk{padding:18px}.source-list{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{gap:10px}.page-updated{width:100%}}
@media(max-width:780px){.news-intro{grid-template-columns:1fr;gap:20px}.newsroom-grid{grid-template-columns:1fr}.radio-desk{position:static}.radio-desk textarea{min-height:270px}.news-intro h1{font-size:36px}.news-numbers strong{font-size:23px}.weather-details .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-list{grid-template-columns:repeat(2,minmax(0,1fr))}.notice{flex-direction:column;gap:3px}}
@media(max-width:450px){main{padding:22px 14px}.topbar{padding:15px 14px}.top-actions{width:100%;gap:8px}.auto-control{margin-left:auto}.news-intro h1{font-size:30px}.news-numbers{gap:8px}.news-numbers div+div{padding-left:10px}.news-numbers strong{font-size:20px}.news-numbers span{font-size:9px}.news-wire-heading{padding:16px;align-items:flex-start;flex-wrap:wrap}.news-wire-heading h2{font-size:18px}.news-wire-meta{align-items:flex-start}.news-filters{padding:16px 16px 0}.category-chips{padding:14px 16px}.news-wire-list{padding:0 16px 16px}.source-panel{padding:18px}.weather-details{padding:0 12px 12px}.weather-context>summary{padding:18px 14px;font-size:12px}.weather-context>summary span{font-size:10px}.weather-details .panel-heading{flex-wrap:wrap}.news-wire-card h3{font-size:14px}.news-filters input{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
.news-shortcuts{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;font-weight:600;color:#a12636}.news-shortcuts a{padding:5px 0}#news-wire-title,#radio-title,#source-title{scroll-margin-top:24px}.newsroom-grid,.news-intro{min-width:0}.auto-control{background:#fff;border-color:var(--line);height:auto;min-height:42px}.auto-control option{background:#fff;color:var(--text)}