:root { --navy:#221d40; --navy-light:#393258; --muted:#6d6a78; --paper:#fff; --soft:#f5f5f7; --footer:#eeeef0; --line:#dddde2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:#2d2b32; background:var(--paper); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.7; }
a { color:var(--navy); text-underline-offset:.2em; }
a:hover { color:var(--navy-light); }
img { display:block; max-width:100%; height:auto; }
.skip-link { position:absolute; left:1rem; top:-5rem; z-index:20; padding:.6rem 1rem; color:#fff; background:var(--navy); }
.skip-link:focus { top:1rem; }
.site-header { background:#fff; }
.brand { display:flex; align-items:center; justify-content:center; min-height:144px; padding:24px; }
.brand img { width:260px; max-height:90px; object-fit:contain; }
.site-nav { color:#fff; background:var(--navy); }
.nav-inner { width:min(1120px,calc(100% - 32px)); margin:auto; }
.site-nav ul { display:flex; align-items:stretch; justify-content:center; gap:2px; padding:0; margin:0; list-style:none; }
.site-nav a { display:block; padding:17px 18px; color:#fff; font-size:.95rem; font-weight:650; text-decoration:none; transition:.18s ease; }
.site-nav a:hover { background:var(--navy-light); }
.site-nav a.active { font-weight:800; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px; }
.menu-button { display:none; align-items:center; gap:5px; padding:14px 0; color:#fff; background:none; border:0; }
.menu-button span { display:block; width:22px; height:2px; background:#fff; }
.menu-button b { margin-left:8px; font-size:1rem; }
.hero { position:relative; height:clamp(120px,18vw,230px); overflow:hidden; background:linear-gradient(115deg,#221d40 0%,#393258 58%,#221d40 100%); }
.hero:before { content:"ZDROWA PSZCZOŁA"; position:absolute; left:max(24px,calc((100% - 1060px)/2)); top:50%; transform:translateY(-50%); color:#fff; font-size:clamp(1.7rem,4vw,3.4rem); font-weight:800; letter-spacing:.08em; }
.honeycomb { position:absolute; inset:0 0 0 55%; opacity:.22; background-image:radial-gradient(circle farthest-side at 0 50%,transparent 23.5%,#fff 0 27%,transparent 0),radial-gradient(circle farthest-side at 0 50%,transparent 23.5%,#fff 0 27%,transparent 0); background-size:56px 98px; background-position:0 0,28px 49px; }
.content-wrap { width:min(1060px,calc(100% - 40px)); min-height:440px; margin:0 auto; padding:28px 0 72px; }
.breadcrumbs { margin:0 0 35px; color:var(--muted); font-size:.86rem; }
.breadcrumbs a { color:var(--muted); }
.article-content { max-width:920px; }
.article-content h1 { margin:0 0 1.4rem; color:var(--navy); font-size:clamp(2rem,4vw,3rem); line-height:1.12; letter-spacing:-.025em; }
.article-content h1:after { content:""; display:block; width:68px; height:3px; margin-top:18px; background:var(--navy); }
.article-content h2 { margin:2.2rem 0 .8rem; color:var(--navy); font-size:clamp(1.35rem,2.5vw,1.8rem); line-height:1.25; }
.article-content p { margin:.7rem 0 1.25rem; }
.article-content ul,.article-content ol { padding-left:1.5rem; }
.article-content li { margin:.4rem 0; }
.article-info { display:none; }
.date { color:var(--muted); font-size:.86rem; }
.center,.image { text-align:center; }
.center img,.image img { margin:1.5rem auto .4rem; }
.article-content section { margin-bottom:2rem; }
.missing-image { display:grid; min-height:220px; place-items:center; margin:1.5rem auto .5rem; padding:28px; color:#77726a; background:repeating-linear-gradient(135deg,#f2f0ea,#f2f0ea 10px,#ebe8df 10px,#ebe8df 20px); border:1px solid #d8d3c8; font-size:.88rem; text-align:center; }
.news-grid { display:grid; grid-template-columns:1fr; gap:26px; }
.news-card { display:flex; flex-direction:column; padding:25px; background:var(--soft); border-top:4px solid var(--navy); }
.news-card h2 { margin-top:0; font-size:1.35rem; }
.news-card h2 a { text-decoration:none; }
.news-card .missing-image { min-height:120px; }
.news-card .read-more { margin-top:auto; padding-top:10px; }
.read-more a { font-weight:750; text-decoration:none; }
.news-article { max-width:820px; }
.news-article iframe { width:100%; min-height:360px; border:0; }
.article-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin:1.5rem 0; }
.article-gallery .missing-image { width:100%; margin:0; }
.pagination__wrapper { grid-column:1/-1; }
.pagination { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; }
.pagination a,.pagination span { display:block; padding:6px 12px; border:1px solid var(--line); text-decoration:none; }
.site-footer { margin-top:2rem; padding:48px 0 54px; color:var(--navy); background:var(--footer); text-align:center; }
.footer-inner { display:flex; align-items:center; flex-direction:column; gap:22px; width:min(1060px,calc(100% - 40px)); margin:auto; }
.footer-brand img { width:230px; max-height:82px; object-fit:contain; }
.footer-inner p { margin:0; color:#5e5b68; font-size:.82rem; }
.socials { display:flex; align-items:center; justify-content:center; gap:18px; }
.socials img { width:112px; max-height:42px; object-fit:contain; }
@media (max-width:800px) {
  .menu-button { display:flex; flex-direction:column; align-items:flex-start; position:relative; }
  .menu-button b { position:absolute; left:28px; top:11px; }
  .site-nav ul { display:none; flex-direction:column; padding-bottom:12px; }
  .site-nav ul.open { display:flex; }
  .site-nav a { padding:10px 14px; }
}
@media (max-width:520px) { .brand { min-height:112px; } .content-wrap { width:min(100% - 28px,1060px); } .hero:before { left:20px; } }
.news-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 32px;
    align-items: center;
}

.news-card-thumbnail {
    display: block;
    width: 240px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 8px;
}

.news-card-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 700px) {
    .news-card {
        grid-template-columns: 1fr;
    }

    .news-card-thumbnail {
        width: 100%;
        aspect-ratio: 16 / 9;
    }
}