/* Pomoc / Service & Wissen — układ zestawu B, styl serwisu DE. */
.sv,.sv *{box-sizing:border-box}
.sv{max-width:1300px;margin:0 auto;padding:0 28px 56px;color:var(--pc-ink)}
.sv .pc-crumb{padding:6px 0 14px}.sv .pc-crumb span{padding:0 8px}
.sv-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}
.sv-layout>*{min-width:0}
.sv-menu{background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:8px;position:sticky;top:12px}
.sv-mh{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:#537087;font-weight:700;margin:10px 12px 8px}
.sv-m{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:6px;color:var(--pc-ink-2);text-decoration:none;font-size:14px}
.sv-m svg{width:18px;height:18px;flex:none;color:#6f93aa}.sv-m:hover{background:#f4f7f9}
.sv-m.on{background:var(--pc-accent);color:#fff}.sv-m.on svg{color:#fff}
.sv-main{display:flex;flex-direction:column;gap:18px}
.sv-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center;background:#fff;border:1px solid var(--pc-line);border-radius:10px;padding:26px 28px}
.sv-kick{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:#537087;font-weight:700;margin:0 0 8px}
.sv-hero h1{font-family:var(--pc-serif);font-weight:400;font-size:clamp(30px,2.6vw,42px);line-height:1.1;margin:0 0 12px}
.sv-lead{font-size:15px;line-height:1.65;color:#3d4f5f;margin:0}
.sv-pic{aspect-ratio:16/10;border-radius:8px;background-size:cover;background-position:center}
.sv-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.sv-card{background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:20px}
.sv-card>svg{width:28px;height:28px;color:var(--pc-accent);margin-bottom:10px}
.sv-card h3,.sv-sec h3,.sv-steps h3{font-size:16px;font-weight:600;margin:0 0 8px}
.sv-card p,.sv-sec p,.sv-steps p{font-size:14px;line-height:1.65;color:#4f6070;margin:0}
.sv-info{display:flex;align-items:center;gap:14px;background:#edf4f8;border-radius:8px;padding:16px 20px}
.sv-info>svg{width:26px;height:26px;color:var(--pc-accent);flex:none}.sv-info p{flex:1;margin:0;font-size:14px;line-height:1.55}
.sv-btn{display:inline-flex;align-items:center;gap:8px;background:var(--pc-accent);color:#fff!important;border:0;border-radius:4px;padding:11px 18px;font:inherit;font-size:14px;text-decoration:none;cursor:pointer;white-space:nowrap}
.sv-btn svg{width:15px;height:15px}
.sv-sec{display:flex;gap:16px;background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:20px}.sv-sec>svg{width:30px;height:30px;color:var(--pc-accent);flex:none}
.sv-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sv-steps li{display:flex;gap:16px;background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:18px 20px}
.sv-steps li>span{width:34px;height:34px;border-radius:50%;background:var(--pc-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.sv-note{font-size:13px;color:#6b7a85;margin:0}
.sv-arts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sv-art{display:flex;flex-direction:column;background:#fff;border:1px solid var(--pc-line);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--pc-ink)}
.sv-art:hover{border-color:#b9cbd6;box-shadow:0 8px 24px #17253814}
.sv-art img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.sv-art div{padding:16px 18px 18px}.sv-art h3{font-family:var(--pc-serif);font-weight:400;font-size:20px;margin:0 0 8px}
.sv-art p{font-size:14px;line-height:1.6;color:#4f6070;margin:0 0 12px}
.sv-more{display:inline-flex;align-items:center;gap:6px;color:var(--pc-accent);font-size:13px}.sv-more svg{width:14px;height:14px}
.sv .pc-line{display:block;height:11px;background:#eef0ee;border-radius:2px;margin:9px 0}.sv .pc-line.m{width:72%}.sv .pc-line.s{width:45%}
.sv-article{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}
.sv-toc{background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:16px;align-self:start;font-size:13px}
.sv-body{background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:24px 28px}
.sv-body h2{font-family:var(--pc-serif);font-weight:400;font-size:24px;margin:22px 0 8px}
.sv-body figure{margin:18px 0}.sv-body img{width:100%;border-radius:8px}
.sv-panel{background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:22px}
.sv-faq{display:flex;flex-direction:column;gap:10px}
.sv-qa{background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:6px 20px}
.sv-qa summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:10px 0}
.sv-qa summary::-webkit-details-marker{display:none}.sv-qa summary .pc-line{flex:1;margin:0}
.sv-qa summary svg{width:16px;height:16px;color:var(--pc-accent);transition:transform .2s}.sv-qa[open] summary svg{transform:rotate(90deg)}
.sv-qa[open]{padding-bottom:14px}
.sv-kontakt{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.sv-form{background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.sv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sv-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.sv-form input,.sv-form textarea{height:42px;border:1px solid #dfe4e6;border-radius:4px;padding:0 12px;font:inherit;font-weight:400;font-size:14px}
.sv-form textarea{height:auto;padding:10px 12px}
.sv-form label.sv-check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;line-height:1.5}
.sv-check input{height:17px;width:17px;accent-color:var(--pc-accent);flex:none;margin-top:2px}
.sv-form .sv-btn{align-self:flex-start}
.sv-cside{background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:20px}
.sv-cside h3{font-family:var(--pc-serif);font-weight:400;font-size:20px;margin:0 0 12px}
.sv-ci{display:flex;gap:12px;padding:12px 0;border-top:1px solid #f0f1f1}.sv-ci svg{width:22px;height:22px;color:var(--pc-accent);flex:none}
.sv-ci small{font-size:12px;color:#6b7a85}.sv-ci div{flex:1}
.sv-wide{aspect-ratio:12/5;border-radius:10px;background-size:cover;background-position:center}
.sv-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#172538;color:#fff;border-radius:10px;padding:22px 26px}
.sv-cta h3{font-family:var(--pc-serif);font-weight:400;font-size:24px;margin:0 0 4px}.sv-cta p{margin:0;color:#c9d6de}
@media (max-width:1000px){.sv-hero{grid-template-columns:1fr}.sv-arts{grid-template-columns:1fr 1fr}.sv-kontakt,.sv-article{grid-template-columns:1fr}}
@media (max-width:800px){
  .sv{padding:0 16px 40px}.sv-layout{grid-template-columns:1fr}
  .sv-menu{position:static;display:flex;overflow-x:auto;gap:4px;padding:6px;scrollbar-width:none}.sv-mh{display:none}.sv-m{flex:none}
  .sv-hero{padding:18px}.sv-arts,.sv-grid{grid-template-columns:1fr}
  .sv-info,.sv-cta{flex-direction:column;align-items:flex-start}
}

/* podstrony wiedzy: Methodik, Auslegung, Änderungen */
.sv-prose{font-size:15px;line-height:1.75;color:#24364a}.sv-prose h2,.sv-prose h3{font-family:var(--pc-serif);font-weight:400;margin:1.2em 0 .4em}.sv-prose ul{padding-left:20px}
.wa-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:16px}
.wa-f{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}
.wa-f select{height:40px;border:1px solid #dfe4e6;border-radius:4px;padding:0 8px;font:inherit;font-weight:400;background:#fff}
.wa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wa-card{background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:14px;text-decoration:none;color:var(--pc-ink);display:flex;flex-direction:column;gap:6px}
.wa-card:hover{border-color:#b9cbd6}.wa-card img{height:120px;object-fit:contain;background:linear-gradient(180deg,#f7f8f6,#fff);border-radius:6px}
.wa-k{display:flex;justify-content:space-between;font-size:12px;color:#5d6d79;border-top:1px solid #f0f1f1;padding-top:6px}.wa-k b:empty::before{content:"—";color:#9aa6ad;font-weight:400}
.ch-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ch-item{display:grid;grid-template-columns:120px 1fr;gap:16px;background:#fff;border:1px solid var(--pc-line);border-radius:8px;padding:16px 18px}
.ch-date:empty::before{content:"";display:block;height:12px;width:80px;background:#e3eef5;border-radius:2px;margin-top:4px}
.ch-tag:empty::before{content:"";display:inline-block;height:18px;width:70px;background:#edf4f8;border-radius:9px}
@media(max-width:1000px){.wa-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.wa-grid,.ch-item{grid-template-columns:1fr}}
/* /faq: sekcja „Hilfe bei Störungen" (treść stała z i18n faq:stoerung.*) */
.sv-h2{font-size:22px;margin:36px 0 14px;scroll-margin-top:90px}
.sv-qa summary b{flex:1;font-size:15px;font-weight:600}
.sv-qa p{margin:0;font-size:14px;line-height:1.6;color:#4f6070}
/* formularze (shared/forms.js) */
.sv-form label.bad input,.sv-form label.bad textarea,.pd-inq label.bad input{border-color:#c0392b;background:#fff7f6}.sv-form label.bad.sv-check{color:#c0392b}
.sv-msg{margin:0;font-size:13px;padding:9px 12px;border-radius:6px}.sv-msg.ok{background:#eef7ef;color:#1e6b2e}.sv-msg.bad{background:#fff1f0;color:#8a1f15}
.sv-prod{margin:0;font-size:13px;color:#2b719e;font-weight:600}
.sv-ci a{color:var(--pc-accent);text-decoration:none}.sv-ci span{line-height:1.5}
.sv-h3{font-size:16px;margin:22px 0 8px;color:var(--pc-ink-2,#334);scroll-margin-top:90px}.sv-faq .sv-h3:first-child{margin-top:0}.sv-qa p a{color:var(--pc-accent);text-decoration:underline}
/* Angebote (tools/angebote.py): bez menu bocznego */
.sv-solo .sv-main{max-width:1040px;margin:0 auto}.sv-note{font-size:12px;color:#5d6d79;margin-top:8px}.sv-link{display:inline-flex;align-items:center;gap:4px;color:var(--pc-accent);font-weight:600;font-size:13px}.sv-link svg{width:14px;height:14px}