/* Wale News — ทุกอย่างอยู่ใต้ .wln */
.wln{--p:#0d3b8e;--p2:#1557d6;--g:#1f8a5b;--gold:#e2a72e;--fg:#17202e;--mu:#667085;--li:#e3e8f0;font-family:Sarabun,Tahoma,sans-serif;color:var(--fg);text-align:left;margin:0 0 8px}
.wln *{box-sizing:border-box}
.wln a{text-decoration:none!important;color:inherit;box-shadow:none;border:0}
.wln-head{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.wln-head h2{margin:0 auto 0 0;font:600 26px/1.3 Kanit,sans-serif;color:var(--p);padding-left:14px;position:relative}
.wln-head h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;border-radius:4px;background:linear-gradient(var(--gold),var(--g))}
.wln-all{font:500 15px Kanit,sans-serif;color:var(--p2)!important;white-space:nowrap}.wln-all:hover{text-decoration:underline!important}
.wln-items{display:grid;grid-template-columns:repeat(var(--wln-cols,3),minmax(0,1fr));gap:20px}
/* การ์ด */
.wln-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(13,40,90,.08);border:1px solid #edf0f5;transition:transform .2s,box-shadow .2s;min-width:0}
.wln-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(13,40,90,.16)}
.wln-ph{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#dfe8fb,#dcf1e5);overflow:hidden}
.wln-ph img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .4s;border:0;border-radius:0;margin:0}
.wln-card:hover .wln-ph img{transform:scale(1.05)}
.wln-noimg{display:grid;place-items:center;color:#9fb3d9}.wln-noimg svg{width:46px;height:46px}
.wln-new{position:absolute;left:12px;top:12px;background:#e5484d;color:#fff;font:500 12px/1 Kanit,sans-serif;padding:5px 10px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.wln-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 14px;flex:1}
.wln-tag{align-self:flex-start;font:500 12px/1.4 Kanit,sans-serif;color:var(--p2);background:#eef3ff;padding:2px 10px;border-radius:12px}
.wln-title{font:500 16.5px/1.55 Kanit,sans-serif;color:var(--fg);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.55em * 2)}
.wln-card:hover .wln-title{color:var(--p2)}
.wln-ex{color:var(--mu);font-size:14.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wln-meta{margin-top:auto;padding-top:10px;border-top:1px dashed var(--li);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;color:var(--mu)}
.wln-meta>span:first-child{display:inline-flex;align-items:center;gap:6px}.wln-meta svg{width:15px;height:15px}
.wln-rm{font:500 13.5px Kanit,sans-serif;color:var(--p2);white-space:nowrap}
.wln-foot{text-align:center;margin:22px 0 0}
.wln-btn{display:inline-block;background:var(--p2);color:#fff!important;font:500 15px Kanit,sans-serif;padding:10px 26px;border-radius:30px;transition:background .15s}.wln-btn:hover{background:var(--p)}
.wln-empty{color:var(--mu)}
/* ข่าวเด่น */
.wln-featured .wln-items{grid-template-columns:repeat(2,minmax(0,1fr))}
.wln-featured .wln-big{grid-row:span 2}
.wln-featured .wln-items{grid-template-columns:1.25fr 1fr 1fr}
.wln-featured .wln-big .wln-ph{aspect-ratio:16/11}
.wln-featured .wln-big .wln-title{font-size:21px;-webkit-line-clamp:3}
.wln-featured .wln-card:not(.wln-big) .wln-title{font-size:15.5px}
/* รายการ */
.wln-list .wln-items{grid-template-columns:1fr;gap:10px}
.wln-list .wln-card{flex-direction:row;border-radius:12px}
.wln-list .wln-ph{flex:none;width:120px;aspect-ratio:4/3}
.wln-list .wln-body{padding:8px 12px;gap:3px}.wln-list .wln-title{font-size:15px;-webkit-line-clamp:2;min-height:0}
.wln-list .wln-meta{border:0;padding-top:2px}.wln-list .wln-rm,.wln-list .wln-new{display:none}
/* จอเล็ก */
@media(max-width:1024px){.wln-items{grid-template-columns:repeat(2,minmax(0,1fr))}.wln-c1 .wln-items{grid-template-columns:1fr}.wln-featured .wln-items{grid-template-columns:1fr 1fr}.wln-featured .wln-big{grid-column:1/-1;grid-row:auto}}
@media(max-width:600px){.wln-items,.wln-featured .wln-items{grid-template-columns:1fr;gap:14px}.wln-head h2{font-size:22px}.wln-list .wln-ph{width:96px}}
@media(prefers-reduced-motion:reduce){.wln-card,.wln-ph img{transition:none}}