/*
Theme Name: Nangsue Paijorn
Description: หนังสือพิมพ์นำทางเที่ยวจีน - โครงแบ่งชัด ตัวเรียงหนา
Version: 1.0
*/
:root{--np-blue:#333a8f;--np-ink:#191d2b;--np-bg:#f6f5f0;--np-line:#d8d5c8;--np-red:#a83232;--np-mut:#6f7280}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Helvetica Neue",Arial,sans-serif;background:var(--np-bg);color:var(--np-ink);line-height:1.62}
a{text-decoration:none;color:inherit}
.np-bar{background:var(--np-ink);color:#e8e6da;font-size:12px;letter-spacing:1px}
.np-bar .np-row{max-width:1120px;margin:0 auto;padding:7px 16px;display:flex;justify-content:space-between}
.np-paper{max-width:1120px;margin:0 auto;padding:0 16px}
.np-mast{border-bottom:5px solid var(--np-ink);padding:22px 0 14px;text-align:center}
.np-mast .np-name{font-family:Georgia,serif;font-size:46px;font-weight:900;letter-spacing:1px}
.np-mast .np-name em{color:var(--np-red);font-style:normal}
.np-mast .np-date{font-size:11.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--np-mut);margin-top:6px}
.np-nav{display:flex;justify-content:center;gap:2px;border-bottom:1px solid var(--np-line);background:#fff}
.np-nav a{padding:10px 18px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-bottom:3px solid transparent}
.np-nav a.on,.np-nav a:hover{border-bottom-color:var(--np-red);color:var(--np-red)}

/* โครงหน้าแรก: พาดหัวใหญ่ + สองคอลัมน์ */
.np-front{display:grid;grid-template-columns:2fr 1fr;gap:0;margin:24px 0;background:#fff;border:1px solid var(--np-line)}
.np-headline{border-right:1px solid var(--np-line);padding:28px}
.np-headline .np-kicker{color:var(--np-red);font-size:11.5px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.np-headline h2{font-family:Georgia,serif;font-size:34px;line-height:1.2;margin:12px 0}
.np-headline p{color:#4c4f5c;font-size:15.5px}
.np-side{padding:22px}
.np-side h3{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--np-mut);border-bottom:2px solid var(--np-ink);padding-bottom:7px;margin-bottom:12px}
.np-side ul{list-style:none}
.np-side li{padding:9px 0;border-bottom:1px dotted var(--np-line);font-size:14.5px;font-weight:600}

/* คอลัมน์สามชั้น */
.np-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:26px 0 40px}
.np-col{background:#fff;border:1px solid var(--np-line);border-top:4px solid var(--np-blue);padding:20px}
.np-col:nth-child(2){border-top-color:var(--np-red)}
.np-col h4{font-family:Georgia,serif;font-size:20px;margin:8px 0 8px}
.np-col .np-sect{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--np-mut);font-weight:700}
.np-col p{font-size:13.5px;color:#4c4f5c}
.np-col:hover{border-color:var(--np-blue)}

/* บทความ */
.np-art{max-width:760px;margin:28px auto;background:#fff;border:1px solid var(--np-line);padding:40px 46px}
.np-art .np-crumb{font-size:12.5px;color:var(--np-mut);margin-bottom:16px}
.np-art .np-kicker{color:var(--np-red);font-size:11.5px;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.np-art h1{font-family:Georgia,serif;font-size:35px;line-height:1.22;margin:8px 0}
.np-art .np-lede{font-size:17px;color:#4c4f5c;border-left:4px solid var(--np-blue);padding-left:16px;margin:16px 0 22px}
.np-art .np-meta{font-size:12px;color:var(--np-mut);margin-bottom:24px;padding-bottom:14px;border-bottom:3px double var(--np-line)}
.np-art h2{font-family:Georgia,serif;font-size:24px;margin:30px 0 10px}
.np-art h3{font-size:17px;margin:16px 0 6px}
.np-art p{margin:0 0 13px;font-size:15.5px}
.np-art ul{margin:0 0 14px 20px}
.np-art li{margin-bottom:6px}
.np-foot{background:var(--np-ink);color:#b9b7ab;text-align:center;padding:22px;font-size:13px;margin-top:30px}
.np-foot a{color:#e8e6da;margin:0 8px}
@media(max-width:880px){.np-front{grid-template-columns:1fr}.np-cols{grid-template-columns:1fr}.np-headline{border-right:0;border-bottom:1px solid var(--np-line)}}
/* ---- 2026-11 home additions ---- */
.np-h2{font-size:19px;letter-spacing:.06em;text-transform:uppercase;color:var(--np-blue);margin:0 0 14px}
.np-chk-wrap,.np-stat-wrap,.np-city-wrap{margin:34px 0 0}
.np-chk{display:flex;flex-wrap:wrap;gap:10px}
.np-chk span{background:#fff;border:1px solid var(--np-line);border-radius:999px;padding:9px 16px;font-size:13.5px;color:var(--np-ink);display:flex;gap:8px;align-items:center}
.np-chk span b{color:var(--np-blue);font-size:12px}
.np-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.np-stats div{background:var(--np-blue);color:#fff;border-radius:10px;padding:18px 16px}
.np-stats b{display:block;font-size:26px;letter-spacing:.02em}
.np-stats span{font-size:12.5px;opacity:.82;display:block;margin-top:6px;line-height:1.45}
.np-city{margin-top:4px}
@media(max-width:760px){.np-stats{grid-template-columns:repeat(2,1fr)}.np-chk span{width:100%}}