/* ===== News list and article (news.php) ===== */

/* filters */
.nw-filters { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 24px; }
.nw-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.arr a.nw-chip { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--arr-border-2, #2E2E34); color: var(--arr-text-2, #D6D3CD); font-size: 13px; font-weight: 600; text-decoration: none; }
.arr a.nw-chip small { color: var(--arr-text-faint, #8C8983); font-weight: 700; margin-left: 2px; }
.arr a.nw-chip:hover { border-color: var(--arr-accent, #F2A93B); color: var(--arr-accent, #F2A93B); }
.arr a.nw-chip.is-on { background: var(--arr-accent, #F2A93B); border-color: var(--arr-accent, #F2A93B); color: var(--arr-on-accent, #1A1206); }
.arr a.nw-chip.is-on small { color: inherit; opacity: .7; }
.nw-search input { width: 240px; max-width: 100%; height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--arr-border-2, #2E2E34); background: var(--arr-surface-3, #24242A); color: var(--arr-text, #F4F2EE); font: inherit; font-size: 14px; outline: none; }
.nw-search input:focus { border-color: var(--arr-accent, #F2A93B); }

/* cards */
.nw-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--arr-gap, 18px); }
.arr a.nw-card { display: flex; flex-direction: column; background: var(--arr-surface, #1A1A1D); border: 1px solid var(--arr-border-2, #2E2E34); border-radius: var(--arr-radius, 12px); overflow: hidden; color: inherit; text-decoration: none; transition: transform .15s ease, border-color .15s ease; }
.arr a.nw-card:hover, .arr a.nw-card:focus-visible { transform: translateY(-3px); border-color: var(--arr-accent, #F2A93B); outline: none; }
.nw-card__img { aspect-ratio: 16 / 9; background: var(--arr-surface-3, #24242A); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.nw-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nw-card__img span { color: var(--arr-text-faint, #8C8983); font: 800 16px/1.2 var(--arr-font-display, inherit); text-transform: uppercase; letter-spacing: .08em; }
.nw-card__body { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 18px; }
.nw-card__title { font: 800 18px/1.25 var(--arr-font-display, inherit); color: var(--arr-text, #F4F2EE); }
.nw-card__sum { color: var(--arr-text-muted, #A9A6A0); font-size: 14px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.nw-meta { font-size: 12px; color: var(--arr-text-muted, #A9A6A0); text-transform: uppercase; letter-spacing: .06em; }
.nw-cat, .arr a.nw-cat { color: var(--arr-accent, #F2A93B); font-weight: 700; text-decoration: none; }
.nw-featured { margin-bottom: var(--arr-gap, 18px); }
.arr a.nw-card--big { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
.nw-card--big .nw-card__img { aspect-ratio: auto; min-height: 300px; }
.nw-card--big .nw-card__body { justify-content: center; padding: 28px; gap: 12px; }
.nw-card--big .nw-card__title { font-size: clamp(22px, 2.6vw, 34px); line-height: 1.12; }
.nw-card--big .nw-card__sum { font-size: 16px; -webkit-line-clamp: 5; }
.nw-pager { display: flex; justify-content: center; align-items: center; gap: 18px; margin: 30px 0 10px; color: var(--arr-text-muted, #A9A6A0); }
.arr .nw-pager a { color: var(--arr-accent, #F2A93B); font-weight: 700; text-decoration: none; }

/* article */
.nw-article { max-width: 820px; }
.arr .nw-back { display: inline-block; margin-bottom: 18px; color: var(--arr-accent, #F2A93B); font-weight: 600; text-decoration: none; }
.nw-preview { margin-bottom: 18px; padding: 10px 14px; border-radius: 10px; border: 1px dashed rgba(96,165,250,.5); color: #60A5FA; font-size: 14px; }
.nw-head { display: flex; flex-direction: column; gap: 12px; margin-bottom: 22px; }
.nw-title { font-size: clamp(30px, 4vw, 48px); line-height: 1.06; margin: 0; }
.nw-lede { margin: 0; font-size: 19px; line-height: 1.55; color: var(--arr-text-2, #D6D3CD); }
.nw-cover { margin: 0 0 26px; }
.nw-cover img { width: 100%; border-radius: var(--arr-radius-lg, 14px); display: block; }
.nw-cover figcaption, .nw-embed figcaption { margin-top: 8px; font-size: 13px; color: var(--arr-text-muted, #A9A6A0); }
.nw-body { color: var(--arr-text-2, #D6D3CD); font-size: 17px; line-height: 1.75; }
.nw-body p { margin: 0 0 18px; }
.nw-body h2 { margin: 30px 0 12px; font: 800 24px/1.2 var(--arr-font-display, inherit); color: var(--arr-text, #F4F2EE); }
.nw-body ul { margin: 0 0 18px; padding-left: 22px; }
.nw-body li { margin-bottom: 6px; }
.nw-body blockquote { margin: 0 0 18px; padding: 6px 0 6px 18px; border-left: 3px solid var(--arr-accent, #F2A93B); color: var(--arr-text, #F4F2EE); font-style: italic; }
.nw-body strong { color: var(--arr-text, #F4F2EE); }
.arr .nw-body a { color: var(--arr-accent, #F2A93B); text-decoration: underline; text-underline-offset: 3px; word-break: break-word; }
.nw-embeds { display: flex; flex-direction: column; gap: 22px; margin: 26px 0; }
.nw-embed { margin: 0; }
.nw-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--arr-radius, 12px); overflow: hidden; background: #000; }
.nw-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.nw-embed .instagram-media { min-width: 0 !important; max-width: 540px !important; width: 100% !important; margin: 0 !important; }
.arr a.nw-linkcard { display: block; padding: 16px; border: 1px solid var(--arr-border-2, #2E2E34); border-radius: var(--arr-radius, 12px); color: var(--arr-text, #F4F2EE); text-decoration: none; }
.nw-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; margin: 26px 0; }
.nw-photo { padding: 0; border: 0; border-radius: var(--arr-radius-sm, 10px); overflow: hidden; cursor: zoom-in; background: var(--arr-surface-3, #24242A); }
.nw-photo img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; transition: transform .2s; }
.nw-photo:hover img { transform: scale(1.04); }
.nw-lb { position: fixed; inset: 0; z-index: 3000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 20px; background: rgba(0,0,0,.92); }
.nw-lb[hidden] { display: none; }
.nw-lb img { max-width: 100%; max-height: 82vh; border-radius: 8px; }
.nw-lb p { margin: 0; color: #ddd; }
.nw-lb__x { position: absolute; top: 14px; right: 18px; background: none; border: 0; color: #fff; font-size: 34px; cursor: pointer; }
.nw-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0; }
.arr .nw-links a { display: flex; flex-direction: column; gap: 3px; padding: 12px 16px; border: 1px solid var(--arr-border-2, #2E2E34); border-radius: var(--arr-radius, 12px); color: var(--arr-text, #F4F2EE); font-weight: 700; text-decoration: none; }
.arr .nw-links a:hover { border-color: var(--arr-accent, #F2A93B); }
.nw-links span { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--arr-text-muted, #A9A6A0); }
.nw-sources { margin: 26px 0; padding-top: 18px; border-top: 1px solid var(--arr-border, #26262B); }
.nw-sources h2, .nw-related h2 { margin: 0 0 10px; font: 800 18px/1.2 var(--arr-font-display, inherit); }
.nw-sources ul { margin: 0; padding-left: 18px; color: var(--arr-text-muted, #A9A6A0); }
.arr .nw-sources a { color: var(--arr-text-2, #D6D3CD); }
.nw-related { margin-top: 40px; }
@media (max-width: 760px) {
    .arr a.nw-card--big { grid-template-columns: 1fr; }
    .nw-card--big .nw-card__img { min-height: 0; aspect-ratio: 16 / 9; }
    .nw-card--big .nw-card__body { padding: 16px; }
    .nw-search, .nw-search input { width: 100%; }
}