/* Futuristic news gallery: dark glass, large imagery and a selectable spotlight. */
.news-page{padding-top:24px;background:radial-gradient(ellipse at 80% 8%,#12435255,transparent 48%),#05111b}
.news-page-top{max-width:1140px;margin:0 auto 20px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#7199ac;font-size:10px;letter-spacing:1px}
.news-page .news-breadcrumb{margin:0;letter-spacing:0}
.news-hub{max-width:1140px;margin:0 auto 64px}
.news-hero{position:relative;overflow:hidden;min-height:305px;padding:25px 0 22px;border-bottom:1px solid #295260}
.news-hero .section-tag{font-size:10px;letter-spacing:3px;margin-bottom:18px;color:#6bdddf}
.news-hero h1{font-size:clamp(35px,4.5vw,54px);line-height:1.3;font-weight:500;letter-spacing:-.8px}
.news-hero h1 span{color:#64e0e2;background:linear-gradient(90deg,#8bede5,#38bdce);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.news-hero-copy{position:relative;z-index:1;max-width:72%}
.news-hero-copy>p{font-size:14px;color:#91b0c1;margin-top:18px;line-height:1.8}
.news-hero-meta{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:30px;color:#779eaf;font-size:10px;letter-spacing:.4px}
.news-hero-meta span:first-child{display:flex;align-items:center;gap:8px;color:#b4dbdf}
.news-hero-meta i{width:5px;height:5px;border-radius:50%;background:#68e4dc;box-shadow:0 0 12px #68e4dc80}
.news-hologram{position:absolute;width:220px;height:220px;right:35px;top:10px;display:grid;place-items:center;transform:rotate(-12deg)}
.news-hologram svg{width:160px;height:160px;fill:#46cbd90d;stroke:#62e9e6;stroke-width:.7}
.news-hologram:not(.news-signal) svg circle{fill:#63ddd52a;stroke:#f76b83;stroke-width:1.5}
.news-hologram i{position:absolute;inset:0;border:1px solid #397d8c66;transform:rotate(45deg);border-radius:34px}
.news-hologram i:nth-child(2){inset:24px;transform:rotate(30deg);border-color:#b2617a55;border-radius:28px}
.news-hub [hidden]{display:none!important}
.news-hub .news-content{padding:0}
.news-spotlight-controls{display:flex;gap:24px;align-items:center;padding:22px 0}
.news-spotlight-label{color:#b1cbd5;font-size:11px;letter-spacing:1px}
.news-story-selectors{display:flex;gap:8px;flex:1}
.news-story-selectors button{display:flex;align-items:center;gap:11px;background:transparent;border:0;color:#668a9e;padding:8px;font:500 10px/1 Montserrat,Arial,sans-serif}
.news-story-selectors i{width:27px;height:2px;background:#294653;transition:background .2s,width .2s}
.news-story-selectors button[aria-pressed="true"]{color:#aafaf2}
.news-story-selectors button[aria-pressed="true"] i{width:42px;background:#5cdbe0;box-shadow:0 0 10px #5cdbe066}
.news-spotlight-arrows{display:flex;gap:8px}
.news-spotlight-arrows button{width:35px;height:35px;border:1px solid #365c6e;border-radius:50%;color:#9ddde1;background:#0d2734;font-size:20px;line-height:1}
.news-spotlight-arrows button:hover{color:#d2fff8;background:#174454;border-color:#68d6db}
.news-hub .news-grid{gap:24px}
.news-hub .news-card{--pointer-x:50%;--pointer-y:30%;position:relative;isolation:isolate;overflow:hidden;padding:0;border:1px solid #2a485b;border-radius:4px 20px 4px 20px;background:linear-gradient(145deg,#102c3dba,#081a27ef);box-shadow:inset 0 1px #91eaf00b;transition:border-color .25s,box-shadow .25s}
.news-hub .news-card:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(300px circle at var(--pointer-x) var(--pointer-y),#58dfe618,transparent 65%);opacity:0;transition:opacity .3s}
.news-hub .news-card:hover{border-color:#4ca8b9;box-shadow:0 12px 32px #0003,inset 0 1px #c2ffff24}
.news-hub .news-card:hover:after{opacity:1}
.news-card-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#040d15;border-bottom:1px solid #294a5c}
.news-card-image:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent 72%,#08233375);box-shadow:inset 0 0 35px #071a2720}
.news-card-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .7s ease}
.news-card:hover .news-card-image img{transform:scale(1.035)}
.news-card-content{display:flex;flex-direction:column;flex:1;min-width:0;padding:26px}
.news-hub .news-card-top{margin-bottom:18px}
.news-hub .news-source{padding:5px 10px;border:1px solid #35758166;border-radius:3px;background:#1b66721c;color:#7ae2e3;font:500 9px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.6px}
.news-hub .news-number{color:#477b91;font:400 20px/1 Montserrat,Arial,sans-serif}
.news-hub .news-card h2{font-family:Montserrat,Kanit,Arial,sans-serif;font-weight:500;font-size:21px;line-height:1.5;letter-spacing:-.25px;overflow-wrap:break-word}
.news-hub .news-card-body[lang="th"] h2{font-family:Kanit,Arial,sans-serif;font-size:22px}
.news-hub .news-card h2 a:hover{color:#8af1ea}
.news-hub .news-card-body p{color:#8eafc0;font-size:13px;line-height:1.85;font-weight:400;margin-top:14px}
.news-hub .news-card-body{margin-bottom:24px}
.news-hub .news-card-bottom{border-top:1px solid #2a485b;padding-top:15px;font-size:10px}
.news-hub .news-card time{color:#7296aa}
.news-hub .news-card-bottom a{color:#88e1e2}
.news-hub .news-featured.news-has-image{display:grid;grid-template-columns:1.12fr 1fr;gap:0;background:linear-gradient(120deg,#123747,#0b1e2d);border-color:#3c7686;border-radius:4px 28px 4px 28px}
.news-featured .news-card-image{height:100%;min-height:350px;aspect-ratio:auto;border-bottom:0;border-right:1px solid #2d5667}
.news-featured .news-card-content{padding:30px}
.news-hub .news-featured h2{font-size:27px;line-height:1.45}
.news-hub .news-attribution{color:#6f94a8;font-size:10px;line-height:1.8;margin-top:30px}
.news-hub .news-attribution a{color:#75cdd5;margin-left:12px}
.journal-updated{display:block;color:#91b6c7;margin-bottom:5px}
.news-hub .news-notice{margin:0 0 20px;padding:11px 14px;border-color:#3f655e;color:#a8c1a7;background:#102827;border-radius:4px;font-size:11px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Holographic card stack: shared grid sizing keeps every transition stable. */
.news-ready .news-deck{position:relative;overflow:hidden;padding:18px 42px 12px 8px}
.news-ready .news-deck::before{content:'';position:absolute;top:3px;right:14px;width:38px;height:28px;border-top:1px solid #8bf7e4;border-right:1px solid #8bf7e4;opacity:.6;pointer-events:none}
.news-ready .news-deck-window{position:relative;overflow:visible;touch-action:pan-y;isolation:isolate;margin-bottom:48px}
.news-ready .news-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;width:100%}
.news-ready .news-card{grid-area:1/1;width:100%;min-width:0;min-height:390px;border-color:#397080;border-radius:4px 24px 4px 24px;background:linear-gradient(120deg,#103341,#091e2c);box-sizing:border-box;transform-origin:50% 0;transition:border-color .25s,box-shadow .25s}
.news-ready .news-card[aria-hidden="true"]{pointer-events:none}
.news-is-moving .news-card{pointer-events:none!important}
.news-ready .news-card[data-news-depth="0"]{box-shadow:0 14px 34px #0005,inset 0 1px #c1fff526;border-color:#518d98}
.news-ready .news-card[data-news-depth="1"]{border-color:#69c5cc}
.news-ready .news-card[data-news-depth="2"]{border-color:#e07b98}
.news-card-frame{display:none}
.news-ready .news-deck{padding-right:62px;background:radial-gradient(ellipse at 65% 42%,#2c8fa11a,transparent 70%)}
.news-ready .news-deck-window{margin-bottom:60px;z-index:1}
.news-ready .news-card{border:0;border-radius:0;background:linear-gradient(118deg,#103344,#081b2b 70%,#0c2435);clip-path:polygon(0 0,97% 0,100% 6%,100% 100%,3% 100%,0 94%)}
.news-ready .news-card-frame{display:block;position:absolute;z-index:6;inset:0;width:100%;height:100%;fill:none;pointer-events:none}
.news-frame-outline{stroke:#5cbacb;stroke-opacity:.5;stroke-width:1}
.news-frame-corners{stroke:#9af3ec;stroke-opacity:.9;stroke-width:1.5}
.news-frame-coral{stroke:#ff8d9c;stroke-width:2}
.news-frame-ticks{stroke:#7bb8c6;stroke-opacity:.75;stroke-width:1}
.news-ready .news-card[data-news-depth="1"] .news-frame-corners{stroke:#52e2ef}
.news-ready .news-card[data-news-depth="2"] .news-frame-corners{stroke:#ff819e}
.news-ready .news-card-image{border:0;margin:2px 0 2px 2px;background:#030e19}
.news-ready .news-card-image::after{inset:0;box-shadow:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#72d7e907 5px 6px),linear-gradient(90deg,transparent 80%,#081b2b8c),linear-gradient(0deg,#06152388,transparent 24%);border:0}
.news-ready .news-card-content{position:relative;background-image:linear-gradient(90deg,#488b9d08 1px,transparent 1px),linear-gradient(#488b9d08 1px,transparent 1px);background-size:30px 30px;padding-top:38px}
.news-ready .news-card-content::before{content:'';position:absolute;left:0;top:14%;bottom:14%;width:1px;background:linear-gradient(transparent,#6adbe3aa,transparent);pointer-events:none}
.news-ready .news-source{display:flex;align-items:center;gap:8px;border:0;border-radius:0;padding:4px 0;background:transparent;color:#8debf0;font-size:9px;letter-spacing:1.4px}
.news-ready .news-source::before{content:'';width:5px;height:5px;border:1px solid #99fbed;box-shadow:0 0 9px #6bdddd66;transform:rotate(45deg)}
.news-ready .news-number{font-size:29px;color:#6cc9d5;opacity:.45;letter-spacing:-1px}
.news-ready .news-card-top{padding-bottom:14px;border-bottom:1px solid #4f839533}
.news-ready .news-card-bottom{border-top-color:#4f839533}
.news-ready .news-card-bottom a{display:inline-flex;align-items:center;gap:17px;letter-spacing:.7px}
.news-ready .news-card-bottom a span{font-size:19px;color:#a7fff0}
.news-ready .news-playback{position:relative;z-index:1;font-size:9px;letter-spacing:1.5px}
.news-ready .news-scan{background:linear-gradient(90deg,transparent 34%,#62eaf106 43%,#99fff152 49.8%,#e1fff6aa 50%,#b5fff128 50.3%,transparent 55%)}
.news-is-moving .news-frame-outline{stroke-opacity:.95}
.news-is-moving .news-card-content::before{background:#7ff5f1;opacity:.4}
.news-ready .news-has-image{display:grid;grid-template-columns:1.08fr 1fr}
.news-ready .news-card-image{align-self:stretch;height:auto;min-height:390px;aspect-ratio:auto;border-bottom:0;border-right:1px solid #2d5667}
.news-ready .news-card-image img{position:absolute;inset:0}
.news-ready .news-card-content{padding:34px;justify-content:center}
.news-ready .news-card h2{font-size:26px;line-height:1.45}
.news-ready .news-card-body[lang="th"] h2{font-size:27px}
.news-ready .news-card-bottom{margin-top:auto}
.news-ready .news-card:before{content:'';position:absolute;z-index:3;top:0;left:0;width:60px;height:2px;background:#91fff0;pointer-events:none}
.news-scan{display:none}
.news-ready .news-scan{display:block;position:absolute;z-index:20;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 38%,#8ceee606 46%,#a1fff133 50%,transparent 52%);transform:translate3d(-100%,0,0);opacity:0;transition:opacity .18s}
.news-is-moving .news-scan{opacity:.85}
.news-playback{display:flex;align-items:center;gap:18px;padding:18px 3px 2px;color:#7ca4b5;font:500 9px/1.5 Montserrat,Kanit,Arial,sans-serif;letter-spacing:1px}
.news-auto-meter{flex:1;max-width:310px;margin-left:auto;height:2px;overflow:hidden;background:#2a4c59}
.news-auto-meter i{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#3c9fac,#a4ffea)}
#newsPosition{min-width:50px;text-align:right;color:#b5e9e4;font-variant-numeric:tabular-nums}
#newsAutoplay{font-size:13px;color:#82e4dc}
@media(max-width:800px){.news-ready .news-card{min-height:0;display:flex;flex-direction:column}.news-ready .news-card-image{flex:none;width:100%;height:auto;min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:1px solid #294a5c}.news-ready .news-card-content{flex:1;padding:24px}.news-ready .news-card h2,.news-ready .news-card-body[lang="th"] h2{font-size:22px}.news-playback{font-size:8px;gap:12px}.news-auto-meter{max-width:130px}.news-story-selectors i{display:none!important}.news-story-selectors{gap:2px}.news-story-selectors button{min-width:20px;padding:7px 3px!important;gap:0!important}.news-story-selectors button[aria-pressed="true"]{background:#17414a;border-radius:4px}.news-ready .news-deck{padding-right:32px;padding-left:2px}}
@media(max-width:800px){.news-ready .news-card{clip-path:polygon(0 0,97% 0,100% 6%,100% 100%,3% 100%,0 94%)}.news-ready .news-card-content::before{top:0;bottom:auto;left:12%;right:12%;height:1px;width:auto;background:linear-gradient(90deg,transparent,#6adbe3aa,transparent)}.news-ready .news-card-image{margin:2px 2px 0;width:calc(100% - 4px)}.news-ready .news-playback{font-size:8px;letter-spacing:.7px}}
@media(max-width:1250px){.news-page-top,.news-hub{margin-left:28px;margin-right:28px}}
@media(max-width:800px){
.news-page{padding-top:20px}.news-page-top>span{display:none}.news-hero{padding-top:12px;min-height:275px}.news-hero-copy{max-width:80%}.news-hero h1{font-size:36px}.news-hero-copy>p{font-size:13px;max-width:310px}
.news-hologram{width:160px;height:160px;right:-55px;top:35px;opacity:.28}.news-hologram svg{width:125px;height:125px}.news-hero-meta{font-size:9px;flex-wrap:wrap;gap:8px;margin-top:24px}
.news-spotlight-controls{gap:10px;flex-wrap:wrap;padding:16px 0}.news-spotlight-label{flex-basis:100%;font-size:10px}.news-story-selectors{gap:3px}.news-story-selectors button{padding:7px 5px;gap:6px}.news-story-selectors i{width:16px}.news-story-selectors button[aria-pressed="true"] i{width:25px}.news-spotlight-arrows{gap:6px}.news-spotlight-arrows button{width:32px;height:32px}
.news-hub .news-grid{grid-template-columns:1fr;gap:20px}.news-hub .news-featured.news-has-image{display:flex}.news-featured .news-card-image{height:auto;min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:1px solid #294a5c}.news-card-content,.news-featured .news-card-content{padding:23px}.news-hub .news-featured h2{font-size:24px}.news-hub .news-card h2{font-size:22px}
}
@media(max-width:420px){.news-page-top,.news-hub{margin-left:20px;margin-right:20px}.news-hero h1{font-size:34px}.news-hero-copy{max-width:94%}.news-hologram{right:-85px;opacity:.2}.news-card-content,.news-featured .news-card-content{padding:21px}.news-story-selectors button{padding:7px 4px}.news-story-selectors i{width:13px}.news-story-selectors button[aria-pressed="true"] i{width:22px}}
@media(max-width:420px){.news-story-selectors button{padding:7px 3px;gap:4px;font-size:9px}.news-story-selectors i{width:8px}.news-story-selectors button[aria-pressed="true"] i{width:16px}}

/* Fine wireframe globe with a quiet technology label and moving satellites. */
.news-hero-signal{min-height:350px}
.news-hologram.news-signal{width:520px;height:340px;right:0;top:-12px;display:block;transform:none;opacity:1;filter:none}
.news-hologram.news-signal svg{display:block;width:100%;height:100%;fill:none;stroke:none}
.news-signal .signal-callouts text{font:500 7px/1.5 Montserrat,Kanit,Arial,sans-serif;letter-spacing:1.6px}
.news-signal .signal-title{fill:#c7f8ef;font:400 17px/1 Montserrat,Arial,sans-serif;letter-spacing:3.8px}
.news-signal .signal-subtitle{fill:#8ec9cb;font:500 6px/1 Montserrat,Arial,sans-serif;letter-spacing:3px}
.news-hologram.news-signal svg circle{fill:none;stroke:none;stroke-width:0}
.news-hologram.news-signal svg .signal-outer-orbit{stroke:#2c6977;stroke-width:.6;stroke-opacity:.38}
.news-hologram.news-signal svg .signal-inner-orbit{stroke:#326a74;stroke-width:.6;stroke-opacity:.38}
.news-hologram.news-signal svg .signal-world-edge{stroke:#3c8e9b;stroke-width:.6;stroke-opacity:.6}
.news-hologram.news-signal svg .signal-city-dots circle{fill:#8debd8;stroke:none;opacity:.8}
.news-hologram.news-signal svg circle.signal-dot{fill:#b6ffed;stroke:none}
.news-hologram.news-signal svg circle.signal-dot-aura{fill:#83efdf;stroke:none;opacity:.07}
.news-signal~.news-hero-meta{margin-top:42px}
@media(min-width:801px){.news-hero-signal .news-hero-copy{max-width:55%}}
@media(min-width:801px) and (max-width:1050px){.news-hologram.news-signal{width:440px;height:288px;right:0;top:4px}}
@media(max-width:800px){.news-hero-signal{min-height:0}.news-hero-signal .news-hero-copy{max-width:100%}.news-hologram.news-signal{position:relative;right:auto;top:auto;width:100%;max-width:380px;height:auto;aspect-ratio:520/340;margin:-5px auto -8px;opacity:1}.news-signal~.news-hero-meta{margin-top:0}.news-hologram.news-signal svg{aspect-ratio:520/340;height:auto}.news-story-selectors{min-width:0;flex-wrap:wrap}.news-story-selectors button{min-width:24px;min-height:30px}}