.nw{font-family:"LINE Seed Sans TH",sans-serif;line-height:1.75;color:#241c28;position:relative;z-index:1}
.nw h1,.nw h2,.nw h3{line-height:1.5;margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.bc{font-size:14px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;opacity:.85}.bc a{color:inherit;text-decoration:none}
.tag{display:inline-block;font-size:13px;font-weight:700;padding:2px 12px;border-radius:999px;line-height:1.8}
.c-res{background:#e3f1e6;color:#2f6b3d}.c-co{background:#f1e6f3;color:#7d4485}.c-conf{background:#e4ecf8;color:#2f4f86}.c-camp{background:#fbecd9;color:#8a5414}.c-cnc{background:#ddf2ef;color:#1e6a60}.c-act{background:#fbe3e6;color:#9a3344}
.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;color:#6f6575;margin:0 0 8px}.meta.light{color:#fff}
.btn{display:inline-block;background:#9e5da5;color:#fff;text-decoration:none;font-weight:700;padding:8px 22px;border-radius:999px;line-height:1.8}.btn:hover{background:#7d4485}
.btn.wh{background:#fff;color:#7d4485}.btn.wh:hover{background:#f1e6f3}
/* hero */
.hero{display:grid;grid-template-columns:1.45fr 1fr;min-height:620px;background:#7d4485}
.hero-im{overflow:hidden}.hero-im img{width:100%;height:100%;object-fit:cover;display:block}
.hero-p{background:#7d4485;color:#fff;padding:120px 56px 56px;display:flex;flex-direction:column;justify-content:flex-end}
.kick{font-size:14px;font-weight:700;letter-spacing:.04em;color:#f1d8f4;margin-bottom:8px}
.hero h1{font-size:clamp(32px,3.6vw,52px);font-weight:800;line-height:1.45;margin-bottom:14px}
.hero-p>p{font-size:17px;color:#f3e7f5;margin:0 0 16px}.hero .btn{align-self:flex-start;margin-top:8px}
.sec-h{padding:64px 0 18px}.sec-h h2{font-size:40px;font-weight:800}.sec-h p{color:#6f6575;margin:4px 0 0;font-size:17px}
.chipbar{display:flex;flex-wrap:wrap;gap:12px 28px;background:#f6f1f7;padding:14px 18px;border-radius:20px;margin-bottom:32px}
.cgrp{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cg{font-weight:700;color:#7d4485;font-size:14px;margin-right:4px}
.chip{font:inherit;font-size:15px;line-height:1.7;border:0;background:#fff;color:#4a3f50;padding:6px 16px;border-radius:999px;cursor:pointer;transition:background .2s}
.chip:hover{background:#ecdcee}.chip.on{background:#9e5da5;color:#fff}
/* cards */
.nc{background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.im{overflow:hidden;aspect-ratio:16/10}.im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.nc:hover .im img{transform:scale(1.06)}.nc:hover h3{color:#9e5da5}
.nc-b{padding:18px 22px 24px}.nc h3{font-size:20px;font-weight:700;margin:2px 0 6px;transition:color .2s}
.ex{color:#5d5363;font-size:15px;margin:0;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:2px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.nc.wide{flex-direction:row}.nc.wide .im{flex:0 0 46%;aspect-ratio:auto;min-height:260px}.nc.wide .nc-b{padding:28px;align-self:center}.nc.wide h3{font-size:24px}
.up{background:#f1e6f3;border-radius:28px;padding:36px;margin:48px 0}
.up-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;gap:12px;flex-wrap:wrap}.up-h h2{font-size:30px;font-weight:800;color:#7d4485}.up-h a{color:#7d4485;font-weight:700;text-decoration:none}
.ev{display:grid;grid-template-columns:110px 1fr auto;gap:24px;align-items:center;background:#fff;border-radius:20px;padding:18px 22px;margin-top:12px}
.dt{background:#9e5da5;color:#fff;border-radius:16px;text-align:center;padding:10px 0}.dt b{display:block;font-size:40px;line-height:1.3;font-weight:800}.dt span{font-size:14px}
.ev h3{font-size:19px;margin:6px 0 2px}.ev p{margin:0;color:#6f6575;font-size:15px}
.ev-c{text-align:right}.ev-c small{display:block;color:#6f6575;margin-bottom:6px}
.sec-h2{margin-bottom:18px}.sec-h2 h2{font-size:30px;font-weight:800}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.nc.big{grid-column:span 2;grid-row:span 2}.nc.big .im{aspect-ratio:auto;flex:1;min-height:380px}.nc.big h3{font-size:28px}
.nc.tall{grid-row:span 2}.nc.tall .im{aspect-ratio:auto;flex:1;min-height:300px}
.pg{display:flex;justify-content:center;gap:8px;margin-top:44px;flex-wrap:wrap;align-items:center}
.pg a{min-width:44px;padding:6px 14px;text-align:center;border-radius:999px;background:#f6f1f7;color:#7d4485;text-decoration:none;line-height:1.8}.pg a.on{background:#9e5da5;color:#fff}
.demo{text-align:center;color:#a39aa8;font-size:13px;margin:28px 0 64px}
/* article */
.cov{position:relative;display:grid;grid-template-columns:1fr;background:#7d4485}
.cov img{width:100%;height:68vh;min-height:440px;object-fit:cover;display:block}
.cov-p{background:#7d4485;color:#fff;max-width:900px;margin:-150px auto 0;position:relative;padding:40px 48px 36px;border-radius:28px 28px 0 0;width:calc(100% - 48px);box-sizing:border-box}
.cov h1{font-size:clamp(30px,3.6vw,50px);font-weight:800;line-height:1.45}.by{margin:10px 0 0;color:#f1d8f4}
.artgrid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:110px 680px;gap:0;padding:44px 24px 0;box-sizing:border-box}
.share{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:10px;align-items:center;font-size:13px;color:#6f6575}
.share a,.share button{width:44px;height:44px;border-radius:50%;background:#f1e6f3;color:#7d4485;border:0;display:grid;place-items:center;text-decoration:none;font:700 16px/1 inherit;cursor:pointer}.share a:hover,.share button:hover{background:#9e5da5;color:#fff}
.read{font-size:19px;line-height:1.95}.read p{margin:0 0 22px}
.lead-p{font-size:23px;line-height:1.8;font-weight:700;color:#7d4485}
.dc::first-letter{font-size:3.4em;float:left;line-height:1.15;padding:6px 10px 0 0;color:#9e5da5;font-weight:800}
.read h2{font-size:26px;font-weight:800;margin:36px 0 12px}
.facts{background:#f6f1f7;border-radius:22px;padding:24px 28px;margin:8px 0 28px}.facts h3{font-size:18px;color:#7d4485;margin-bottom:8px}
.facts dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;font-size:16px;line-height:1.7}.facts dt{color:#6f6575;font-size:14px}.facts dd{margin:0;font-weight:700}
.pq{margin:32px -40px;background:#9e5da5;color:#fff;border-radius:24px;padding:36px 44px}.pq p{font-size:26px;line-height:1.7;font-weight:700;margin:0 0 10px!important}.pq cite{font-style:normal;color:#f1d8f4;font-size:15px}
.gal{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:200px 200px;gap:12px;margin-bottom:32px}.gal img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.gal img:first-child{grid-row:span 2}.gal img:nth-child(4){display:none}
.back{color:#7d4485;font-weight:700;text-decoration:none;font-size:16px}
.pn{max-width:1200px;margin:56px auto 72px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:24px;box-sizing:border-box}
/* มีข่าวที่เกี่ยวข้องต่อท้ายแล้ว ไม่ต้องเว้นซ้ำก่อน footer */
.pn:has(+ .rel:not([hidden])){margin-bottom:0}
.pn a{background:#f6f1f7;border-radius:20px;padding:22px 26px;text-decoration:none;color:#241c28;line-height:1.7}.pn a:hover{background:#ecdcee}.pn small{display:block;color:#7d4485;font-weight:700}.pn b{font-size:18px}.pn .r{text-align:right}
.rel{padding-top:56px}.rel h2{font-size:30px;font-weight:800;margin-bottom:18px}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-im{height:340px}.hero-p{padding:40px 28px}.duo,.trio{grid-template-columns:1fr}.bento{grid-template-columns:1fr 1fr}.nc.big{grid-column:span 2;grid-row:auto}.nc.tall{grid-row:auto}
.artgrid{grid-template-columns:1fr;max-width:728px}.share{position:static;flex-direction:row;margin-bottom:24px;order:2}.pq{margin:32px 0}}
@media(max-width:600px){.hero-im{height:260px}.hero h1{font-size:28px}.sec-h h2{font-size:32px}.nc.wide{flex-direction:column}.nc.wide .im{min-height:200px}.bento{grid-template-columns:1fr}.nc.big{grid-column:auto}.nc.big .im,.nc.tall .im{min-height:220px}
.up{padding:22px 16px;border-radius:22px}.ev{grid-template-columns:76px 1fr;gap:14px;padding:14px}.dt b{font-size:30px}.ev-c{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.ev-c small{margin:0}
.cov img{height:320px;min-height:0}.cov-p{margin:-60px 12px 0;width:auto;padding:26px 22px}.cov h1{font-size:26px}.read{font-size:18px}.lead-p{font-size:20px}.pq{padding:26px}.pq p{font-size:21px}.facts dl{grid-template-columns:1fr}
.gal{grid-template-columns:1fr 1fr;grid-template-rows:auto}.gal img{height:140px}.gal img:first-child{grid-column:span 2;grid-row:auto;height:200px}.pn{grid-template-columns:1fr}.pn .r{text-align:left}.pg .pv,.pg .nx{display:none}}
.im{flex-shrink:0}.nc.big .im,.nc.tall .im{flex:1 0 auto}.bento .nc-b{flex:0 0 auto}
/* ข้อมูลจริงจาก api/news.php (news-list.js / news-article.js) */
.nw [hidden]{display:none!important}
.nw-msg{text-align:center;color:#6f6575;font-size:16px;margin:28px 0 64px}
.nw-list .wrap{padding-bottom:64px}
.tag.c-def{background:#f1e6f3;color:#7d4485}
.read .reg{margin:0 0 28px}
.read .body p:first-child.lead-p{margin-bottom:26px}
.read .body ul{margin:0 0 22px;padding-left:1.4em;list-style:disc}.read .body li{margin:0 0 6px}
.art .rel{padding-bottom:72px}
.nw .fx{animation:nw-in .5s ease both}
@keyframes nw-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.nw .fx{animation:none}.im img{transition:none}}
/* จอกว้าง: เมนูข้างของหน้าใน (ขอบขวาราว 370px) เปิดค้างอยู่ด้านบน ดันหัวข่าวพ้นเมนู */
@media(min-width:901px){.art .cvB{padding-left:400px}}
@media(min-width:901px) and (max-width:1199px){.art .cvB-in{grid-template-columns:1fr;gap:28px}.art .cvB figure{order:-1}}
/* หน้ารวมข่าว: แนวเนื้อหาเหมือนหน้าในอื่น (.sheet ใน inner.css เว้นซ้าย var(--g) + 380px ให้เมนูลอยซ้าย, ขวา var(--g))
   จอ >1440px วางกลางพื้นที่ขวาของเมนู กว้างสูงสุด 1320px แบบ .sheet.ex ใน exhibition-pages.css */
@media(min-width:901px){.nw-list .wrap{max-width:none;margin:0;padding-left:calc(var(--g) + 380px);padding-right:var(--g)}}
@media(min-width:1441px){.nw-list .wrap{--nw-gap:max(var(--g),(100% - var(--g) - 380px - 1320px) / 2);padding-left:calc(var(--g) + 380px + var(--nw-gap));padding-right:var(--nw-gap)}}
/* หน้ารวมข่าว: การ์ดกริดเดียวกันทุกมุมมอง 3/2/1 คอลัมน์ รูป 16:10 ความสูงการ์ดเท่ากัน หัวข้อและคำโปรยไม่เกิน 2 บรรทัด */
.nw-list .bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch}
@media(max-width:1199px){.nw-list .bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nw-list .bento{grid-template-columns:1fr}}
.nw-list .bento .nc{height:100%}
.nw-list .bento .im{aspect-ratio:16/10;flex:0 0 auto;min-height:0}
.nw-list .bento .nc-b{flex:1 1 auto}
.nw-list .bento .nc h3{font-size:19px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:2px 0;margin:2px 0 6px}
.nw-list .bento .ex{line-height:1.8;padding:1px 0 3px}
.nw-list .sec-h2{margin-top:8px}
/* แถบตัวอย่าง หน้าข่าวจริงไม่มีองค์ประกอบนี้ */
.preview-bar{
  position:sticky;top:0;z-index:30;margin:0;padding:12px 16px;
  background:#7d4485;color:#fff;text-align:center;font-weight:700;
  font-family:"LINE Seed Sans TH",sans-serif
}