/* RAPORT Biuro Rachunkowe – style sekcji poniżej pierwszego ekranu (mobile-first: 360 px → 768 px → 1024 px) */
.section{padding:56px 0}
.section-alt{background:var(--color-bg-alt)}
.section-head{display:grid;gap:6px;margin-bottom:32px;padding-top:14px;border-top:2px solid var(--color-primary)}
.section-num{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--color-primary);letter-spacing:.06em}
.section-head h2{font-size:1.875rem;line-height:1.15}
.section-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.muted{color:var(--color-text-muted)}

/* 01 Usługi */
.cards{display:grid;gap:40px}
.card{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--color-text);padding-top:20px}
.card h3{font-size:1.375rem;line-height:1.25}
.card-intro{color:var(--color-text-muted)}
.svc-details>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);color:var(--color-primary);font-weight:600;cursor:pointer;list-style:none}
.svc-details>summary::-webkit-details-marker{display:none}
.svc-details>summary::after{content:"+";font:400 1.5rem/1 var(--font-serif)}
.svc-details[open]>summary::after{content:"−"}
.svc-list{list-style:none;margin:0;padding:0}
.svc-list li{position:relative;padding:10px 0 10px 1.4em;border-bottom:1px solid var(--color-line);line-height:1.45}
.svc-list li::before{content:"–";position:absolute;left:0;color:var(--color-text-muted)}
.note{margin-top:36px;padding-top:16px;border-top:1px solid var(--color-line);font-weight:600}

/* 02 Jak pracujemy */
.key-text{font-family:var(--font-serif);font-size:1.375rem;line-height:1.45;max-width:34em}
.work-intro{display:grid;gap:32px}
.photo-portrait{max-width:420px}
.photo-portrait img{aspect-ratio:4/5}
.photo-interior{margin-top:40px}
.photo-interior img{aspect-ratio:3/2}
.points{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:0}
.points li{display:grid;gap:8px;padding:20px 0;border-top:1px solid var(--color-line)}
.points li:last-child{border-bottom:1px solid var(--color-line)}
.points h3,.steps h3{font-size:1.25rem;line-height:1.3}
.point-idx{font-family:var(--font-serif);color:var(--color-text-muted);font-size:.9375rem}

/* 03 O biurze */
.about-grid{display:grid;gap:40px}
.definition{font-size:1.1875rem;line-height:1.6;max-width:36em}
.principles{margin-top:28px;padding:20px 0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}
.principles-label{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}
.principles p:last-child{margin-top:8px;font-family:var(--font-serif);font-size:1.25rem;line-height:1.45}
.facts{margin:0;border-top:2px solid var(--color-primary)}
.facts div{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid var(--color-line)}
.facts dt{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}
.facts dd{margin:0}

/* 04 Jak zacząć */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:step}
.steps li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:4px 16px;padding:20px 0;border-top:1px solid var(--color-line)}
.steps li:last-child{border-bottom:1px solid var(--color-line)}
.step-num{grid-row:span 2;font-family:var(--font-serif);font-size:2.25rem;line-height:1;color:var(--color-primary)}

/* 05 FAQ */
.faq-note{margin-bottom:20px}
.faq{border-top:1px solid var(--color-text)}
.faq details{border-bottom:1px solid var(--color-line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;font-weight:600;font-size:1.0625rem;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:1em;text-align:center;font:400 1.5rem/1 var(--font-serif);color:var(--color-primary)}
.faq details[open] summary::after{content:"−"}
.faq summary:hover{color:var(--color-primary)}
.faq-answer{padding:0 0 20px;max-width:44em;color:var(--color-text)}

/* 06 Kontakt */
.contact-grid{display:grid;gap:40px}
.contact-list{margin:0;border-top:2px solid var(--color-primary)}
.contact-list div{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--color-line)}
.contact-list dt{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}
.contact-list dd{margin:0}
.contact-list .big{font-size:1.25rem;font-weight:600}
.contact-list a{display:inline-flex;align-items:center;min-height:44px}
.map{margin:0}
.contact-company{margin-top:32px}
.map-link{display:block}
.map-link img{width:100%;border:1px solid var(--color-line)}
.map-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:8/5;padding:20px;background:var(--color-bg-alt);border:1px solid var(--color-line);text-align:center}
.map figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:12px}
.map figcaption a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.map figcaption .map-attr{flex-basis:100%;font-size:.8125rem;color:var(--color-text-muted)}
.map figcaption .map-attr a{display:inline;min-height:0;font-weight:400;color:inherit}

/* Stopka */
.site-footer{background:var(--color-bg-alt);border-top:2px solid var(--color-primary);padding:40px 0 32px;font-size:.9375rem}
.footer-grid{display:grid;gap:24px}
.footer-name{font-family:var(--font-serif);font-weight:600;font-size:1.125rem}
.footer-meta{margin:0;display:grid;gap:4px}
.footer-meta div{display:flex;flex-wrap:wrap;gap:0 8px}
.footer-meta dt{color:var(--color-text-muted)}
.footer-meta dd{margin:0}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;padding-top:16px;border-top:1px solid var(--color-line)}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}

/* Polityka prywatności */
.legal{padding:48px 0 64px}
.legal-body{max-width:46em}
.legal h1{font-size:2.125rem;line-height:1.15;margin-bottom:12px}
.legal h2{font-size:1.375rem;margin:36px 0 12px;padding-top:12px;border-top:1px solid var(--color-line)}
.legal p,.legal ul{margin:0 0 12px}
.legal li{margin-bottom:6px}

@media (min-width:768px){
 .section{padding:80px 0}
 .section-head{grid-template-columns:96px minmax(0,1fr);align-items:baseline;margin-bottom:44px}
 .section-head h2{font-size:2.25rem}
 .svc-details>summary{display:none}
 .points{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
 .points li,.points li:last-child{border-bottom:0;border-top:1px solid var(--color-text);align-content:start}
 .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
 .steps li,.steps li:last-child{grid-template-columns:1fr;border-bottom:0;border-top:1px solid var(--color-text);align-content:start}
 .step-num{grid-row:auto;margin-bottom:8px}
 .key-text{font-size:1.75rem}
 .facts div,.contact-list div{grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:baseline}
 .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .legal h1{font-size:2.75rem}
}
@media (min-width:1024px){
 .section-head,.content-offset{margin-left:0}
 .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
 .work-intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
 .work-text .points{grid-template-columns:1fr;gap:0}
 .work-text .points li{grid-template-columns:48px minmax(0,1fr);column-gap:16px;row-gap:6px;padding:18px 0;border-top:1px solid var(--color-line)}
 .work-text .points li:first-child{border-top-color:var(--color-text)}
 .work-text .points li:last-child{border-bottom:1px solid var(--color-line)}
 .work-text .point-idx{grid-row:1/3;padding-top:.15em}
 .photo-portrait{max-width:none}
 .photo-interior{margin-top:56px}
 .photo-interior img{aspect-ratio:12/5}
 .about-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}
 .contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px}
 .section-head h2{font-size:2.5rem}
}