/* Poradniki (guides) - frontend */
.gds-module{--gds-accent:var(--mn-primary,var(--bs-primary,#0d6efd));--gds-accent-dark:var(--gds-accent);--gds-text:var(--bs-body-color,#212529);--gds-muted:var(--bs-secondary-color,#6c757d);--gds-border:var(--bs-border-color,#dee2e6);--gds-surface:var(--bs-body-bg,#fff);--gds-soft:var(--bs-tertiary-bg,#f4f6f8);--gds-radius-lg:18px;--gds-radius:12px;--gds-radius-sm:8px;--gds-shadow:none;--gds-part-bg:#e3f4ea;--gds-part-fg:#1f7a4a;--gds-series-bg:#ece6fa;--gds-series-fg:#6e52bf;--gds-date-bg:#fff1cf;--gds-date-fg:#8a5a00;--gds-warn-bg:#fbe4e1}
.gds-module h1,.gds-module h2,.gds-module h3{letter-spacing:-.01em}
.gds-breadcrumb{font-size:.9rem;color:var(--gds-muted);margin-bottom:.75rem}
.gds-breadcrumb a{color:inherit}
.gds-breadcrumb span[aria-hidden]{margin:0 .3rem}

/* List */
.gds-list__title{font-weight:800}
.gds-list__lead{font-size:1.15rem;color:var(--gds-muted);max-width:38em}
.gds-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.25rem 0 1.25rem}
.gds-filters a{border:1.5px solid var(--gds-border);background:var(--gds-surface);color:var(--gds-text);border-radius:999px;padding:.35rem .9rem;font-weight:700;font-size:.95rem;text-decoration:none}
.gds-filters a:hover{border-color:var(--gds-accent)}
.gds-filters a[aria-current="page"]{background:var(--gds-text);border-color:var(--gds-text);color:var(--gds-surface)}

/* Cards */
.gds-grid{display:grid;gap:1.25rem}
.gds-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.gds-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gds-card{background:var(--gds-surface);border:1px solid var(--gds-border);border-radius:var(--gds-radius);box-shadow:var(--gds-shadow);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.gds-card__image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--gds-soft)}
.gds-card__image--wide{aspect-ratio:16/9}
.gds-card__body{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;flex:1}
.gds-card h3{font-size:1.2rem;font-weight:800;margin:0 0 .4rem}
.gds-card h3 a{color:inherit;text-decoration:none}
.gds-card h3 a:hover{text-decoration:underline}
.gds-card p{color:var(--gds-muted);font-size:.97rem;margin:0}
.gds-card--soon h3{color:var(--gds-muted)}

/* Badges */
.gds-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0;list-style:none}
.gds-badge{display:inline-flex;align-items:center;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;line-height:1.4;white-space:nowrap}
.gds-badge--part{background:var(--gds-part-bg);color:var(--gds-part-fg)}
.gds-badge--series{background:var(--gds-series-bg);color:var(--gds-series-fg)}
.gds-badge--date,.gds-badge--soon{background:var(--gds-date-bg);color:var(--gds-date-fg)}

/* Button */
.gds-button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:.7rem 1.4rem;font-weight:700;text-decoration:none;background:var(--gds-accent);color:#fff}
.gds-button:hover{background:var(--gds-accent-dark);color:#fff}

/* Guide: header, subheading, footer */
.gds-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:1.75rem;align-items:center;background:var(--gds-surface);border:1px solid var(--gds-border);border-radius:var(--gds-radius-lg);box-shadow:var(--gds-shadow);padding:1.5rem}
.gds-hero--text{grid-template-columns:1fr}
.gds-hero>*{min-width:0}
.gds-hero>img{border-radius:var(--gds-radius);width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--gds-soft)}
.gds-hero__title{font-weight:800;font-size:clamp(1.8rem,4vw,2.9rem);margin:0 0 .6rem}
.gds-hero__lead{font-size:1.15rem;line-height:1.55;margin-bottom:1rem}
.gds-hero__lead p:last-child{margin-bottom:0}
.gds-section{padding-top:2.5rem}
.gds-section__head{margin-bottom:1.1rem}
.gds-section__head h2{margin:0;font-weight:800}
.gds-section__head p{margin:.3rem 0 0;color:var(--gds-muted)}
.gds-panel{background:var(--gds-surface);border:1px solid var(--gds-border);border-radius:var(--gds-radius-lg);box-shadow:var(--gds-shadow);padding:1.35rem 1.5rem}
.gds-panel h2{font-size:1.45rem;font-weight:800}
.gds-panel__text>:last-child{margin-bottom:0}
.gds-footer--picture{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:1.5rem;align-items:center}
.gds-footer>img{width:100%;border-radius:var(--gds-radius)}

