/* Lyceum No. 23 «Sobornyi» — the news page: an archive grouped by month (markup built by js/news.js),
   on the same white sheet as the other pages. Shared fonts, tokens, header and footer come from css/site.css. */

.news-sheet{padding:clamp(28px,4vw,56px) 0 clamp(56px,7vw,96px)}

/* ---------- Masthead (the nameplate) ---------- */
.news-masthead{display:grid;justify-items:center;gap:6px;padding:0 0 clamp(14px,2vw,22px);margin-bottom:clamp(28px,4vw,48px);border-bottom:4px double var(--ink);text-align:center}
.news-masthead-kicker{padding:0 0 8px;width:100%;border-bottom:1px solid var(--ink);font-size:calc(13px * var(--fs-scale,1));font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
.news-masthead-title{font-size:calc(clamp(56px,10vw,150px) * var(--fs-scale,1));line-height:1;letter-spacing:-.05em;color:var(--blue-ink)}
.news-masthead-meta{font-size:calc(14px * var(--fs-scale,1));letter-spacing:.06em;color:var(--muted)}

/* ---------- Months ---------- */
.news-feed{display:grid;gap:clamp(36px,5vw,64px)}
.news-month{display:grid;gap:clamp(18px,2.4vw,28px)}
.news-month-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:10px;border-top:3px solid var(--ink)}
.news-month-title{font-size:calc(clamp(24px,2.6vw,34px) * var(--fs-scale,1));line-height:1.1;letter-spacing:-.025em;text-transform:capitalize}
.news-month-count{font-size:calc(13px * var(--fs-scale,1));letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.news-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),240px));justify-content:start;gap:clamp(14px,1.8vw,22px);list-style:none}

/* ---------- A small vertical card ---------- */
.news-post{position:relative;display:flex;flex-direction:column;height:100%;padding:12px 12px 16px;border-radius:calc(var(--radius) * 1.5);background:#fff;box-shadow:0 1px 2px rgba(13,27,54,.08),0 0 0 1px var(--line);transition:transform .2s ease,box-shadow .2s ease}
.news-post:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(13,27,54,.14),0 0 0 1px var(--line)}
.news-post:focus-within{outline:2px solid var(--blue);outline-offset:3px}
.news-post-art{display:grid;place-items:center;aspect-ratio:4/3;margin-bottom:12px;border-radius:var(--radius);background:#e8eefb;overflow:hidden}
.news-post-art img{width:auto;height:82%;transform:rotate(-3deg);filter:drop-shadow(0 6px 10px rgba(13,27,54,.18))}
.news-post-art img.is-photo{width:100%;height:100%;object-fit:cover;transform:none;filter:none} /* a real photo fills the picture area */
.news-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:8px;font-size:calc(12px * var(--fs-scale,1));color:var(--muted)}
.news-post-tag{padding:1px 8px;border-radius:999px;background:var(--bg-soft);font-weight:500;color:var(--ink-2)}
.news-post-title{font-size:calc(17px * var(--fs-scale,1));line-height:1.25;letter-spacing:-.01em}
.news-post-link::after{content:"";position:absolute;inset:0;border-radius:inherit} /* the whole card is the link */
.news-post-link:focus-visible{outline:0}
.news-post-text{margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;font-size:calc(14px * var(--fs-scale,1));line-height:1.5;color:var(--ink-2)}
.news-post-more{margin-top:auto;padding-top:14px;font:500 calc(14px * var(--fs-scale,1))/1 var(--font-head);color:var(--blue)}
.news-post-more::after{content:"→";display:inline-block;margin-left:8px;transition:transform .2s ease}
.news-post:hover .news-post-more::after{transform:translateX(4px)}
.news-feed-empty{text-align:center;color:var(--muted)}

@media (max-width:600px){
  .news-list{grid-template-columns:minmax(0,1fr)}
  .news-post-art{aspect-ratio:16/9}
}
@media (prefers-reduced-motion:reduce){
  .news-post,.news-post:hover{transition:none;transform:none}
  .news-post-more::after{transition:none}
}

/* ---------- One news item (news-item.html) ---------- */
.news-article{max-width:760px;margin:0 auto;display:grid;gap:clamp(16px,2vw,24px)}
.news-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:calc(14px * var(--fs-scale,1));color:var(--muted)}
.news-article-title{font-size:calc(clamp(30px,4.4vw,52px) * var(--fs-scale,1));line-height:1.1;letter-spacing:-.035em;color:var(--blue-ink)}
.news-article-photo{margin:0}
.news-article-photo img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:var(--radius)}
.news-article-text{display:grid;gap:1em;font-size:calc(18px * var(--fs-scale,1));line-height:1.65;color:var(--ink-2);overflow-wrap:anywhere}
.news-article-file{justify-self:start;padding:12px 20px;border-radius:var(--radius);background:var(--blue);font:500 calc(16px * var(--fs-scale,1))/1.2 var(--font-head);color:#fff}
.news-article-file:hover{background:var(--blue-deep)}
.news-article-updated{font-size:calc(13px * var(--fs-scale,1));color:var(--muted)}
.news-article-back{max-width:760px;margin:clamp(28px,4vw,44px) auto 0;font:500 calc(15px * var(--fs-scale,1))/1 var(--font-head)}
.news-article-back a{color:var(--blue)}