@font-face{font-family:"IBM Plex Sans Thai Local";src:url("../../assets/webfonts/IBMPlexSansThai-Regular.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"IBM Plex Sans Thai Local";src:url("../../assets/webfonts/IBMPlexSansThai-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}@font-face{font-family:"IBM Plex Sans Thai Local";src:url("../../assets/webfonts/IBMPlexSansThai-Bold.ttf") format("truetype");font-weight:700;font-display:swap}:root{--ink:#111338;--night:#0b0b2d;--purple:#6750ed;--muted:#686d88;--paper:#f7f7ff;--line:rgba(24,24,77,.1);--shadow:0 18px 55px rgba(35,31,111,.1);--font:"IBM Plex Sans Thai Local",Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--font);line-height:1.7;background:var(--paper)}a{color:inherit;text-decoration:none}.topbar{height:74px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--night)}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand span{width:13px;height:13px;border-radius:4px;background:linear-gradient(135deg,#65deed,var(--purple));transform:rotate(18deg)}.topbar nav{display:flex;gap:23px}.topbar nav a{color:#e8e8f7;font-size:13px;font-weight:600}.topbar nav a:hover{color:#65deed}main{max-width:1180px;min-height:calc(100vh - 160px);margin:auto;padding:30px 24px 85px}.breadcrumb{min-width:0;margin-bottom:24px;display:flex;align-items:center;gap:9px;color:#85899d;font-size:12px}.breadcrumb b{overflow:hidden;color:#4b4e65;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.detail-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(290px,.72fr);align-items:start;gap:24px}.story,.side-card{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.story{overflow:hidden}.story-head{padding:28px 30px 23px}.category{display:inline-block;padding:5px 10px;border-radius:999px;color:var(--purple);background:#eeeafd;font-size:11px;font-weight:700}.story h1{max-width:780px;margin:12px 0 10px;font-size:clamp(27px,3.2vw,42px);line-height:1.3}.story-meta{display:flex;gap:18px;color:#85899d;font-size:12px}.hero-image{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#17134f,#6750ed)}.hero-image img{width:100%;height:100%;display:block;object-fit:cover}.hero-image.placeholder{color:#fff;font-size:32px;letter-spacing:5px}.lead{margin:0;padding:25px 30px 0;color:#43475f;font-size:17px;font-weight:600;line-height:1.8}.story-body{padding:22px 30px 30px;color:#565a70;font-size:15px;line-height:1.95}.gallery{padding:0 30px 30px}.gallery h2{font-size:18px}.gallery img{max-width:100%;border-radius:14px}.source-link{display:inline-block;margin:0 30px 28px;padding:10px 15px;border-radius:10px;color:#fff;background:var(--purple);font-size:13px;font-weight:700}.story-footer{padding:17px 30px;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);color:#777c91;font-size:12px}.story-footer b{padding:4px 9px;border-radius:999px;color:var(--purple);background:#eeeafd}.story-footer a{margin-left:auto;color:var(--purple);font-weight:700}aside{display:grid;gap:18px;position:sticky;top:18px}.side-card{padding:18px}.side-heading{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.side-heading h2{margin:0;font-size:17px}.side-heading a{color:var(--purple);font-size:10px;font-weight:700}.related-list{display:grid;gap:12px}.related-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:11px}.thumb{height:72px;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#6750ed,#35a9ed)}.thumb img{width:100%;height:100%;display:block;object-fit:cover}.thumb.placeholder{display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700}.related-item span{color:var(--purple);font-size:9px;font-weight:700}.related-item h3{margin:2px 0 1px;display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.related-item time{color:#9699a8;font-size:9px}.documents{display:grid;gap:11px}.document-item{padding:10px;display:grid;grid-template-columns:38px minmax(0,1fr) 25px;align-items:center;gap:9px;border-radius:11px;background:#f8f8fc}.document-item>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#ed5c55;font:700 9px Arial}.document-item h3{margin:0;font-size:11px;line-height:1.4}.document-item small{color:#999cac;font-size:9px}.document-item>a{color:var(--purple);font-size:19px;font-weight:700}.empty{margin:8px 0;color:#999cac;font-size:11px}.not-found{margin:90px auto;max-width:600px;text-align:center}.not-found span{color:var(--purple);font-size:70px;font-weight:700}.not-found h1{margin:0;font-size:32px}.not-found p{color:var(--muted)}.not-found a{display:inline-block;margin-top:15px;padding:10px 16px;border-radius:10px;color:#fff;background:var(--purple)}.page-footer{padding:25px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:20px;color:#aaaac7;background:var(--night);font-size:12px}.page-footer strong{color:#fff}@media(max-width:850px){.detail-layout{grid-template-columns:1fr}aside{position:static;grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{height:66px;padding:0 16px}.topbar nav a:nth-child(1),.topbar nav a:nth-child(3){display:none}main{padding:20px 14px 60px}.breadcrumb{margin-bottom:15px}.story-head,.lead,.story-body{padding-left:20px;padding-right:20px}.story h1{font-size:27px}.story-meta{gap:10px;flex-wrap:wrap}.lead{font-size:15px}.story-footer{padding:15px 20px;align-items:flex-start;flex-wrap:wrap}.story-footer a{width:100%;margin:5px 0 0}.detail-layout{gap:16px}aside{grid-template-columns:1fr}.page-footer{padding:23px 18px;flex-direction:column}.related-item{grid-template-columns:100px minmax(0,1fr)}}
/* รูปปกข่าวใช้ขนาดแนะนำ 1600 × 960 px (สัดส่วน 5:3) */
.hero-image{width:min(760px,calc(100% - 40px));aspect-ratio:16/7;margin:0 auto;border-radius:14px}
@media(max-width:600px){.hero-image{width:calc(100% - 32px);border-radius:11px}}