/* Layout: раздел «Новости» — главная новость дня крупно, ниже лента по дням со временем; справа липкая колонка «Главное за неделю» и подписка. */

.page-head{padding-top:clamp(100px,12vw,140px);display:grid;gap:18px}
.page-head h1{font:800 clamp(2.6rem,6vw,4.6rem)/1 var(--font-display);letter-spacing:-.045em}
.page-head p{color:var(--fg-2);font-size:1.1rem;max-width:60ch}
.seg{justify-self:start;display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--card);max-width:100%;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{all:unset;cursor:pointer;white-space:nowrap;padding:10px 16px;border-radius:999px;font:500 .9rem/1 var(--font-ui);color:var(--fg-2)}
.seg button:hover{color:var(--fg)}
.seg button[aria-pressed="true"]{background:var(--fg);color:#000;font-weight:600}
.seg button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}

.n-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;margin-top:28px;align-items:start}
.lead-news{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;padding-bottom:36px;border-bottom:1px solid var(--line)}
.lead-news .img{aspect-ratio:16/10;border-radius:var(--r-lg)}
.lead-news .txt{display:grid;gap:12px}
.lead-news h2{font:800 clamp(1.7rem,3vw,2.5rem)/1.05 var(--font-display);letter-spacing:-.035em;text-wrap:balance}
.lead-news p{color:var(--fg-2);font-size:1.05rem}
.when{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font:600 .82rem/1 var(--font-ui);color:var(--fg-3)}
.when time{color:var(--accent)}
.cat{font:600 .72rem/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.08);color:var(--fg-2)}
@media (max-width:760px){.lead-news{grid-template-columns:minmax(0,1fr)}}

.day{margin-top:32px}
.day h3{font:700 1.05rem/1 var(--font-display);color:var(--fg-2);padding-bottom:12px;position:sticky;top:64px;background:var(--bg);z-index:5;padding-top:8px}
.item{display:grid;grid-template-columns:64px minmax(0,1fr) 160px;gap:18px;align-items:start;padding-block:18px;border-top:1px solid var(--line)}
.item time{font:700 1rem/1.4 var(--font-display);color:var(--fg);font-variant-numeric:tabular-nums}
.item .txt{display:grid;gap:8px}
.item h4{margin:0;font:700 1.18rem/1.25 var(--font-display);letter-spacing:-.015em}
.item a:hover h4{color:var(--accent)}
.item p{color:var(--fg-2);font-size:.95rem}
.item .img{aspect-ratio:16/10;border-radius:var(--r-sm)}
.item.important time::after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:8px}
@media (max-width:620px){.item{grid-template-columns:minmax(0,1fr) 108px;gap:8px 14px}.item time{grid-column:1 / -1}.item p{display:none}.item h4{font-size:1.05rem}}

.aside{position:sticky;top:84px;display:grid;gap:16px}
.box{background:var(--card);border-radius:var(--r-lg);padding:22px;display:grid;gap:6px}
.box h2{font:700 1.15rem/1.2 var(--font-display);margin-bottom:8px}
.week a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding-block:12px;border-top:1px solid var(--line)}
.week a:first-of-type{border-top:0}
.week .n{font:800 1.4rem/1 var(--font-display);color:var(--fg-3)}
.week a:hover .n{color:var(--accent)}
.week b{font:600 .95rem/1.3 var(--font-display)}
.tg{background:linear-gradient(135deg,rgba(255,55,95,.28),rgba(94,92,230,.22)),var(--card)}
.tg p{color:var(--fg-2);font-size:.92rem;margin-bottom:8px}
@media (max-width:1060px){.n-layout{grid-template-columns:minmax(0,1fr)}.aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.aside{grid-template-columns:minmax(0,1fr)}}
.more-btn{display:flex;justify-content:center;margin-top:36px}
.sample-note{font-size:.8rem;color:var(--fg-3);margin-top:18px;text-align:center}
.empty{color:var(--fg-2);padding:40px 0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* Листалка (partials/pager) — как в «Статьях». */
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:48px}
.pager a,.pager span{min-width:44px;height:44px;padding:0 14px;border-radius:999px;display:grid;place-items:center;font:600 .92rem/1 var(--font-ui);background:var(--card);color:var(--fg)}
.pager a:hover{background:var(--card-2)}
.pager [aria-current]{background:var(--fg);color:#000}
.pager .gap{background:none;color:var(--fg-3)}