/* Podstrony SEO (treść poradnikowa) – układ wspólny dla ksiegowoscok.pl i rachunkowosc.info; kolory z style.css (:root) */
.pod-hero { position: relative; overflow: hidden; padding: 168px 0 72px; color: #fff; }
.pod-hero .kontener { position: relative; z-index: 2; }
.okruszki { font-size: 14px; color: var(--tekst-3); margin-bottom: 18px; }
.okruszki a { color: #DCE5EF; }
.okruszki a:hover { color: var(--niebieski-400); }
.okruszki span { margin: 0 8px; }
.pod-hero h1 { font-size: clamp(30px, 4.4vw, 48px); font-weight: 800; line-height: 1.15; letter-spacing: -.5px; margin-bottom: 18px; max-width: 880px; }
.pod-hero .lead { color: #DCE5EF; font-size: 19px; max-width: 760px; margin-bottom: 28px; }
.pod-przyciski { display: flex; flex-wrap: wrap; gap: 14px; }

.pod-tresc { max-width: 820px; margin: 0 auto; }
.pod-tresc > :first-child { margin-top: 0; }
.pod-tresc h2 { font-size: clamp(24px, 3vw, 32px); font-weight: 800; line-height: 1.25; letter-spacing: -.3px; margin: 52px 0 14px; }
.pod-tresc h3 { font-size: 20px; margin: 30px 0 10px; }
.pod-tresc p, .pod-tresc li { color: var(--tekst-2); font-size: 17px; }
.pod-tresc p { margin-bottom: 14px; }
.pod-tresc ul, .pod-tresc ol { margin: 0 0 18px 22px; }
.pod-tresc li { margin-bottom: 6px; }
.pod-tresc a:not(.btn) { color: var(--niebieski); text-decoration: underline; text-underline-offset: 3px; }
.pod-tresc b, .pod-tresc strong { color: var(--tekst); }

.pod-ramka { background: var(--niebieski-jasny); border-left: 4px solid var(--niebieski); border-radius: 0 12px 12px 0; padding: 18px 22px; margin: 24px 0; }
.pod-ramka p:last-child { margin-bottom: 0; }

.pod-tabela { overflow-x: auto; margin: 20px 0 24px; border-radius: 12px; box-shadow: var(--cien); }
.pod-tabela table { width: 100%; border-collapse: collapse; background: #fff; font-size: 15px; min-width: 560px; }
.pod-tabela th, .pod-tabela td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--ramka); vertical-align: top; }
.pod-tabela thead th { background: var(--granat); color: #fff; font-weight: 700; }
.pod-tabela tbody th { font-weight: 600; color: var(--tekst); background: var(--tlo-szare); }
.pod-tabela td { color: var(--tekst-2); }

.pod-karty { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin: 22px 0 26px; }
.pod-karta { background: #fff; border-radius: var(--promien); padding: 22px; box-shadow: var(--cien); }
.pod-karta h3 { margin: 0 0 8px; font-size: 18px; display: flex; gap: 10px; align-items: center; }
.pod-karta h3 .i { color: var(--niebieski); }
.pod-karta p { font-size: 16px; margin: 0; }

.faq details { background: #fff; border-radius: 12px; box-shadow: var(--cien); padding: 18px 22px; margin-bottom: 12px; }
.faq summary { font-weight: 700; cursor: pointer; color: var(--tekst); font-size: 17px; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--niebieski); font-size: 22px; line-height: 1; }
.faq details[open] summary::after { content: "−"; }
.faq details p { margin: 12px 0 0; color: var(--tekst-2); }

.pod-cta { background: linear-gradient(135deg, var(--granat-2), var(--granat-3)); color: #fff; border-radius: var(--promien); padding: 36px 32px; text-align: center; margin-top: 52px; }
.pod-cta h2 { color: #fff; margin: 0 0 10px; }
.pod-cta p { color: #DCE5EF; margin: 0 auto 22px; max-width: 600px; }
.pod-cta .pod-przyciski { justify-content: center; }

.pod-linki { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 18px; }
.pod-linki a { display: block; background: #fff; border-radius: 12px; padding: 18px; box-shadow: var(--cien); text-decoration: none !important; color: var(--tekst) !important; font-weight: 700; transition: transform .2s, box-shadow .2s; }
.pod-linki a span { display: block; font-weight: 400; font-size: 14px; color: var(--tekst-2); margin-top: 6px; }
.pod-linki a:hover { transform: translateY(-2px); }
.sekcja-faq-glowna .faq { max-width: 820px; margin: 0 auto; }
.wiecej-link { text-align: center; margin-top: 28px; }
.wiecej-link a { color: var(--niebieski); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 880px) { .pod-linki { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
  .pod-hero { padding: 140px 0 52px; }
  .pod-hero .lead { font-size: 17px; }
  .pod-karty, .pod-linki { grid-template-columns: 1fr; }
  .pod-cta { padding: 28px 18px; }
}