.news-gallery-actions { display:flex; flex-direction:column; align-items:flex-end; gap:20px; }
.news-gallery-controls { display:flex; gap:8px; }
.news-gallery-controls button { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--line); border-radius:50%; color:var(--ink); background:var(--surface); cursor:pointer; }
.news-gallery-controls button:hover { color:var(--blue); border-color:var(--blue); }
.news-gallery-controls svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.news-gallery-viewport { overflow:hidden; border-radius:12px; touch-action:pan-y; }
.news-gallery-track { display:flex; gap:20px; will-change:transform; }
.news-gallery-card { position:relative; flex:0 0 clamp(280px,30vw,360px); min-height:430px; overflow:hidden; border-radius:12px; isolation:isolate; background:#183348; color:white; }
.news-gallery-card img,.news-gallery-placeholder { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.news-gallery-card:hover img { transform:scale(1.045); }
.news-gallery-placeholder { display:grid; place-items:center; font-size:78px; font-weight:700; color:#ffffff24; background:linear-gradient(145deg,#18455f,#0f172a); }
.news-gallery-card::after { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(to bottom,#06142005 15%,#06142065 45%,#061420f0 100%); pointer-events:none; }
.news-gallery-copy { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; min-height:430px; padding:28px; }
.news-gallery-copy time { color:#e2e8f0; font-size:12px; margin-bottom:12px; }
.news-gallery-copy h3 { color:#fff; font-size:21px; line-height:1.4; margin:0 0 12px; font-weight:600; }
.news-gallery-copy p { color:#e2e8f0; font-size:13px; line-height:1.65; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0 0 24px; }
.news-gallery-copy button { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0; border:0; background:none; color:white; font:inherit; font-size:13px; text-align:left; cursor:pointer; }
.news-gallery-copy button span { font-size:23px; }
.news-gallery-counter { text-align:center; color:var(--muted); margin:20px 0 0; font-size:12px; }
.news-gallery-dialog { width:min(700px,calc(100% - 32px)); max-height:85dvh; overflow:auto; padding:30px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--surface); }
.news-gallery-dialog::backdrop { background:#0f172a99; }
.news-gallery-dialog form { display:flex; justify-content:flex-end; }
.news-gallery-dialog form button { background:none; border:0; color:var(--ink); font-size:26px; cursor:pointer; }
.news-gallery-dialog h2 { margin:12px 0; font-size:26px; }
.news-gallery-dialog p,.news-gallery-body { font-size:14px; line-height:1.8; }
.news-gallery-body { white-space:pre-line; }
@media(max-width:600px) { .news-gallery .section-head { align-items:flex-start; gap:20px; }.news-gallery-actions { align-items:flex-start; }.news-gallery-card { flex-basis:85vw; min-height:400px; }.news-gallery-copy { min-height:400px; padding:24px; } }
@media(prefers-reduced-motion:reduce) { .news-gallery-card img { transition:none; } }
.news-gallery-card { flex-basis:clamp(250px,25vw,310px); min-height:350px; }
.news-gallery-copy { min-height:350px; padding:24px; }
.news-gallery-copy h3 { font-size:18px; }
.news-gallery-copy p { font-size:12px; margin-bottom:18px; }
@media(max-width:600px) { .news-gallery-card { flex-basis:78vw; min-height:330px; }.news-gallery-copy { min-height:330px; } }

.news-gallery-viewport,.news-gallery-viewport:active{cursor:auto}.news-gallery-track{user-select:none}.news-gallery-copy a{cursor:pointer}
