:root { --color-canvas:#FAF7F0; --color-surface:#FFFDF8; --color-ink:#22301F; --color-muted:#6B7261; --color-brand:#2D5A27; --color-brand-hover:#1E4019; --color-accent:#C4622D; --color-accent-ink:#8A3E14; --color-line:#E4DDCF; --color-footer:#1B2A17; --color-focus:#1E62D0; --radius:12px; --shadow-card:0 8px 24px rgba(34,48,31,.06); --content-width:1240px; --motion-fast:160ms; --motion-base:240ms; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { min-width:320px; margin:0; overflow-x:clip; background:var(--color-canvas); color:var(--color-ink); font-family:Inter,Arial,sans-serif; line-height:1.55; } img { display:block; max-width:100%; } a { color:inherit; text-decoration-thickness:1px; text-underline-offset:.18em; } a:hover { color:var(--color-brand); } button,input { font:inherit; } button { cursor:pointer; } :focus-visible { outline:3px solid var(--color-focus); outline-offset:3px; } .visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.eyebrow,.category,.article-page__issue { margin:0; color:var(--color-accent-ink); font-size:.75rem; font-weight:700; letter-spacing:.1em; line-height:1.35; text-transform:uppercase; } .category { display:inline; text-decoration:none; } .category:hover { color:var(--color-brand-hover); text-decoration:underline; } #layout-content { width:min(100% - 32px,var(--content-width)); min-height:70vh; margin:auto; padding:48px 0 96px; }
/* Nagłówek */
.site-header { position:sticky; top:0; z-index:10; background:var(--color-surface); box-shadow:0 2px 16px rgba(34,48,31,.08); } .site-header.is-scrolled { box-shadow:0 6px 24px rgba(34,48,31,.12); } .site-header__inner { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:28px; align-items:center; width:min(100% - 32px,var(--content-width)); min-height:76px; margin:auto; } .site-brand { display:flex; gap:9px; align-items:center; color:var(--color-ink); font-family:Oswald,Impact,sans-serif; font-size:1.65rem; font-weight:700; letter-spacing:.02em; line-height:1; text-decoration:none; text-transform:uppercase; white-space:nowrap; } .site-brand__logo { width:40px; height:34px; object-fit:contain; } .site-header__panel { display:flex; gap:20px; align-items:center; justify-content:center; min-width:0; } .site-navigation ul,.category-menu ul { display:flex; gap:4px; margin:0; padding:0; list-style:none; } .site-navigation ul { gap:12px; } .site-navigation a,.category-menu summary { display:inline-flex; min-height:44px; align-items:center; border-bottom:2px solid transparent; color:var(--color-ink); font-size:.79rem; font-weight:700; text-decoration:none; white-space:nowrap; } .site-navigation a:hover,.site-navigation a[aria-current="page"],.category-menu summary:hover { border-color:var(--color-brand); color:var(--color-brand); } .site-navigation a { padding:8px 14px; border-bottom:0; border-radius:999px; background:rgba(34,48,31,.06); transition:background var(--motion-fast) ease,color var(--motion-fast) ease; } .site-navigation a:hover { background:rgba(34,48,31,.11); border-color:transparent; } .site-navigation a[aria-current="page"] { background:rgba(45,90,39,.14); border-color:transparent; } .category-menu { position:relative; } .category-menu summary { cursor:pointer; list-style:none; } .category-menu summary::-webkit-details-marker { display:none; } .category-menu summary::after { margin-left:6px; content:'⌄'; } .category-menu[open] summary::after { content:'⌃'; } .category-menu ul { position:absolute; top:calc(100% + 8px); right:0; display:g
rid; grid-template-columns:repeat(2,minmax(150px,1fr)); width:350px; padding:12px; border:1px solid var(--color-line); border-radius:var(--radius); background:var(--color-surface); box-shadow:var(--shadow-card); } .category-menu a { padding:8px; color:var(--color-ink); font-size:.85rem; text-decoration:none; } .category-menu a:hover { background:var(--color-canvas); color:var(--color-brand-hover); } .site-search { position:absolute; top:calc(100% + 12px); right:max(16px,calc((100% - var(--content-width))/2)); z-index:30; display:none; width:min(420px,calc(100% - 32px)); padding:14px; border:1px solid var(--color-line); border-radius:var(--radius); background:var(--color-surface); box-shadow:0 12px 32px rgba(34,48,31,.14); } .site-header.is-search-open .site-search { display:block; } .site-search__controls { display:flex; } .site-search input { width:100%; min-height:38px; padding:7px 9px; border:1px solid var(--color-line); border-right:0; border-radius:8px 0 0 8px; background:var(--color-surface); color:var(--color-ink); } .site-search input:focus-visible { outline:2px solid var(--color-brand); outline-offset:0; border-color:var(--color-brand); box-shadow:0 0 0 3px rgba(45,90,39,.18); } .site-search button,.editorial-action,.button-link { display:inline-flex; min-height:38px; align-items:center; justify-content:center; padding:8px 12px; border:1px solid var(--color-brand); border-radius:999px; background:var(--color-brand); color:#fff; font-size:.8rem; font-weight:700; text-decoration:none; } .site-search button { border-radius:0 8px 8px 0; } .site-search button:hover,.editorial-action:hover,.button-link:hover { background:var(--color-brand-hover); color:#fff; } .site-header__actions { display:flex; gap:8px; align-items:center; } .site-header__menu-toggle,.site-header__search-toggle,.site-header__search-icon { display:none; } .site-header__search-icon { width:42px; height:42px; align-items:center; justify-content:center; border:1px solid var(--color-line); border-radius:8px; background:var(--color-surface); color:var(--color-ink); } .site-header__search-icon:hover { border-color:var(--color-brand); color:var(--color-brand); } @media (min-width:1101px) { .site-header__search-icon { display:inline-flex; } }
/* Okładka oraz indeks */
.season-cover { position:relative; margin-bottom:96px; padding-top:38px; border-top:2px solid var(--color-accent); animation:cover-reveal var(--motion-base) ease both; } .season-cover__number { margin:0 0 2px; color:var(--color-accent-ink); font-family:'Source Serif 4',Georgia,serif; font-size:clamp(1.1rem,2vw,1.55rem); font-weight:700; letter-spacing:.05em; } .season-cover__image { display:block; overflow:hidden; aspect-ratio:16/9; border-radius:8px; background:var(--color-line); } .season-cover__image img,.editorial-band__image img,.index-item__image img,.filtered-result__image img { width:100%; height:100%; object-fit:cover; transition:transform var(--motion-base) ease; } .season-cover__image:hover img,.editorial-band:hover img,.index-item:hover img,.filtered-result:hover img { transform:scale(1.015); } .season-cover__panel { position:relative; z-index:1; width:min(100% - 64px,780px); margin:-72px 0 0 48px; padding:32px 40px 36px; background:var(--color-surface); } .season-cover h1,.results-heading h1,.empty-results h1,.article-page h1,.calendar-page h1,.page-404 h1 { margin:10px 0 16px; font-family:'Source Serif 4',Georgia,serif; font-size:clamp(2.5rem,5vw,5rem); line-height:1.01; } .season-cover h1 { font-size:clamp(2.7rem,7vw,6.8rem); } .season-cover h1 a,.editorial-band h2 a,.index-item h3 a,.filtered-result h2 a { text-decoration:none; } .season-cover__intro,.editorial-band__copy > div,.index-item__copy > div,.filtered-result__copy > div { color:var(--color-muted); font-size:1rem; } .season-cover__intro p,.editorial-band__copy > div p,.index-item__copy > div p,.filtered-result__copy 
> div p { margin:0; } .editorial-action { margin-top:24px; } .editorial-action span,.text-action span { transition:transform var(--motion-fast) ease; } .editorial-action:hover span,.text-action:hover span { transform:translateX(4px); }
.supporting-stories { border-top:1px solid var(--color-line); } .editorial-band { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,6vw,88px); align-items:center; padding:48px 0; border-bottom:1px solid var(--color-line); } .editorial-band--2 .editorial-band__image { order:2; } .editorial-band__image { display:block; overflow:hidden; aspect-ratio:3/2; border-radius:6px; background:var(--color-line); } .editorial-band__copy { position:relative; max-width:500px; } .editorial-band__number { display:block; margin-bottom:12px; color:var(--color-accent-ink); font-family:'Source Serif 4',Georgia,serif; font-size:1.45rem; font-weight:700; } .editorial-band h2,.section-heading h2 { margin:8px 0 14px; font-family:'Source Serif 4',Georgia,serif; font-size:clamp(2rem,3.4vw,3.25rem); line-height:1.08; } .text-action { display:inline-flex; min-height:32px; align-items:center; margin-top:18px; color:var(--color-brand); font-size:.85rem; font-weight:700; text-decoration:none; } .text-action:hover { text-decoration:underline; }
.ad-slot { display:block; margin:64px 0; padding:12px 0; text-align:center; } .ad-slot[hidden],.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]) { display:none; } .ad-slot > p { margin:0 0 8px; color:var(--color-muted); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; } .ad-slot__content { width:100%; overflow:visible; } .ad-slot__content .adsbygoogle { max-width:100%; }
.article-index { border-top:2px solid var(--color-ink); } .section-heading { display:flex; gap:16px; align-items:end; justify-content:space-between; margin-bottom:28px; } .index-item { display:grid; grid-template-columns:72px minmax(0,1fr) 180px; gap:24px; align-items:center; padding:24px 0; border-top:1px solid var(--color-line); } .index-item__number { color:var(--color-accent-ink); font-family:'Source Serif 4',Georgia,serif; font-size:1.3rem; font-weight:700; } .index-item h3 { margin:5px 0 7px; font-family:'Source Serif 4',Georgia,serif; font-size:clamp(1.4rem,2.2vw,2rem); line-height:1.12; } .index-item__copy > div { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; max-height:4.65em; } .index-item__image { display:block; overflow:hidden; aspect-ratio:3/2; border-radius:var(--radius); background:var(--color-line); }
/* Separator liściasty */
.leaf-divider { display:flex; justify-content:center; margin:56px 0; } .leaf-divider svg { width:120px; height:20px; color:#9DB28F; opacity:.7; }
/* Strona główna — powitanie i siatka hero */
/* Strona główna — okładka, karty, pas kalendarza */
.home-cover { padding-top:40px; } .home-cover__grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(24px,4vw,56px); align-items:center; } .home-cover__image { display:block; overflow:hidden; aspect-ratio:16/10; border-radius:var(--radius); background:var(--color-line); box-shadow:var(--shadow-card); } .home-cover__image img { width:100%; height:100%; object-fit:cover; } .home-cover h1 { margin:10px 0 16px; font-family:'Source Serif 4',Georgia,serif; font-size:clamp(2.4rem,5vw,4.2rem); line-height:1.05; } .home-cover__intro { color:var(--color-muted); font-size:1.05rem; } .home-cover__intro p { margin:0; } .home-cover__chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; } .home-cover__chips a { display:inline-flex; min-height:36px; align-items:center; padding:6px 16px; border:1px solid var(--color-line); border-radius:999px; background:var(--color-surface); font-size:.85rem; font-weight:600; text-decoration:none; transition:border-color var(--motion-fast) ease,color var(--motion-fast) ease; } .home-cover__chips a:hover { border-color:var(--color-brand); color:var(--color-brand); }
.section-heading h2 { margin:0; font-family:'Source Serif 4',Georgia,serif; font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.1; }
.card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; } .card { border-radius:var(--radius); overflow:hidden; background:var(--color-surface); box-shadow:var(--shadow-card); transition:transform var(--motion-base) ease,box-shadow var(--motion-base) ease; } .card:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(34,48,31,.12); } .card__image { display:block; overflow:hidden; aspect-ratio:3/2; background:var(--color-line); } .card__image img { width:100%; height:100%; object-fit:cover; } .card__body { padding:20px 22px 24px; } .card__body .category { display:inline-block; padding:4px 10px; border-radius:999px; background:rgba(196,98,45,.1); } .card__body .category:hover { background:rgba(196,98,45,.18); color:var(--color-accent-ink); text-decoration:none; } .card h3 { margin:10px 0 8px; font-family:'Source Serif 4',Georgia,serif; font-size:1.35rem; line-height:1.15; } .card h3 a { text-decoration:none; } .card p { margin:0; color:var(--color-muted); font-size:.92rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.band-deep { margin-inline:calc(50% - 50vw); padding:64px max(16px,calc(50vw - var(--content-width)/2)); margin-top:64px; background:var(--color-footer); color:#F2EFE6; } .band-deep .section-heading h2 { color:#F2EFE6; } .band-deep .card { background:rgba(255,255,255,.06); box-shadow:none; border:1px solid rgba(255,255,255,.12); } .band-deep .card:hover { box-shadow:0 14px 32px rgba(0,0,0,.3); } .band-deep .card .category { color:#F2EFE6; background:rgba(242,190,110,.18); } .band-deep .card .category:hover { color:#FFFFFF; background:rgba(242,190,110,.28); } .band-deep .card h3 { color:#F2EFE6; } .band-deep .card h3 a:hover { color:#EDBE84; } .band-deep .card p { color:#BEC5B4; } .band-deep .text-action { color:#D9A05B; } .band-deep .text-action:hover { color:#EDBE84; }
.ad-slot--home { margin-bottom:0; }
@media (max-width:1023px) { .home-cover__grid,.card-grid { grid-template-columns:minmax(0,1fr); } .band-deep { padding:48px 16px; } }
/* Działy i wyniki */
.results-heading { display:flex; gap:32px; align-items:end; justify-content:space-between; margin-bottom:24px; padding:0 0 28px; border-bottom:2px solid var(--color-ink); } .results-heading h1 { margin-bottom:0; } .subcategory-list { display:flex; gap:24px; margin:0 0 40px; padding-bottom:4px; overflow:auto; border-bottom:1px solid var(--color-line); } .subcategory-list a { display:inline-flex; min-height:40px; align-items:center; border-bottom:2px solid transparent; color:var(--color-muted); font-size:.85rem; font-weight:700; text-decoration:none; white-space:nowrap; } .subcategory-list a:hover,.subcategory-list a[aria-current="page"] { border-color:var(--color-brand); color:var(--color-brand); } .filtered-results { border-top:1px solid var(--color-line); } .filtered-result { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,6vw,88px); align-items:center; padding:48px 0; border-bottom:1px solid var(--color-line); } .filtered-result:nth-child(even) .filtered-result__image { order:2; } .filtered-result__image { display:block; overflow:hidden; aspect-ratio:3/2; border-radius:6px; background:var(--color-line); } .filtered-result__copy { max-width:520px; } .filtered-result h2 { margin:8px 0 14px; font-family:'Source Serif 4',Georgia,serif; font-size:clamp(2rem,3.5vw,3.5rem); line-height:1.08; } .filtered-result--lead { grid-template-columns:7fr 5fr; } .empty-results { max-width:760px; padding:48px 0; border-top:2px solid var(--color-ink); } .empty-results p { color:var(--color-muted); } .empty-results .editorial-action { margin-left:12px; }
.pagination-wrapper { display:flex; justify-content:center; margin-top:56px; } .pagination-wrapper .pagination { display:flex; flex-wrap:wrap; gap:4px; justify-content:center; margin:0; padding:0; list-style:none; } .pagination-wrapper .pagination li { display:flex; min-width:40px; min-height:40px; align-items:center; justify-content:center; border:1px solid var(--color-line); border-radius:8px; background:var(--color-surface); } .pagination-wrapper .pagination a { display:flex; width:100%; min-height:38px; align-items:center; justify-content:center; padding:7px; border-radius:8px; text-decoration:none; } .pagination-wrapper .pagination a:hover { color:var(--color-brand); } .pagination-wrapper .pagination .disabled,.pagination-wrapper .pagination li span { color:var(--color-muted); } .pagination-wrapper .pagination .active { border-color:var(--color-brand); background:var(--color-brand); color:#fff; }
/* Artykuł */
.article-page { width:100%; } .article-page__header { max-width:1180px; margin:0 auto 56px; } .article-page__meta { display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; margin-bottom:16px; color:var(--color-muted); font-size:.8rem; } .article-page__meta time { border-left:1px solid var(--color-line); padding-left:16px; } .article-page h1 { max-width:1100px; font-size:clamp(2.5rem,5vw,5rem); } .article-page__lead { max-width:720px; margin:0 0 32px; color:var(--color-muted); font-size:clamp(1.05rem,2vw,1.25rem); line-height:1.65; } .article-page__lead p { margin:0; } .article-page__image { width:100%; aspect-ratio:118/70; border-radius:8px; object-fit:cover; background:var(--color-line); } .article-page__body { display:grid; grid-template-columns:220px minmax(0,720px); gap:48px; justify-content:center; align-items:start; } .article-toc { position:sticky; top:96px; padding-top:8px; border-top:2px solid var(--color-accent-ink); } .article-toc > p { margin:0 0 10px; color:var(--color-accent-ink); font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; } .article-toc ol { display:grid; gap:8px; margin:0; padding:0; list-style:none; } .article-toc a { color:var(--color-muted); font-size:.84rem; text-decoration:none; } .article-toc a:hover { color:var(--color-brand); text-decoration:underline; } .article-toc__subitem { padding-left:12px; } .article-toc[hidden] + .article-content { grid-column:1/-1; justify-self:center; } .article-content { width:100%; max-width:720px; overflow-wrap:anywhere; font-family:'Source Serif 4',Georgia,serif; font-size:1.16rem; line-he
ight:1.68; } .article-content > :first-child { margin-top:0; } .article-content a { color:var(--color-brand); text-decoration-thickness:1.5px; } .article-content h2,.article-content h3 { margin:2em 0 .6em; font-family:Inter,Arial,sans-serif; line-height:1.2; scroll-margin-top:96px; } .article-content h2 { font-size:clamp(1.5rem,3vw,2rem); } .article-content h3 { font-size:1.2rem; } .article-content p,.article-content ul,.article-content ol { margin:0 0 1.15em; } .article-content img,.article-content iframe,.article-content table { max-width:100%; } .article-content iframe { width:100%; } .article-content table { display:block; overflow:auto; } .ad-slot--article { max-width:1180px; margin:72px auto 0; }
/* Pozostałe strony i stopka */
.calendar-page { width:100%; } .calendar-page__header { max-width:720px; margin-bottom:24px; } .calendar-page__header > p:last-child,.page-404__message { color:var(--color-muted); } .calendar-legend,.calendar-table-wrap,.page-404__content { border:1px solid var(--color-line); background:var(--color-surface); } .calendar-legend { display:flex; flex-wrap:wrap; gap:8px 20px; margin:0 0 24px; padding:16px; list-style:none; } .calendar-months { display:grid; grid-template-columns:repeat(12,1fr); gap:4px; margin-bottom:32px; } .calendar-months button { min-height:44px; border:1px solid var(--color-line); background:var(--color-surface); font-size:.8rem; font-weight:700; } .calendar-months button[aria-current="date"],.calendar-months button:hover { border-color:var(--color-brand); background:var(--color-brand); color:#fff; } .calendar-table-wrap { overflow:auto; } .calendar-table { width:100%; min-width:760px; border-collapse:collapse; } .calendar-table th,.calendar-table td { min-width:44px; height:44px; border:1px solid var(--color-line); text-align:center; } .page-404 { display:grid; min-height:50vh; place-items:center; } .page-404__content { width:min(100%,620px); padding:40px; text-align:center; } #layout-footer { padding:40px 16px 0; background:var(--color-footer); color:#FFFFFF; } .footer-content { display:grid; grid-template-columns:1fr 1fr minmax(250px,1.2fr); gap:32px; width:min(100%,var(--content-width)); margin:auto; } .footer-heading { margin:0 0 12px; font-family:'Source Serif 4',Georgia,serif; font-size:1.35rem; } .footer-links
 { display:grid; gap:2px; margin:0; padding:0; list-style:none; } .footer-link { display:inline-flex; min-height:34px; align-items:center; color:#FFFFFF; font-size:.85rem; text-decoration:none; } .footer-link:visited { color:#CBD3BF; } .footer-link:hover { color:#fff; text-decoration:underline; } #layout-footer a:focus-visible { outline-color:#fff; } .footer-social__embed { max-width:340px; } .footer-social__embed iframe { display:block; max-width:100%; border:0; } .footer-bottom { width:min(100%,var(--content-width)); margin:32px auto 0; padding:16px 0; border-top:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.72); font-size:.8rem; } .footer-bottom p { margin:0; }
/* Kalendarz — komórki, wzory, połówki */
.calendar-cell { position:relative; }
.calendar-cell:not(.none),.calendar-legend__mark { background-color:var(--range-color,#cccccc); }
.calendar-legend__mark { display:inline-block; width:18px; height:18px; border-radius:2px; border:1px solid rgba(16,16,16,.35); vertical-align:-4px; }
.calendar-cell[data-range-pattern="1"],.calendar-legend__mark[data-range-pattern="1"] { background-image:radial-gradient(rgba(16,16,16,.38) 1.5px,transparent 1.6px); background-size:8px 8px; }
.calendar-cell[data-range-pattern="2"],.calendar-legend__mark[data-range-pattern="2"] { background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.6) 0 2px,transparent 2px 6px); }
.calendar-cell[data-range-pattern="3"],.calendar-legend__mark[data-range-pattern="3"] { background-image:repeating-linear-gradient(45deg,rgba(16,16,16,.30) 0 2px,transparent 2px 6px),repeating-linear-gradient(-45deg,rgba(16,16,16,.30) 0 2px,transparent 2px 6px); }
.calendar-cell[data-range-pattern="4"],.calendar-legend__mark[data-range-pattern="4"] { background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.6) 0 2px,transparent 2px 6px); }
.calendar-cell.none { background-color:transparent; background-image:none; }
.calendar-cell.first-half::before,.calendar-cell.second-half::before { content:""; position:absolute; top:0; bottom:0; width:50%; background:rgba(255,255,255,.45); pointer-events:none; }
.calendar-cell.second-half::before { left:0; }
.calendar-cell.first-half::before { right:0; }
.calendar-table th.is-current,.calendar-table td.is-current { box-shadow:inset 0 0 0 2px var(--color-ink); }
.calendar-table tbody th { padding:6px 10px; text-align:left; }
.calendar-table tbody th span,.calendar-table tbody th small { display:block; }
.calendar-table tbody th small { margin-top:2px; color:var(--color-muted); font-size:.75rem; font-weight:400; }
/* Kalendarz — lista mobilna */
.calendar-mobile-list { display:none; }
.calendar-mobile-list ul { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.calendar-mobile-list li { display:flex; gap:10px; align-items:center; padding-bottom:12px; border-bottom:1px solid var(--color-line); }
.calendar-mobile-list li:last-child { border-bottom:0; padding-bottom:0; }
.calendar-mobile-list strong { font-size:1rem; }
.calendar-mobile-list li span:not(.calendar-swatch) { color:var(--color-muted); font-size:.85rem; }
.calendar-mobile-list .calendar-swatch { flex:none; width:14px; height:14px; border-radius:2px; border:1px solid rgba(16,16,16,.35); background-color:var(--range-color,transparent); }
.calendar-mobile-list p { margin:0; color:var(--color-muted); }
@keyframes cover-reveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1100px) { .site-header__inner { grid-template-columns:auto auto; justify-content:space-between; } .site-header__actions { display:flex; gap:8px; } .site-header__menu-toggle,.site-header__search-toggle { display:inline-flex; min-height:44px; align-items:center; padding:8px 9px; border:1px solid var(--color-line); border-radius:8px; background:var(--color-surface); color:var(--color-ink); font-size:.8rem; font-weight:700; } .site-header__panel { position:absolute; top:100%; right:0; left:0; display:none; align-items:stretch; padding:16px; border-top:1px solid var(--color-line); border-bottom:1px solid var(--color-line); background:var(--color-surface); } .site-header__panel.is-open { display:grid; } .site-navigation ul { display:grid; grid-template-columns:repeat(2,1fr); } .site-navigation a { width:100%; } .category-menu ul { position:static; width:100%; } .site-search { position:static; display:flex; width:auto; min-width:0; padding:0; border:0; box-shadow:none; } .article-page__body { grid-template-columns:180px minmax(0,1fr); gap:32px; } }
@media (min-width:768px) and (max-width:1023px) { .season-cover__panel { width:min(100% - 32px,680px); margin-left:24px; } .article-page__body { display:block; max-width:720px; margin:auto; } .article-toc { position:static; margin-bottom:32px; } }
@media (max-width:767px) { #layout-content { width:min(100% - 24px,var(--content-width)); padding:24px 0 56px; } .site-header__inner { width:min(100% - 24px,var(--content-width)); min-height:68px; gap:12px; } .site-brand { gap:6px; font-size:1.25rem; } .site-brand__logo { width:32px; height:28px; } .site-header__actions { gap:4px; } .site-header__menu-toggle,.site-header__search-toggle { min-height:44px; padding:8px 6px; } .site-header__panel { padding:12px; } .site-navigation ul,.category-menu ul { grid-template-columns:1fr; } .season-cover { margin-bottom:48px; padding-top:20px; } .season-cover__image { aspect-ratio:4/3; } .season-cover__panel { width:100%; margin:0; padding:22px 0 0; background:transparent; } .season-cover h1 { font-size:clamp(2.5rem,12vw,4rem); } .editorial-band,.filtered-result,.filtered-result--lead { grid-template-columns:minmax(0,1fr); gap:14px; padding:24px 0; } .editorial-band--2 .editorial-band__image,.filtered-result:nth-child(even) .filtered-result__image { order:initial; } .editorial-band__image,.filtered-result__image { aspect-ratio:16/9; } .editorial-band__copy,.filtered-result__copy { min-width:0; } .editorial-band__number,.filtered-result .editorial-band__number { margin-bottom:4px; font-size:1rem; } .editorial-band h2,.filtered-result h2 { margin:5px 0 8px; font-size:clamp(1.25rem,6vw,1.7rem); } .ad-slot { margin:40px 0; } .index-item { grid-template-columns:minmax(0,1fr); gap:10px; padding:18px 0; } .index-item__image { order:-1; aspect-ratio:16/9; } .index-item__number { font
-size:1rem; } .index-item h3 { font-size:1.18rem; } .results-heading { display:block; margin-bottom:18px; padding-bottom:20px; } .subcategory-list { gap:18px; margin-bottom:20px; } .home-cover { padding-top:20px; } .home-cover h1 { font-size:clamp(2rem,9vw,2.6rem); } .home-cover__chips { margin-top:14px; } .section-heading { flex-wrap:wrap; align-items:start; } .article-page__header { margin-bottom:32px; } .article-page h1 { font-size:clamp(2.4rem,11vw,3.7rem); } .article-page__image { aspect-ratio:4/3; } .article-page__body { display:block; } .article-toc { position:static; margin-bottom:28px; } .article-content { font-size:1.05rem; } .article-page__meta time { border-left:0; padding-left:0; } .calendar-months { grid-template-columns:repeat(6,1fr); } .calendar-table-wrap { display:none; } .calendar-mobile-list { display:block; } .footer-content { grid-template-columns:1fr; gap:28px; } .footer-social__embed { min-height:0; } .page-404__content { padding:28px 20px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }