:root{--paper:#f6f0e1;--paper2:#fbf7ec;--ink:#1f1b16;--mut:#5d554a;--rule:#2b251d;--hair:#cfc4ab;--acc:#0d3b7a;--acc2:#1f5fae;--navy:#0d3b7a;--sky:#7fc4ff;--red:#c62a1f;--ok:#2f5d3a;--warn:#8a5a00}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.8 "Sarabun",serif}
h1,h2,h3,.mast-title,.kick{font-family:"Noto Serif Thai",serif}
a{color:inherit}a:hover{color:var(--acc2)}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}
.mast{text-align:center;padding:0}.mast-band{background:var(--navy);color:#fff;padding:10px 0 14px;border-bottom:4px solid var(--sky)}.mast-band a{color:#fff}
.mast-top{display:flex;justify-content:space-between;gap:8px;font-size:.8rem;color:#c9ddf5;border-bottom:1px solid rgba(127,196,255,.35);padding-bottom:6px}
.mast-title{display:block;max-width:100%;overflow-wrap:anywhere;font-size:clamp(2.6rem,13vw,5.2rem);font-weight:800;line-height:1.1;letter-spacing:-.01em;text-decoration:none;margin:8px 0 0;color:#fff}.mast-title .h{font-family:"Sarabun",sans-serif;font-weight:800;color:var(--sky);margin-right:.04em}.mast-title .r{color:var(--sky)}.mast-band a.mast-title:hover{color:#fff}
.mast-tag{text-wrap:balance;font-size:.92rem;color:#dbe9fa;margin:0 0 8px;letter-spacing:.02em}.mast-upd{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin:4px 0 0;font-family:"Noto Serif Thai",serif}
.mast-upd .pill{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--navy);font-weight:800;font-size:1rem;line-height:1;padding:7px 14px 7px 11px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 0 rgba(0,0,0,.15)}
.mast-upd .dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(198,42,31,.7);animation:snpulse 2s infinite}
@keyframes snpulse{0%{box-shadow:0 0 0 0 rgba(198,42,31,.7)}70%{box-shadow:0 0 0 7px rgba(198,42,31,0)}100%{box-shadow:0 0 0 0 rgba(198,42,31,0)}}
@media(prefers-reduced-motion:reduce){.mast-upd .dot{animation:none}}
.mast-upd .last{font-weight:800;font-size:1rem;color:#fff;white-space:nowrap}.mast-upd .last time{color:var(--sky)}
.mast-bar{border-top:3px double var(--rule);border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:.85rem}
.mast-bar nav a{margin-left:12px;text-decoration:none}
.sec-nav{display:flex;gap:4px 18px;overflow-x:auto;scrollbar-width:none;padding:6px 0;border-bottom:1px solid var(--rule);font-size:.92rem;white-space:nowrap}
.sec-nav a{text-decoration:none;color:var(--mut)}@media(max-width:599px){.sec-nav{flex-wrap:wrap;overflow:visible;white-space:normal;gap:4px 14px}.sec-nav a{white-space:nowrap}}.sec-nav a.on{color:var(--navy);font-weight:700;border-bottom:2px solid var(--acc)}.sec-nav a:hover{color:var(--acc2)}
.mast.small .mast-title{font-size:clamp(2rem,8vw,2.8rem);margin-top:4px}.mast.small .mast-band{padding-bottom:12px}
.meta{font-size:.78rem;color:var(--mut);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-family:"Sarabun",serif}
.kick{font-size:.78rem;font-weight:700;color:var(--acc);text-transform:none;letter-spacing:.02em}
.urgent{display:inline-block;background:var(--red);color:#fff;font-size:.72rem;font-weight:700;padding:0 6px;border-radius:2px}
.badge{font-size:.72rem;padding:0 6px;border:1px solid;border-radius:2px}.badge.ok{color:var(--ok)}.badge.no{color:var(--warn)}
.front{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.lead,.second,.briefs,.section{padding:16px 0;border-bottom:1px solid var(--rule)}
.lead h2{font-size:clamp(1.55rem,3.3vw,2.45rem);line-height:1.35;margin:6px 0 10px;font-weight:800;text-wrap:balance}
.lead-media .media{margin:0 0 10px}.lead .todo{margin:0}.meta>*{white-space:nowrap}
.lead h2 a,.second h3 a,.brief a,.section a{text-decoration:none}
.lead .dek{font-size:1.12rem;margin:0 0 12px}
.todo{background:var(--paper2);border-left:3px solid var(--navy);padding:8px 14px;font-size:.95rem}.todo b{font-family:"Noto Serif Thai",serif;color:var(--navy)}.todo ul{margin:4px 0 0;padding-left:20px}
.readmore{font-family:"Noto Serif Thai",serif;font-weight:700;font-size:.85em;text-decoration:none;white-space:nowrap;color:var(--acc)}.readmore:hover,.readmore:focus{text-decoration:underline;color:var(--acc2)}
.second article{padding:12px 0;border-bottom:1px solid var(--hair)}.second article:last-child{border-bottom:0}
.second h3{font-size:1.25rem;line-height:1.4;margin:4px 0 6px}.second p{margin:0;font-size:.95rem}
.label{font-family:"Noto Serif Thai",serif;font-weight:800;font-size:1.05rem;color:var(--navy);border-bottom:2px solid var(--navy);margin:0 0 8px;padding-bottom:2px}
.briefs ul,.section ul{list-style:none;margin:0;padding:0}
.brief{padding:8px 0;border-bottom:1px dotted var(--hair);break-inside:avoid}.brief b{display:block;font-family:"Noto Serif Thai",serif;line-height:1.45;font-weight:600}
.sections{display:grid;grid-template-columns:1fr;gap:0 28px}
.to-archive{margin:18px 0 6px;padding:14px 0;border-top:3px double var(--rule);border-bottom:1px solid var(--rule);text-align:center}.to-archive a{display:inline-block;font:800 1.1rem "Noto Serif Thai",serif;color:#fff;background:var(--navy);padding:6px 22px;border-radius:999px;text-decoration:none}.to-archive a:hover{background:var(--acc2);color:#fff}.to-archive small{display:block;color:var(--mut);font-size:.82rem;margin-top:2px}
.arch-range{font:700 1rem "Noto Serif Thai",serif;margin:0 0 2px}.arch-pager{display:flex;justify-content:space-between;gap:12px;margin:20px 0 6px;padding:14px 0;border-top:3px double var(--rule);border-bottom:1px solid var(--rule)}.arch-pager a{font:800 1.05rem "Noto Serif Thai",serif;color:var(--acc);text-decoration:none}.arch-pager a:hover{color:var(--acc2);text-decoration:underline}.arch-pager .older{margin-left:auto;text-align:right}
.arch-note{color:var(--mut);font-size:.9rem;margin:0 0 8px}.arch-day h2{font-size:1.05rem;margin:22px 0 4px;padding-top:8px;border-top:3px double var(--rule)}
.arch-day ul{list-style:none;margin:0;padding:0}.arch-day li{padding:9px 0;border-bottom:1px dotted var(--hair);min-width:0}
.ameta{font-size:.8rem;color:var(--mut)}.ameta .kicker{font-weight:700;color:var(--acc);text-decoration:none;margin-right:6px}
.arch-day a.at{display:block;font:700 1.05rem/1.5 "Noto Serif Thai",serif;text-decoration:none;color:var(--ink)}
.arch-day p{margin:2px 0 0;font-size:.9rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section li{padding:6px 0;border-bottom:1px dotted var(--hair);line-height:1.5}
@media(min-width:600px){
 .second{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}
 .second article{border-bottom:0;padding:4px 0}.second article+article{border-left:1px solid var(--hair);padding-left:20px}
 .briefs ul{columns:2;column-gap:28px;column-rule:1px solid var(--hair)}
 .sections{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sections .section{border-right:1px solid var(--hair);padding-right:14px}
}
@media(min-width:900px){.lead-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:24px;align-items:start}.lead .dek{margin:0}}
@media(min-width:1200px){
 .second article:nth-child(3) p{font-size:0;line-height:1.4}.second article:nth-child(3) p .readmore{font-size:.85rem}
 .lead .dek{font-size:1.2rem;line-height:1.85}
 .front{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);column-gap:28px}
 .lead{border-bottom:0;padding-right:28px;border-right:1px solid var(--rule)}
 .second{display:block;border-bottom:0;padding-top:16px}
 .second article+article img.thumb{float:right;width:132px;margin:4px 0 6px 12px}.second article+article img.thumb.ig{display:none}.second article::after{content:"";display:block;clear:both}
 .second article{border-bottom:1px solid var(--hair);padding:0 0 12px;margin-bottom:12px}.second article+article{border-left:0;padding-left:0}.second article:last-child{border-bottom:0;margin-bottom:0}
 .briefs{grid-column:1/-1;border-top:1px solid var(--rule)}
 .briefs ul{columns:3}
 .sections{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.paper{max-width:720px;margin:0 auto}
article.story h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.4;margin:14px 0 8px;font-weight:800}
article.story .dek{font-size:1.12rem;color:var(--mut);border-bottom:1px solid var(--rule);padding-bottom:12px}
article.story h2{font-size:1.2rem;color:var(--navy);margin-top:26px;border-top:3px double var(--rule);padding-top:12px}
.box{background:var(--paper2);border:1px solid var(--hair);padding:10px 16px;margin:20px 0;font-size:.93rem}.box h3{margin:0 0 4px;font-size:1rem}.box ul{margin:0;padding-left:20px}.box small{color:var(--mut)}
.aff{border-color:#c9a86a}
.share{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.share a{padding:5px 14px;border:1px solid var(--navy);color:var(--navy);text-decoration:none;font-size:.88rem;background:var(--paper2)}.share a:hover{background:var(--navy);color:#fff}
.list article{padding:12px 0;border-bottom:1px solid var(--hair)}.list h3{margin:2px 0 4px;font-size:1.2rem;line-height:1.45}.list h3 a{text-decoration:none}.list p{margin:0;font-size:.95rem}
footer .hot{display:block;margin-top:6px;line-height:1.9}footer .hot a{font-weight:700;color:var(--navy);white-space:nowrap}footer{color:var(--mut);font-size:.8rem;padding:16px 0 40px;border-top:3px double var(--rule);margin-top:28px}
.tts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 12px;padding:6px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.tts button{font:700 .88rem "Noto Serif Thai",serif;background:var(--paper2);color:var(--navy);border:1px solid var(--navy);padding:3px 12px;cursor:pointer}.tts button:hover,.tts button:focus-visible{background:var(--navy);color:#fff}.tts .tts-main::before{content:"\25B6\00A0";font-size:.75em}.tts.on .tts-main::before{content:""}.tts button:disabled{opacity:.5;cursor:default}.tts .tts-speed{font-weight:600;padding:3px 8px}.tts small{color:var(--mut)}
.media{margin:12px 0 16px}.media img,.ytf{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#e9e0c9;border:1px solid var(--hair)}.ytf{border:0}
figcaption{font-size:.8rem;color:var(--mut);line-height:1.5;margin-top:5px;border-bottom:1px solid var(--hair);padding-bottom:6px}figcaption b{color:var(--ink);font-family:"Noto Serif Thai",serif}figcaption .cr{display:block;font-size:.72rem}
a.yt{position:relative;display:block}a.yt .play{position:absolute;left:50%;top:50%;width:72px;height:50px;margin:-25px 0 0 -36px;background:rgba(31,27,22,.85);border-radius:10px}a.yt .play::after{content:"";position:absolute;left:29px;top:14px;border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #f6f0e1}a.yt:hover .play,a.yt:focus .play{background:var(--acc)}
.xvid{display:block;padding:14px;border:1px solid var(--rule);background:var(--paper2);text-decoration:none;font-weight:600}
.second img.thumb{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--hair);margin-bottom:6px}
.brief{display:flex;gap:10px;align-items:flex-start}.brief>div{flex:1;min-width:0}.brief img.mini{width:88px;height:auto;aspect-ratio:16/9;border:1px solid var(--hair);display:block;margin-top:6px;flex:none}
@media(max-width:400px){.badge .lg{display:none}}
code{background:#ece3cc;padding:1px 4px;font-size:.86em}.empty{color:var(--mut);padding:24px 0}