:root{--oc-accent:#0ea5a4;--oc-border:rgba(15,23,42,.10);--oc-muted:#475569;--oc-card:#fff;}

.news-slider{border:1px solid var(--oc-border);background:var(--oc-card);border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(2,6,23,.05);margin:14px 0 20px}
.news-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.news-top h2{margin:0;font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:rgba(71,85,105,.9)}
.news-top .controls{display:flex;gap:8px;align-items:center}
.news-top button{border:1px solid var(--oc-border);background:rgba(2,6,23,.02);border-radius:12px;padding:8px 10px;cursor:pointer}
.news-top button:hover{background:rgba(14,165,164,.08);border-color:rgba(14,165,164,.25)}

.news-viewport{overflow:hidden;border-radius:14px;margin-top:12px;border:1px solid var(--oc-border)}
.news-track{display:flex;transition:transform .35s ease;will-change:transform}
.news-card{min-width:100%;display:block;padding:14px 14px 12px;text-decoration:none;background:rgba(2,6,23,.015)}
.news-card:hover{background:rgba(14,165,164,.06)}
.news-title{font-weight:900;line-height:1.25;font-size:18px;font-family:ui-serif,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,Cambria,serif}
.news-ex{margin-top:8px;color:rgba(11,18,32,.72);line-height:1.55}
.news-meta{margin-top:10px;font-size:12px;color:var(--oc-muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.news-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;border:1px solid rgba(14,165,164,.28);background:rgba(14,165,164,.10);font-size:12px;color:#0b5b5a}

.news-dots{display:flex;gap:6px;justify-content:center;margin-top:10px}
.news-dot{width:8px;height:8px;border-radius:999px;border:1px solid rgba(15,23,42,.22);background:transparent;cursor:pointer}
.news-dot.on{background:rgba(14,165,164,.95);border-color:rgba(14,165,164,.55)}

@media (max-width:700px){.news-title{font-size:16px}.news-slider{padding:14px}}