.stan{display:inline-block;background:#18120c;color:#fff;font-weight:700;border-radius:10px;padding:4px 12px;margin:0 0 10px}
.flagi4{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.filtry{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.filtry button{font:inherit;font-weight:700;min-height:48px;padding:8px 14px;border-radius:12px;border:2px solid var(--card-border);background:#fff;color:var(--ink);cursor:pointer}
.filtry button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent-dark);color:#fff}
.szukaj{width:100%;font:inherit;font-size:1.15rem;min-height:56px;padding:10px 14px;border:3px solid var(--ink);border-radius:14px;box-sizing:border-box}
.ile{font-weight:700;color:var(--ink-muted);margin:6px 0}
.siatka{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:700px){.siatka{grid-template-columns:1fr 1fr}}
@media (min-width:1200px){.siatka{grid-template-columns:1fr 1fr 1fr}}
.pojecie,.sprawa{background:#fff;border:2px solid var(--card-border);border-left:8px solid var(--accent);border-radius:16px;padding:14px 16px}
.pojecie h2{font-family:'Atkinson Hyperlegible',sans-serif;font-size:1.3rem;margin:0 0 8px}
.pojecie p,.sprawa p{margin:0 0 8px;font-size:1.08rem;line-height:1.45}
.jak{background:#f0fdf4;border-radius:10px;padding:8px 10px}
.flaga{display:inline-block;font-weight:700;border-radius:999px;padding:4px 12px;border:2px solid;margin:2px 0 8px}
.f1{background:#fef2f2;color:#8f1714;border-color:#fca5a5}.f2{background:#fffbeb;color:#7a3a00;border-color:#fcd34d}
.f3{background:#eef4ff;color:#003a85;border-color:#9dbcf0}.f4{background:#f6efff;color:#4b1f7a;border-color:#c9a6ef}
.meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-weight:700}
.kwota{font-family:'Atkinson Hyperlegible',sans-serif;font-size:1.5rem;font-weight:700;color:var(--accent-dark)}
.lekcja{background:var(--accent-soft);border-radius:10px;padding:8px 10px}
.zrodla{font-size:1rem!important;border-top:1px dashed var(--card-border);padding-top:8px}
.zrodla a{color:#004fb0;font-weight:700;word-break:break-word}
/* v7 — czytelność kart, plakietek i źródeł (WCAG 2.2 AA) */
:root{--navy:#14284b;--line:#8c7358}
.cw-main h1{display:flex;align-items:center;gap:12px;color:var(--navy);line-height:1.2}
.ic-h1{flex:none;width:1.4em;height:1.4em;padding:.25em;box-sizing:border-box;border-radius:50%;background:var(--navy);color:#fff}
.ic-flag,.ic-s{flex:none;width:1.05em;height:1.05em;vertical-align:-.15em}
.stan{background:var(--navy)}
.lead{font-size:1.05rem;line-height:1.5;max-width:60ch}
.flaga{display:inline-flex;align-items:center;gap:6px;font-size:.95rem;line-height:1.3;padding:5px 12px;border-radius:10px;border-width:2px;border-left-width:6px}
.f1{border-color:#b42318}.f2{border-color:#a15c07}.f3{border-color:#1d4ed8}.f4{border-color:#7e3fbf}
.filtry button{display:inline-flex;align-items:center;gap:6px;border-color:var(--line);font-size:1rem}
.filtry button:hover{border-color:var(--accent-dark);background:#fffaf5}
.filtry button:focus-visible,.szukaj:focus-visible,.zrodla a:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
.filtry button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.filtry button[aria-pressed="true"]::before{content:"✓";font-weight:700}
.szukaj{border:2px solid var(--line);font-size:1.05rem}
.szukaj:focus{border-color:var(--focus)}
.ile{color:var(--ink-muted)}
.siatka{gap:18px}
.pojecie,.sprawa{border:2px solid var(--line);border-top:6px solid var(--accent);border-left-width:2px;border-left-color:var(--line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.pojecie h2{font-size:1.26rem;line-height:1.25;color:var(--navy);margin:0}
.pojecie p,.sprawa p{margin:0;font-size:1rem;line-height:1.5}
.pojecie .flaga,.sprawa .flaga{align-self:flex-start;margin:0}
.jak{background:#f0fdf4;border:2px solid #15803d;border-radius:10px;padding:10px 12px}
.lekcja{background:var(--accent-soft);border:2px solid var(--accent-dark);border-radius:10px;padding:10px 12px}
.meta{gap:6px 16px;color:var(--ink-muted);font-size:.95rem}
.meta span{display:inline-flex;align-items:center;gap:6px}
.kwota{font-size:1.4rem;line-height:1.2;color:#b42318}
.zrodla{font-size:.95rem!important;border-top:2px solid var(--line);padding-top:10px;margin-top:auto!important}
.zrodla a{color:#004fb0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.zrodla a:hover{text-decoration-thickness:3px;color:#003a85}
.zrodla a[target="_blank"]::after{content:" ↗";text-decoration:none;display:inline-block}
/* v8: kolor podstrony (jak kafel), flagi jak na Karcie Cyberhigieny, tła kart wg flagi */
body[data-page="slowniczek"]{--pc:#5b3a99} body[data-page="przypadki"]{--pc:#9f1d2a}
body[data-page] .cw-header{border-bottom:6px solid var(--pc)}
.cw-main h1{color:var(--pc);font-size:1.6rem}
.ic-h1{background:var(--pc)}
.stan{background:var(--pc)}
.flaga,.f1,.f2,.f3,.f4{background:#fff;color:#c62f35;border:3px solid #c62f35;border-left-width:3px;font-weight:700;font-size:.95rem;padding:6px 14px 6px 8px;gap:8px}
.flagi4 .flaga{font-size:.95rem}
.pojecie,.sprawa{border:3px solid var(--fc,#8c7358);border-top:10px solid var(--fc,#ff6200);background:var(--fb,#fff);color:#18120c}
.fl-f1{--fc:#c62f35;--fb:#fbe7e8}.fl-f2{--fc:#5b3a99;--fb:#efe9f8}.fl-f3{--fc:#b45309;--fb:#fff6cc}.fl-f4{--fc:#232c5e;--fb:#e6e9f5}
.pojecie h2{font-size:1.25rem;color:#18120c}
.pojecie p,.sprawa p{font-size:1rem}
.jak,.lekcja{background:#fff}
.meta{color:#18120c}
.zrodla{background:#fff;border:2px solid var(--fc,#8c7358);border-radius:10px;padding:8px 12px!important}
.filtry button{font-size:.95rem}
.filtry button[aria-pressed="true"]{background:var(--pc);border-color:var(--pc)}
body[data-page="organizacje"]{--pc:#8a5300}
.fnum{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.45em;height:1.45em;border-radius:50%;background:#c62f35;color:#fff;font-weight:700;line-height:1}