/* === NEWS dedicated stylesheet (scoped) === */
:root { --etr-blue:#0a5b8a; --etr-blue-2:#0a7ebd; --etr-ink:#0d2235; --etr-line:#e6edf3; }
/* Container */
.container { max-width: 1120px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
/* Breadcrumb */
.breadcrumb, .breadcrumb a { color: var(--etr-ink) !important; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb { font-size: .9rem; margin: 8px 0 10px; }
/* List layout */
.news-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--etr-line); }
.news-row { border-bottom: 1px solid var(--etr-line); }
.news-row .row-link { display: grid; grid-template-columns: minmax(0,1fr) auto 22px; align-items: center; gap: 16px; padding: 18px 4px; text-decoration: none; color: inherit; width: 100%; }
.news-row .left { display:flex; flex-direction:column; gap:8px; min-width:0; }
.news-row .title { font-size: 1.05rem; font-weight: 800; line-height: 1.5; }
.news-row .date { white-space: nowrap; text-align: right; color: #5c6670; }
.news-row .chev { text-align: center; color: #79b4e2; font-weight: 700; }
.badge--outline { display:inline-block; font-size:.78rem; border:1px solid #1f82c0; color:#1f82c0; padding:2px 10px; border-radius:999px; }
/* Hover/Focus */
.news-row .row-link:hover .title { text-decoration: none; }
.news-row .row-link:focus-visible { outline: 2px solid var(--etr-blue-2); outline-offset: 2px; border-radius: 6px; }
/* Sidebar & topics */
.sidebar { position: sticky; top: 24px; display:flex; flex-direction:column; gap: 12px; }
.sidecard { background:#fff; border:1px solid var(--etr-line); border-radius: 8px; padding:14px; }
.sidecard h3 { font-size: 1rem; margin: 0 0 10px; }
.cat-chips { display:flex; flex-wrap:wrap; gap:8px; }
.chip { border:1px solid #d6dfe7; border-radius:999px; padding:6px 10px; font-size:.9rem; background:#f7fbff; color:#0a5b8a; cursor:pointer; }
.chip.active { background:#0a5b8a; color:#fff; border-color:#0a5b8a; }
.topics { display:flex; flex-direction:column; gap:12px; }
.topic { display:grid; grid-template-columns: 72px 1fr; gap:10px; align-items:center; }
.topic .thumb { width:72px; height:48px; background:#f0f3f6; border-radius:6px; }
/* Pager */
.pager { display:flex; gap:8px; justify-content:center; margin-top: 20px; }
.pager a { padding:6px 10px; border:1px solid #d6dfe7; border-radius:6px; text-decoration:none; color:var(--etr-ink); }
.pager [aria-current="page"] { background:#0a5b8a; color:#fff; border-color:#0a5b8a; }
/* Article */
.article-layout { display:grid; grid-template-columns: minmax(0,1fr) 300px; gap:24px; }
@media (max-width: 980px){ .article-layout { display:grid; grid-template-columns: minmax(0,1fr) 300px; gap:24px; } .sidebar { position: static; } }
.article-header .cat { margin-bottom: 8px; }
.article-header .date { color:#5c6670; font-size:.9rem; }
.article-title { font-size: 28px; font-weight: 800; line-height:1.5; margin: 4px 0 14px; }
.article-body { color: var(--etr-ink); font-size: 1rem; line-height:1.9; }
.article-body p { margin: 0 0 1em; }
/* Share buttons */
.share-buttons{ display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.share-btn{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; color:#fff; text-decoration:none; font-weight:700; font-size:.9rem; border:0; cursor:pointer; }
.share-btn svg{ display:block; }
.share-x{ background:#000; } .share-line{ background:#06C755; } .share-fb{ background:#1877F2; } .share-copy{ background:#2d2d2d; }
/* Related grid (reuse simple cards) */
.news-card { background:#fff; border:1px solid #eee; border-radius:8px; box-shadow:0 2px 4px rgba(0,0,0,.05); overflow:hidden; display:flex; flex-direction:column; }
.news-body { padding:16px; }
.news-title { font-size:1.05rem; font-weight:700; line-height:1.4; margin:4px 0 8px; }
.news-excerpt { color:#555; }
/* Header 'News' bar for list page only */
.news-hero { margin: 18px 0; }
.news-hero .bar { background: linear-gradient(90deg, #053a5c, #0a7ebd); color:#fff; display:flex; justify-content:space-between; align-items:center; border-radius: 4px; padding: 16px 24px; }
.news-hero .title { font-size: 20px; letter-spacing:.08em; opacity:.9; }
.news-hero .big { font-size: 36px; font-weight: 800; }

/* breadcrumb stronger color */
main .breadcrumb, .container .breadcrumb { color:#0d2235 !important; }
main .breadcrumb a, .container .breadcrumb a { color:#0d2235 !important; }