/* Part */
.gds-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2.25rem;align-items:start}
.gds-article{background:var(--gds-surface);border:1px solid var(--gds-border);border-radius:var(--gds-radius-lg);box-shadow:var(--gds-shadow);padding:2rem 2.4rem 2.4rem;min-width:0}
.gds-article>*{max-width:70ch}
.gds-article__title{font-weight:800;font-size:clamp(1.8rem,4vw,2.9rem)}
.gds-article__image{display:block;width:100%;max-width:none;height:auto;border-radius:var(--gds-radius);margin:0 0 1.25rem}
.gds-byline{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.92rem;color:var(--gds-muted);margin:0 0 1.1rem}
.gds-lead{font-size:1.25rem;line-height:1.55}
.gds-lead p:last-child{margin-bottom:1rem}
.gds-content{font-size:1.05rem;line-height:1.65}
.gds-content img{max-width:100%;height:auto;border-radius:var(--gds-radius)}
.gds-content iframe{max-width:100%}
.gds-content h2{margin-top:1.6em}
.gds-content h3{margin-top:1.3em}
.gds-content ul,.gds-content ol{padding-left:1.3em}
.gds-content li{margin-bottom:.35em}
.gds-content figure{margin:22px 0}
.gds-content figcaption{font-size:.88rem;color:var(--gds-muted);margin-top:6px}
.gds-content pre{overflow-x:auto;background:#1e2a44;color:#f4f7fb;border-radius:var(--gds-radius);padding:16px 18px;font-size:.9rem;line-height:1.55}
.gds-content p code,.gds-content li code,.gds-content td code{background:var(--gds-soft);border-radius:5px;padding:1px 5px;font-size:.92em}
.gds-content table,.gds-content table.tabela{width:100%;border-collapse:collapse;font-size:.97rem;margin:16px 0 22px}
.gds-content th,.gds-content td{text-align:left;padding:10px 12px;border-bottom:1.5px solid var(--gds-border);vertical-align:top}
.gds-content th{color:var(--gds-muted);font-weight:700}
.gds-content .tabela-przewijana{overflow-x:auto}
.gds-content .ramka{border-radius:var(--gds-radius);padding:16px 20px;margin:20px 0;background:var(--gds-soft)}
.gds-content .ramka>:last-child{margin-bottom:0}
.gds-content .ramka h3,.gds-content .ramka h4{margin-top:0;font-size:1.1rem}
.gds-content .ramka-uwaga{background:var(--gds-warn-bg)}
.gds-content .ramka-rodzic{background:var(--gds-date-bg)}
.gds-content .kroki-serii{counter-reset:gds-step;list-style:none;padding:0;display:grid;gap:10px}
.gds-content .kroki-serii li{counter-increment:gds-step;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;padding:12px 14px;background:var(--gds-soft);border-radius:var(--gds-radius-sm);margin:0}
.gds-content .kroki-serii li::before{content:counter(gds-step);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gds-accent);color:#fff;font-weight:800}
.gds-content .zrodla{font-size:.92rem;color:var(--gds-muted)}
.gds-content .zrodla a{overflow-wrap:anywhere}
.gds-content .nota-ai{font-size:.92rem;color:var(--gds-muted);border-top:1.5px solid var(--gds-border);padding-top:14px;margin-top:28px}
.gds-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:2rem;max-width:none}
.gds-pager a{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1.5px solid var(--gds-border);border-radius:var(--gds-radius);text-decoration:none;color:var(--gds-text);font-weight:700}
.gds-pager a span{font-size:.82rem;font-weight:700;color:var(--gds-muted)}
.gds-pager a:hover{border-color:var(--gds-accent)}
.gds-pager__next{grid-column:2;text-align:right}
.gds-aside{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:16px}
.gds-aside .gds-panel h2{font-size:1.2rem}
.gds-aside .gds-panel h2 a{color:inherit;text-decoration:none}
.gds-series{list-style:none;padding:0;margin:0}
.gds-series li{padding:8px 0;border-bottom:1.5px solid var(--gds-border);font-size:.97rem}
.gds-series li:last-child{border-bottom:0}
.gds-aside .gds-panel__text{font-size:.95rem;color:var(--gds-muted)}
.gds-pagination{margin:1.75rem 0 0}

@media (max-width:980px){
.gds-hero,.gds-layout{grid-template-columns:1fr}
.gds-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
.gds-aside{position:static}
}
@media (max-width:720px){
.gds-grid--2,.gds-grid--3,.gds-footer--picture,.gds-pager{grid-template-columns:1fr}
.gds-pager__next{grid-column:auto}
.gds-article{padding:1.4rem 1.1rem 1.6rem}
.gds-hero{padding:1rem}
}