/* Typografia treści artykułu (BBCode → HTML) + strona pojedynczego artykułu.
   Klasy .art-* są wspólne dla podglądu w edytorze i widoku artykułu. */

/* ---------- Treść artykułu ---------- */
.art-tekst {
    font-size: 17px;
    line-height: 1.72;
    color: #232a31;
    font-family: Georgia, "Times New Roman", serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.art-tekst > *:first-child { margin-top: 0; }
.art-tekst .art-h {
    font-family: "Segoe UI", system-ui, sans-serif;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.3px;
    margin: 26px 0 10px;
    color: var(--ink, #000);
}
.art-tekst .art-u { text-decoration: underline; }
.art-tekst .art-s { text-decoration: line-through; }
.art-tekst .art-center { text-align: center; }

.art-tekst a { color: var(--green-dark, #08407a); text-decoration: underline; text-underline-offset: 2px; }
.art-tekst a:hover { color: var(--green, #1273ce); }

.art-tekst .art-cytat {
    margin: 18px 0;
    padding: 12px 18px;
    background: var(--green-soft, rgba(13,94,175,.12));
    border-left: 4px solid var(--green, #1273ce);
    border-radius: 0 10px 10px 0;
    font-size: 16px;
    color: #2b333b;
}
.art-tekst .art-cytat cite {
    display: block;
    margin-bottom: 4px;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: var(--green-dark, #08407a);
    font-family: "Segoe UI", system-ui, sans-serif;
}

.art-tekst .art-lista { margin: 12px 0 12px 6px; padding-left: 24px; }
.art-tekst .art-lista li { margin: 5px 0; }

.art-tekst .art-kod {
    margin: 16px 0;
    padding: 14px 16px;
    background: #072c52;
    color: #dce8dc;
    border-radius: 10px;
    overflow-x: auto;
    font-family: Consolas, "SF Mono", Menlo, monospace;
    font-size: 13.5px;
    line-height: 1.55;
}
.art-tekst .art-img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 14px 0;
    display: block;
}

/* ---------- Strona pojedynczego artykułu ---------- */
.artykul-strona { max-width: 820px; margin: 0 auto; padding: 30px 28px 8px; }

.art-powrot {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 14px; font-weight: 600; color: var(--ink-soft, #4b5560); margin-bottom: 18px;
}
.art-powrot:hover { color: var(--green-dark, #08407a); }
.art-powrot::before { content: "‹"; font-size: 20px; line-height: 1; }

.artykul-glowa { border-bottom: 3px double var(--black, #000); padding-bottom: 20px; margin-bottom: 24px; }
.artykul-krzyzyk { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 12px; }
.art-inst-plakietka {
    font-size: 12px; font-weight: 800; color: #fff; background: var(--green-dark, #08407a);
    padding: 3px 11px; border-radius: 20px; text-transform: uppercase; letter-spacing: .4px;
}
.art-inst-plakietka:hover { background: var(--green, #1273ce); color: #fff; }
.art-rubryka-plakietka {
    font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px;
    color: var(--green-dark, #08407a);
}
.artykul-tytul {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px; line-height: 1.1; font-weight: 800; letter-spacing: -.8px;
    margin: 4px 0 14px;
}
.artykul-meta { font-size: 13px; text-transform: uppercase; letter-spacing: .6px; color: #8791a0; }
.artykul-meta b { color: var(--ink, #000); font-weight: 700; }

.artykul-narzedzia { display: flex; gap: 8px; margin: 26px 0 0; padding-top: 18px; border-top: 1px solid var(--line, #d9e0e6); }

@media (max-width: 720px) {
    .artykul-strona { padding: 20px 16px 8px; }
    .artykul-tytul { font-size: 30px; }
    .art-tekst { font-size: 16px; }
}