/* Editorial archives inherit the homepage's navy, teal and serif system. */
.site-nav__list a[aria-current="page"] { color: var(--teal-300); text-decoration: underline; text-underline-offset: 7px; }
.archive-hero { padding-block: 28px 52px; }
.archive-crumbs { display: flex; gap: 12px; color: var(--on-dark-2); font-size: .8125rem; margin-bottom: 32px; }
.archive-crumbs a { color: inherit; }
.archive-hero h1 { font-size: clamp(2.7rem, 5vw, 4rem); }
.archive-hero p { color: var(--on-dark-2); max-width: 65ch; font-size: 1.125rem; line-height: 1.8; margin-top: 20px; }
.archive-content { padding-block: 48px 64px; }
.archive-section-head { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 30px; }
.archive-section-head h2 { font-size: clamp(1.8rem, 3vw, 2.25rem); }
.archive-section-head p { color: var(--ink-2); margin-top: 12px; }
.article-index { margin-top: 56px; }
.article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 30px; }
.archive-article { min-width: 0; }
.archive-article > a { display: block; color: var(--ink); text-decoration: none; }
.archive-article__image, .archive-article__text-art { aspect-ratio: 1.65; overflow: hidden; border-radius: 10px; background: var(--navy-900); }
.archive-article__image img { width: 100%; height: 100%; object-fit: cover; }
.archive-article__text-art { display: flex; flex-direction: column; align-items: start; justify-content: space-between; padding: 28px; color: var(--on-dark); background: var(--navy-900) url('assets/constellations.png') center / cover; }
.archive-article__text-art > span { font-family: var(--font-display); font-size: 1.4rem; }
.archive-article__copy { padding-top: 18px; }
.archive-article h3 { font-size: 1.35rem; line-height: 1.3; margin-top: 10px; text-wrap: pretty; }
.archive-article > a:hover h3 { color: var(--teal-700); text-decoration: underline; text-underline-offset: 4px; }
.archive-pagination { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); padding-top: 30px; margin-top: 48px; }
.archive-pagination p { color: var(--ink-3); font-size: .875rem; font-variant-numeric: tabular-nums; }
.archive-button { color: var(--paper); background: var(--navy-700); white-space: normal; line-height: 1.5; }
.archive-button:hover { background: var(--navy-600); }
.archive-next { padding-block: 40px; background: var(--paper-2); border-top: 1px solid var(--line); }
.archive-next > .container { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.archive-next h2 { font-size: 1.75rem; }
.archive-next p { color: var(--ink-2); max-width: 60ch; margin-top: 12px; }
.archive-next .more { display: flex; margin-block: 12px; }
.archive-next .button { flex-shrink: 0; }
.latest-issue { display: grid; grid-template-columns: .8fr 1fr; gap: clamp(40px, 7vw, 100px); align-items: center; padding: 16px 80px 48px; }
.issue-display { background: var(--navy-900) url('assets/constellations.png') center / cover; color: var(--on-dark); padding: 28px 32px; min-height: 360px; display: flex; flex-direction: column; border-radius: 2px 12px 12px 2px; box-shadow: var(--shadow-card); }
.issue-display > span:first-child { font: 600 1.5rem var(--font-display); }
.issue-display strong { font: 600 clamp(4rem, 7vw, 6rem)/1.2 var(--font-display); margin-top: 28px; }
.issue-display > span:nth-of-type(2) { color: var(--teal-300); font-size: 1rem; }
.issue-display > div { margin-top: auto; padding-top: 32px; font-size: .875rem; line-height: 1.7; }
.latest-issue__copy h2 { font-size: clamp(2rem, 3.3vw, 3rem); }
.latest-issue__copy .issue-date { color: var(--teal-700); font-weight: 600; font-size: .9375rem; margin-top: 16px; }
.latest-issue__copy > p { color: var(--ink-2); margin-top: 24px; max-width: 46ch; }
.latest-issue__copy .button { margin-top: 30px; }
.issue-archive-link { display: block; width: fit-content; margin-top: 20px; font-size: .875rem; }
.robo-issue { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 28px 32px; background: var(--paper-2); border-radius: 12px; }
.robo-issue h2 { font-size: 1.5rem; }
.robo-issue p { margin-top: 12px; color: var(--ink-2); font-size: .9375rem; }
.robo-issue > div:last-child { flex-shrink: 0; }
.robo-issue .more { display: flex; margin-bottom: 10px; }
.robo-issue a:not(.more) { font-size: .8125rem; }
.issue-archive { margin-top: 56px; scroll-margin-top: 24px; }
.issue-archive__layout { display: grid; grid-template-columns: 180px 1fr; gap: 60px; }
.year-nav { align-self: start; position: sticky; top: 24px; border-top: 1px solid var(--line-strong); padding-top: 20px; }
.year-nav p { font-size: .8125rem; color: var(--ink-3); margin-bottom: 8px; }
.year-nav a { display: block; padding: 9px 0; font-weight: 600; text-decoration: none; width: fit-content; }
.year-nav a:hover { text-decoration: underline; }
.issue-year { scroll-margin-top: 24px; }
.issue-year + .issue-year { margin-top: 36px; }
.issue-year h3 { font-size: 1.7rem; margin-bottom: 16px; }
.issue-year ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line-strong); }
.issue-year li { border-bottom: 1px solid var(--line); }
.issue-year li a { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 68px; gap: 20px; align-items: center; padding: 20px 12px; color: var(--ink); text-decoration: none; }
.issue-year li a:hover { background: var(--paper-2); }
.issue-year li a:hover .issue-number { color: var(--teal-700); text-decoration: underline; }
.issue-number { font-weight: 600; }
.issue-month { color: var(--ink-2); font-size: .9375rem; }
.issue-format { display: flex; gap: 12px; align-items: center; color: var(--teal-700); font-size: .8125rem; font-weight: 700; }
.issue-format svg { height: 18px; width: 18px; }
/* Články / Archiv: one row per article (day and month, title, rubrika). */
.article-year h3 small { font: 400 .9375rem var(--font-body); color: var(--ink-3); margin-left: 10px; }
.issue-year.article-year li a { grid-template-columns: 64px minmax(0, 1fr) auto; padding: 14px 12px; }
.article-year time { color: var(--ink-3); font-size: .875rem; font-variant-numeric: tabular-nums; }
.article-year__title { font-weight: 600; text-wrap: pretty; }
.article-year li a:hover .article-year__title { color: var(--teal-700); text-decoration: underline; text-underline-offset: 3px; }
.article-year__rubrika { color: var(--teal-700); font-size: .8125rem; font-weight: 700; }
.archive-old { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 40px; padding: 24px 28px; background: var(--paper-2); border-radius: var(--radius-m); }
.archive-old h2 { font-size: 1.35rem; }
.archive-old p { color: var(--ink-2); font-size: .9375rem; margin-top: 6px; }
.archive-old .more { flex-shrink: 0; }
@media (max-width: 1000px) {
 .article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .latest-issue { padding-inline: 24px; gap: 40px; }
 .issue-archive__layout { grid-template-columns: 120px 1fr; gap: 32px; }
}
@media (max-width: 640px) {
 .issue-year.article-year li a { grid-template-columns: 52px minmax(0, 1fr); gap: 4px 12px; }
 .article-year__rubrika { grid-column: 2; }
 .archive-old { display: block; }
 .archive-old .more { display: flex; margin-top: 14px; }
 .archive-hero { padding-block: 22px 36px; }
 .archive-hero p { font-size: 1rem; }
 .archive-crumbs { margin-bottom: 24px; }
 .archive-content { padding-block: 28px 40px; }
 .archive-section-head { display: block; }
 .archive-section-head .more { margin-top: 18px; }
 .article-index { margin-top: 36px; }
 .article-grid { grid-template-columns: 1fr; gap: 0; }
 .archive-article { padding-block: 20px; border-bottom: 1px solid var(--line); }
 .archive-article > a { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 16px; align-items: start; }
 .archive-article__image, .archive-article__text-art { aspect-ratio: 1; border-radius: 6px; }
 .archive-article__text-art { padding: 12px; justify-content: center; }
 .archive-article__text-art > span { display: none; }
 .archive-article__copy { padding-top: 0; }
 .archive-article h3 { font-size: 1.125rem; margin-top: 8px; }
 .archive-article .meta { gap: 5px; font-size: .6875rem; }
 .archive-article .meta > * + *::before { margin-right: 5px; }
 .archive-pagination { display: block; margin-top: 24px; }
 .archive-pagination .button { margin-top: 16px; }
 .archive-next > .container { display: block; }
 .archive-next .button, .archive-next .more { margin-top: 24px; }
 .archive-next .more { white-space: normal; }
 .latest-issue { grid-template-columns: 1fr; padding: 4px 0 32px; gap: 30px; }
 .issue-display { min-height: 280px; width: min(100%, 300px); margin-inline: auto; }
 .issue-display strong { font-size: 5rem; }
 .latest-issue__copy h2 { font-size: 2rem; }
 .robo-issue { display: block; padding: 24px; }
 .robo-issue > div:last-child { margin-top: 22px; }
 .issue-archive { margin-top: 36px; }
 .issue-archive__layout { grid-template-columns: 1fr; gap: 30px; }
 .year-nav { position: static; display: flex; flex-wrap: wrap; gap: 6px 24px; padding-top: 16px; }
 .year-nav p { width: 100%; margin-bottom: 0; }
 .issue-year li a { grid-template-columns: minmax(0, 1fr) 60px; gap: 6px 12px; padding-inline: 4px; }
 .issue-month { grid-column: 1; grid-row: 2; }
 .issue-format { grid-column: 2; grid-row: 1 / 3; }
}
/* Documents index (database-rendered): kinds are h2s in the issue-year list style. */
.documents-page .issue-year h2 { font-size: 1.7rem; margin-bottom: 16px; }
@media (min-width: 641px) { .documents-page .issue-year li a { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 68px; } }
/* Article lists (database-rendered): tag filter, empty state, newer/older links. */
.archive-filter { margin-bottom: 28px; padding: 12px 16px; background: var(--paper-2); border-radius: 8px; color: var(--ink-2); }
.archive-filter a { margin-left: 4px; }
.archive-empty { color: var(--ink-2); padding-block: 24px; }
.archive-pagination__links { display: flex; flex-wrap: wrap; gap: 12px; }
@media (max-width: 640px) { .archive-pagination__links .button { margin-top: 16px; } }
.feature__media .archive-article__text-art { height: 100%; min-height: 220px; aspect-ratio: auto; border-radius: 0; }
/* A coverless lead keeps the logo at its natural size: no cover-fit stretching, no hover zoom. */
.feature__media .archive-article__text-art img { width: 134px; height: 40px; max-width: 100%; object-fit: contain; transition: none; }
.feature__link:hover .feature__media .archive-article__text-art img { transform: none; }