/* Poradniki i strony rozwiązań (12.11.2026):
   /program-dla-biura-rachunkowego/, /obieg-faktur-ksef/,
   /akceptacja-faktur-kosztowych/, /portal-klienta-biura-rachunkowego/,
   /ksef-dla-biura-rachunkowego/.
   Układ wzorowany na /czym-jest-billu/ (klasy fakty-*), z prefiksem pr-,
   żeby nie zderzyć się ze stylami tamtej strony. */

.pr-strona { padding: 4rem 0 0; }
.pr { max-width: 56rem; padding-bottom: 3rem; }
.pr h1 { font-size: clamp(2rem, 4vw, 2.75rem); margin: 0 0 .75rem; line-height: 1.15; }
.pr h2 { font-size: 1.4rem; margin: 2.75rem 0 .75rem; padding-top: 1.25rem; border-top: 1px solid var(--border-color, #e2e8f0); }
.pr h3 { font-size: 1.08rem; margin: 1.5rem 0 .5rem; }
.pr p { line-height: 1.7; max-width: 68ch; margin: 0 0 1rem; }
.pr a { color: var(--brand-bordo, #882D61); }
.pr a.btn { color: inherit; }
.pr a.btn-primary { color: #fff; }

.pr-meta { font-size: .9rem; color: var(--text-muted, #64748b); margin: 0 0 1.5rem; }

.pr-skrot {
    margin: 0 0 2rem;
    padding: 1.1rem 1.35rem;
    border-left: 4px solid var(--brand-teal, #008F8F);
    background: var(--bg-secondary, #f4f6f8);
    border-radius: 0 var(--radius-sm, 6px) var(--radius-sm, 6px) 0;
}
.pr-skrot h2 { border: 0; padding: 0; margin: 0 0 .5rem; font-size: 1rem; text-transform: uppercase; letter-spacing: .04em; color: var(--brand-teal, #008F8F); }
.pr-skrot p { margin: 0 0 .6rem; font-size: 1.07rem; }
.pr-skrot p:last-child { margin-bottom: 0; }

.pr-lista, .pr-kroki { padding-left: 1.3rem; display: grid; gap: .55rem; line-height: 1.65; max-width: 68ch; margin: 0 0 1.25rem; }
.pr-kroki > li::marker { font-weight: 700; color: var(--brand-bordo, #882D61); }

.pr-tabela-wrap { overflow-x: auto; margin: .5rem 0 1.25rem; }
.pr-tabela { border-collapse: collapse; min-width: 32rem; width: 100%; font-variant-numeric: tabular-nums; }
.pr-tabela th, .pr-tabela td { text-align: left; padding: .6rem .75rem; border-bottom: 1px solid var(--border-color, #e2e8f0); vertical-align: top; line-height: 1.55; }
.pr-tabela thead th { font-size: .85rem; color: var(--text-muted, #64748b); }
.pr-tabela td.pr-tak { color: var(--brand-teal, #008F8F); font-weight: 600; }
.pr-tabela small { font-weight: 400; color: var(--text-muted, #64748b); }

.pr-ramka {
    margin: 0 0 1.25rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: var(--radius-sm, 6px);
    background: var(--bg-card, #fff);
}
.pr-ramka p:last-child, .pr-ramka ul:last-child { margin-bottom: 0; }

.pr-uwaga { font-size: .92rem; color: var(--text-muted, #64748b); }

.pr-faq { border-bottom: 1px solid var(--border-color, #e2e8f0); padding: .8rem 0; }
.pr-faq summary { font-weight: 600; cursor: pointer; line-height: 1.5; }
.pr-faq p { margin: .5rem 0 0; }

.pr-cta {
    margin: 2.75rem 0 1rem;
    padding: 1.5rem;
    border-radius: var(--radius-md, 12px);
    background: var(--bg-secondary, #f4f6f8);
}
.pr-cta h2 { border: 0; padding: 0; margin: 0 0 .5rem; }
.pr-cta .pr-cta-przyciski { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1rem; }

.pr-dalej { margin: 2rem 0 0; padding: 0; list-style: none; display: grid; gap: .4rem; }
.pr-dalej li { font-weight: 600; }

.pr-przypisy { margin-top: 2.5rem; font-size: .88rem; color: var(--text-muted, #64748b); }
.pr-przypisy ol { padding-left: 1.2rem; display: grid; gap: .35rem; }
.pr-przypisy a { word-break: break-word; }

@media (max-width: 640px) {
    .pr-strona { padding-top: 2.5rem; }
    .pr-cta .pr-cta-przyciski .btn { width: 100%; text-align: center; }
}