/* Раздел «Обновления» (/<язык>/news/…): лента, статьи, хроника. Страницы собирает build.js из src/news/<статья>/<язык>.html в общую оболочку
   сайта (шапка, подвал, переключатель языка). Правила прежнего самостоятельного news.css (site/site/news/news.css до 29.10.2026) перенесены
   сюда под классом .news на <main>: без него они переписали бы body, footer, .card и .wrap всего сайта. Свои шапка и подвал раздела сняты —
   их место заняли общие. Стороны — логическими свойствами (inline-start/end), иначе арабская страница рисовала бы полосы и номера глав слева. */
.news{font-size:17px;line-height:1.7;padding-top:40px;padding-bottom:10px}
.news.wrap{max-width:860px;padding-inline:20px}
.news.art{max-width:780px}
.news .big{font-family:'Unbounded',sans-serif;font-size:34px;margin-bottom:8px}
.news h1{font-family:'Unbounded',sans-serif;font-size:30px;line-height:1.25;margin:8px 0 14px}
.news h2{font-size:22px;margin:34px 0 10px;color:var(--gold)}
.news p{margin:12px 0;color:#d5dcec}
.news ul{margin-block:12px;margin-inline:22px 0;color:#d5dcec}
.news li{margin:7px 0}
.news .lead{color:var(--txt-2);font-size:19px}
.news .meta{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);font-weight:700}
.news .tag{display:inline-block;margin-inline-start:8px;padding:2px 10px;border-radius:20px;font-size:11px;background:var(--panel);border:1px solid var(--line-lit);color:var(--gold)}
.news .back{display:inline-block;margin-bottom:18px;color:var(--txt-2);font-size:14px}
.news .back:hover{color:var(--gold)}
.news figure{margin:20px 0;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.news figure img{width:100%;height:auto}
.news figcaption{padding:10px 14px;font-size:14px;color:var(--txt-2)}
.news .next{margin:36px 0 20px;padding:16px 20px;background:var(--panel);border-inline-start:4px solid var(--gold);border-radius:8px}
.news .pager{display:flex;justify-content:space-between;gap:16px;margin-top:24px;font-size:14px;color:var(--txt-2)}
.news .pager a:hover{color:var(--gold)}
.news .pager a:last-child{text-align:end}
.news .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px}
.news .card{display:flex;flex-direction:column;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,border-color .2s}
.news .card:hover{transform:translateY(-3px);border-color:var(--line-lit)}
.news .thumb{aspect-ratio:16/9;background:var(--bg-deep);overflow:hidden}
.news .thumb img{width:100%;height:100%;object-fit:cover}
.news .cb{padding:14px 16px 18px}
.news .cb h3{font-size:18px;line-height:1.35;margin:4px 0 6px}
.news .cb p{font-size:14.5px;margin:0;color:var(--txt-2)}
.news .art{max-width:780px}
.news .kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--txt-3)}
.news .kicker b{color:var(--gold)}
.news.story p{font-size:18px;line-height:1.78}
.news.story h2{font-size:21px;margin:40px 0 8px}
.news blockquote{margin:28px 0;padding-block:4px;padding-inline:20px 0;border-inline-start:3px solid var(--gold);color:var(--txt);font-size:20px;line-height:1.55}
.news blockquote small{display:block;margin-top:8px;font-size:14px;color:var(--txt-2)}
.news .aside{margin:28px 0;padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font-size:16px;line-height:1.65}
.news .aside b{color:var(--gold)}
.news .aside ul{margin-block:8px 2px;margin-inline:20px 0}
.news .aside p{margin:6px 0;font-size:16px}
.news .pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.news .pair figure{margin:0}
.news .chapters{list-style:none;margin:30px 0 0;padding:0;position:relative}
.news .chapters:before{content:"";position:absolute;inset-inline-start:15px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--gold),var(--line-lit))}
.news .chapters li{position:relative;margin:0 0 18px;padding-inline-start:46px}
.news .chapters li:before{content:attr(data-n);position:absolute;inset-inline-start:0;top:16px;width:32px;height:32px;border-radius:50%;background:var(--bg);border:2px solid var(--gold);color:var(--gold);font:700 12px/28px 'Unbounded',sans-serif;text-align:center}
.news .chapter{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,border-color .2s}
.news .chapter:hover{transform:translateY(-2px);border-color:var(--line-lit)}
.news .chapter .ct{flex:0 0 210px;min-height:128px;background:var(--bg-deep);overflow:hidden}
.news .chapter .ct img{width:100%;height:100%;object-fit:cover}
.news .chapter .ct.plain{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b2a45,#0e1626);font:900 34px 'Unbounded',sans-serif;color:var(--line-lit)}
.news .chapter .cb{padding:14px 18px 16px}
.news .chapter .cb h3{font-size:18px;line-height:1.35;margin:4px 0 6px}
.news .chapter .cb p{font-size:14.5px;margin:0;color:var(--txt-2)}
.news .card.arch .thumb{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b2a45,#0e1626)}
.news .card.arch .thumb span{font:900 26px/1.2 'Unbounded',sans-serif;color:var(--gold);text-align:center;padding:0 16px}
.news.art p a,.news.art ul a,.news .lead a,.news .aside a,.news .next a{color:var(--gold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.news.art p a:hover,.news.art ul a:hover,.news .lead a:hover,.news .aside a:hover,.news .next a:hover{color:var(--txt)}
/* Статья ещё не переведена на язык страницы: карточка ведёт на русскую версию, текст карточки русский (lang="ru"), рядом метка RU. */
.news .card[lang="ru"]{opacity:.82}
.news .card[lang="ru"]:hover{opacity:1}
@media(max-width:640px){.news{font-size:16px}.news h1{font-size:24px}.news .big{font-size:26px}.news .grid{grid-template-columns:1fr}
  .news.story p{font-size:17px}.news blockquote{font-size:18px}.news .pair{grid-template-columns:1fr}.news .chapter{flex-direction:column}
  .news .chapter .ct{flex-basis:auto;min-height:0;aspect-ratio:16/9}.news .chapter .ct.plain{aspect-ratio:auto;height:70px;font-size:26px}}
html[data-code="ja"] .news .meta,html[data-code="ja"] .news .kicker,html[data-code="ar"] .news .meta,html[data-code="ar"] .news .kicker{letter-spacing:0;text-transform:none}