/* GoWaterAI v2.17 — podstrona „Jak obliczamy oszczędności — metoda stopniodni”.
   Korzysta z klas i zmiennych strony „Jak liczyć?” (gw-*), dodaje tylko elementy przykładu (sd-*). */
.sd-page{ --sd-blue:#1c63ff; --sd-navy:#0a2a5e; --sd-deep:#071638; --sd-cyan:#64d7ff; --sd-line:#cad9ea; }
.sd-page .gw-section{ scroll-margin-top:calc(var(--sd-hh,84px) + 16px); }
.sd-back{ display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:15px; text-decoration:none; border-radius:999px; padding:9px 16px; margin:0 0 18px; }
.sd-back--hero{ color:#fff; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.45); }
.sd-back--hero:hover{ background:#fff; color:var(--sd-navy); }
.sd-page a:focus-visible, .sd-page button:focus-visible, .sd-page summary:focus-visible{ outline:3px solid var(--sd-blue); outline-offset:4px; }
.sd-back--hero:focus-visible{ outline-color:#fff; }

/* wprowadzenie */
.sd-edu{ display:inline-block; background:#e1f4ff; color:var(--sd-navy); border:1px solid #9fd4f1; border-radius:999px; padding:7px 16px; font-size:15px; margin:4px 0 20px; }
.sd-big{ font-size:clamp(19px,1.7vw,24px); line-height:1.55; max-width:900px; color:#16294a; margin:0 0 20px; }
.sd-question{ margin:0 0 26px; padding:24px 28px; background:linear-gradient(135deg,#071638,#0c2a5c); color:#fff; border-radius:22px; font-family:var(--font-display); font-weight:800; font-size:clamp(21px,2.3vw,32px); line-height:1.3; letter-spacing:-.01em; border-left:8px solid var(--sd-cyan); }
.sd-two{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:10px; }
.sd-kind{ background:rgba(255,255,255,.8); border:1px solid #b9dcf7; border-radius:20px; padding:22px 26px 20px; box-shadow:0 12px 30px #0b477010; }
.sd-kind h3{ margin:10px 0 6px; }
.sd-kind p{ margin:0; font-size:17px; color:#33445c; }
.sd-tag{ display:inline-block; font-size:12.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; padding:5px 11px; border-radius:999px; }
.sd-kind--real .sd-tag{ background:#d7f3e6; color:#0b6a3e; }
.sd-kind--model .sd-tag{ background:#e7efff; color:#1747b8; }
.sd-kind--real{ border-top:5px solid #2fb579; } .sd-kind--model{ border-top:5px solid #3b7dff; }
.sd-path-h{ margin:30px 0 12px !important; }
.sd-path{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:10px; }
.sd-path li{ display:flex; }
.sd-path a{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--sd-line); border-radius:999px; padding:8px 16px 8px 8px; text-decoration:none; color:var(--sd-navy); font-weight:700; font-size:15.5px; }
.sd-path a:hover{ border-color:var(--sd-blue); background:#f2f7ff; }
.sd-path a span{ display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--sd-blue); color:#fff; font-size:14px; }

/* stopniodni */
.sd-days{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:26px 0; }
.sd-day{ background:rgba(255,255,255,.85); border:1px solid #b9dcf7; border-radius:20px; padding:20px 22px; display:flex; flex-direction:column; gap:6px; }
.sd-day-t{ font-size:14px; color:#4a5f7c; font-weight:600; }
.sd-day-v{ font-family:var(--font-display); font-size:34px; line-height:1.1; color:var(--sd-navy); }
.sd-calc{ font-family:var(--font-display); font-size:clamp(19px,2vw,26px); font-weight:700; line-height:1.4; color:#10254a; overflow-wrap:anywhere; }
.sd-calc b{ color:var(--sd-blue); }
.sd-day p{ margin:2px 0 0; font-size:15.5px; color:#33445c; line-height:1.5; }
.sd-day--sum{ background:linear-gradient(135deg,#071638,#0c2a5c); border-color:#071638; }
.sd-day--sum .sd-day-t, .sd-day--sum p{ color:#c9dbf5; } .sd-day--sum .sd-day-v, .sd-day--sum .sd-calc{ color:#fff; } .sd-day--sum .sd-calc b{ color:var(--sd-cyan); }
.sd-formula{ background:#fff; border:2px solid #b9dcf7; border-radius:20px; padding:22px 26px; margin:0 0 20px; }
.sd-formula p{ margin:8px 0 0; }
.sd-formula-main{ font-family:var(--font-display); font-weight:800; font-size:clamp(19px,2.3vw,30px); line-height:1.35; color:var(--sd-navy); overflow-wrap:anywhere; }
.sd-formula--small{ padding:14px 18px; margin:6px 0 14px; } .sd-formula--small .sd-formula-main{ font-size:clamp(18px,1.8vw,24px); }
.sd-callout{ background:#fff7df; border:1px solid #f0d58a; border-left:6px solid #e5ad1b; border-radius:14px; padding:16px 20px; color:#4b3a07; font-size:16.5px; line-height:1.6; max-width:960px; }

/* przełącznik */
.sd-switch{ position:sticky; top:calc(var(--sd-hh,84px) + 8px); z-index:20; display:flex; gap:10px; flex-wrap:wrap; padding:10px; margin:18px 0 22px; background:rgba(238,245,252,.94); backdrop-filter:blur(6px); border:1px solid var(--sd-line); border-radius:999px; width:fit-content; max-width:100%; box-shadow:0 8px 24px #0a2a5e14; }
.sd-sw{ font:inherit; font-weight:800; font-size:16px; border:2px solid var(--sd-blue); background:#fff; color:var(--sd-blue); border-radius:999px; padding:11px 22px; cursor:pointer; min-height:46px; }
.sd-sw:hover{ background:#eef4ff; }
.sd-sw.is-on{ background:var(--sd-blue); color:#fff; }
.sd-sw.is-on:hover{ background:var(--sd-navy); border-color:var(--sd-navy); }

/* panel */
.sd-h3{ font-size:clamp(21px,2vw,27px) !important; margin:34px 0 14px !important; color:var(--sd-navy); scroll-margin-top:calc(var(--sd-hh,84px) + 80px); }
.sd-inputs{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.sd-in{ background:rgba(255,255,255,.85); border:1px solid #b9dcf7; border-radius:18px; padding:16px 18px; display:flex; flex-direction:column; gap:4px; }
.sd-in span{ font-size:14.5px; color:#4a5f7c; font-weight:600; line-height:1.35; }
.sd-in strong{ font-family:var(--font-display); font-size:clamp(26px,2.6vw,36px); color:var(--sd-navy); line-height:1.15; }
.sd-in small{ color:#6a7d97; font-size:13.5px; }
.sd-in--now{ border-color:#6fb4ee; background:linear-gradient(160deg,#fff,#e6f5ff); }
.sd-sym{ font:inherit; font-weight:800; color:var(--sd-blue); background:#eaf1ff; border:1px dashed #7da3f0; border-radius:8px; padding:0 7px; cursor:help; line-height:1.5; }
.sd-sym[aria-expanded="true"]{ background:var(--sd-blue); color:#fff; border-style:solid; }
.sd-symout{ background:#10254a; color:#fff; border-radius:12px; padding:12px 16px; margin:12px 0 0; font-size:16px; }
.sd-symout[hidden]{ display:none; }
.sd-steps{ list-style:none; margin:0; padding:0; display:grid; gap:14px; counter-reset:none; }
.sd-step{ display:grid; grid-template-columns:52px 1fr; gap:18px; background:rgba(255,255,255,.9); border:1px solid #b9dcf7; border-radius:20px; padding:20px 24px; }
.sd-sn{ width:46px; height:46px; border-radius:14px; background:var(--sd-blue); color:#fff; display:grid; place-items:center; font-weight:800; font-size:20px; }
.sd-step h4{ margin:2px 0 8px; font-size:19px; color:var(--sd-navy); }
.sd-step .sd-calc{ margin:0 0 8px; background:#f1f7ff; border-radius:12px; padding:12px 16px; }
.sd-step p{ margin:0; color:#33445c; font-size:17px; line-height:1.55; }
.sd-round{ font-size:14.5px; color:#5c7089; margin:10px 0 0; }
.sd-result{ margin-top:22px; display:grid; grid-template-columns:minmax(220px,300px) 1fr; gap:26px; align-items:center; background:linear-gradient(135deg,#071638,#0c2a5c); color:#fff; border-radius:24px; padding:28px 32px; }
.sd-result-main{ display:flex; flex-direction:column; gap:4px; }
.sd-result-main span{ color:#9fc8f2; font-weight:700; font-size:15px; letter-spacing:.04em; text-transform:uppercase; }
.sd-result-main strong{ font-family:var(--font-display); font-size:clamp(50px,6vw,78px); line-height:1; color:var(--sd-cyan); }
.sd-result-main em{ font-style:normal; font-weight:700; font-size:22px; }
.sd-result p{ margin:0; font-size:clamp(17px,1.5vw,20px); line-height:1.6; color:#eaf3ff; }
.sd-assume{ font-size:15px; color:#4a5f7c; max-width:960px; margin-top:26px; border-top:1px solid var(--sd-line); padding-top:14px; }

/* wykres */
.sd-chart{ margin:0; background:#fff; border:1px solid #b9dcf7; border-radius:22px; padding:24px 26px 18px; }
.sd-bars{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,3vw,40px); align-items:end; }
.sd-bar{ display:flex; flex-direction:column-reverse; gap:12px; min-width:0; }
.sd-track{ position:relative; height:clamp(240px,30vw,340px); display:flex; align-items:flex-end; background:repeating-linear-gradient(0deg,transparent 0,transparent calc(25% - 1px),#e4edf7 calc(25% - 1px),#e4edf7 25%); border-bottom:3px solid #9bb4d1; border-radius:10px 10px 0 0; }
.sd-fill{ width:100%; height:calc(var(--h) * 1%); min-height:34px; border-radius:10px 10px 0 0; position:relative; display:flex; justify-content:center; align-items:flex-start; }
.sd-val{ margin-top:8px; font-family:var(--font-display); font-weight:800; font-size:clamp(15px,1.7vw,22px); color:#fff; padding:0 4px; text-align:center; }
.sd-bar--ctx .sd-fill{ background:repeating-linear-gradient(135deg,#a9bad0 0 10px,#b8c7da 10px 20px); } .sd-bar--ctx .sd-val{ color:#10254a; }
.sd-bar--ref .sd-fill{ background:linear-gradient(180deg,#3b7dff,#1c4fd0); }
.sd-bar--real .sd-fill{ background:linear-gradient(180deg,#2fb579,#13804f); }
.sd-gap{ position:absolute; left:0; right:0; bottom:calc(var(--h) * 1%); height:calc(var(--gap) * 1%); border:3px dashed #e08a00; border-bottom:0; background:rgba(255,196,64,.22); border-radius:10px 10px 0 0; display:flex; align-items:center; justify-content:center; text-align:center; pointer-events:none; }
.sd-gap b{ background:#fff; color:#7a4a00; border:2px solid #e08a00; border-radius:10px; padding:3px 8px; font-size:clamp(12.5px,1.3vw,16px); line-height:1.25; }
.sd-bar-label{ text-align:center; }
.sd-bar-label strong{ display:block; font-size:clamp(14px,1.35vw,17px); line-height:1.3; color:var(--sd-navy); }
.sd-bar-label small{ color:#5c7089; font-size:13.5px; }
.sd-chart figcaption{ margin-top:16px; padding:12px 16px; background:#fff7df; border-left:6px solid #e08a00; border-radius:10px; font-size:16px; line-height:1.55; color:#4b3a07; }

/* pieniądze */
.sd-assumptions{ display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:0 0 14px; }
.sd-assumptions li{ background:#fff; border:1px solid var(--sd-line); border-radius:999px; padding:8px 16px; font-size:16px; }
.sd-money{ margin:16px 0; border:1px solid #b9dcf7; border-radius:20px; overflow:hidden; background:#fff; }
.sd-m{ display:grid; grid-template-columns:1.2fr 1fr; gap:14px; padding:16px 22px; border-bottom:1px solid #e1ebf6; align-items:center; }
.sd-m:last-child{ border-bottom:0; }
.sd-m dt{ font-weight:700; color:#16294a; font-size:17px; line-height:1.4; }
.sd-m dd{ margin:0; text-align:right; display:flex; flex-direction:column; gap:2px; }
.sd-m dd strong{ font-family:var(--font-display); font-size:clamp(20px,2vw,27px); color:var(--sd-navy); white-space:nowrap; }
.sd-m dd small{ color:#6a7d97; font-size:13.5px; }
.sd-m--key{ background:#eef6ff; } .sd-m--win{ background:linear-gradient(135deg,#d9f4e7,#c6efdc); } .sd-m--win dd strong{ color:#0b6a3e; }
.sd-small{ font-size:14.5px; color:#5c7089; max-width:960px; margin:8px 0; }

/* legenda i wzory */
.sd-legwrap{ display:grid; grid-template-columns:1fr 1.15fr; gap:26px; align-items:start; }
.sd-legend{ margin:0; background:#fff; border:1px solid #b9dcf7; border-radius:20px; overflow:hidden; }
.sd-legend div{ display:grid; grid-template-columns:88px 1fr; gap:12px; padding:12px 18px; border-bottom:1px solid #e1ebf6; align-items:baseline; }
.sd-legend div:last-child{ border-bottom:0; }
.sd-legend dt{ font-family:var(--font-display); font-weight:800; color:var(--sd-blue); font-size:20px; }
.sd-legend dd{ margin:0; font-size:16.5px; line-height:1.5; color:#33445c; }
.sd-formulas{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.sd-formulas li{ background:#fff; border:2px solid #b9dcf7; border-radius:18px; padding:16px 20px; }
.sd-f{ display:block; font-family:var(--font-display); font-weight:800; font-size:clamp(20px,2.1vw,27px); color:var(--sd-navy); line-height:1.35; overflow-wrap:anywhere; }
.sd-formulas em{ display:block; margin-top:6px; font-style:normal; font-size:15.5px; color:#4a5f7c; }
.sd-page sub{ font-size:.62em; line-height:0; }

/* szczegóły */
.sd-end{ display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:26px; }
.sd-link2{ background:#fff; color:var(--sd-blue)!important; border:2px solid var(--sd-blue); }
.sd-link2:hover{ background:var(--sd-navy); color:#fff!important; border-color:var(--sd-navy); }
.sd-page .gw-details p{ max-width:900px; }

@media(max-width:1100px){
  .sd-days{ grid-template-columns:1fr 1fr; } .sd-inputs{ grid-template-columns:1fr 1fr; } .sd-legwrap{ grid-template-columns:1fr; }
}
@media(max-width:800px){
  .sd-two{ grid-template-columns:1fr; } .sd-result{ grid-template-columns:1fr; padding:22px 20px; gap:14px; }
  .sd-step{ grid-template-columns:40px 1fr; gap:12px; padding:16px 14px; } .sd-sn{ width:38px; height:38px; font-size:17px; }
  .sd-m{ grid-template-columns:1fr; gap:6px; padding:14px 16px; } .sd-m dd{ text-align:left; } .sd-m dd strong{ white-space:normal; }
  .sd-question{ padding:18px 18px; border-left-width:6px; }
  .sd-switch{ width:100%; border-radius:24px; } .sd-sw{ flex:1 1 140px; padding:10px 12px; }
  /* wykres poziomy: każdy słupek w osobnym wierszu, wspólna skala szerokości */
  .sd-chart{ padding:16px 14px 14px; }
  .sd-bars{ grid-template-columns:1fr; gap:22px; }
  .sd-bar{ flex-direction:column; gap:8px; }
  .sd-bar-label{ text-align:left; }
  .sd-track{ height:60px; align-items:stretch; background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#e4edf7 calc(25% - 1px),#e4edf7 25%); border-bottom:0; border-left:3px solid #9bb4d1; border-radius:0 10px 10px 0; }
  .sd-fill{ width:calc(var(--h) * 1%); height:100%; min-height:0; min-width:70px; border-radius:0 10px 10px 0; align-items:center; justify-content:flex-end; }
  .sd-val{ margin:0 10px 0 0; font-size:17px; }
  .sd-gap{ left:calc(var(--h) * 1%); right:auto; bottom:0; top:0; width:calc(var(--gap) * 1%); height:auto; border:3px dashed #e08a00; border-left:0; border-radius:0 10px 10px 0; }
  .sd-gap b{ font-size:12px; padding:2px 5px; }
}
@media(max-width:560px){
  .sd-days, .sd-inputs{ grid-template-columns:1fr; }
  .sd-legend div{ grid-template-columns:70px 1fr; padding:10px 14px; }
  .sd-path a{ font-size:14.5px; }
}
@media(prefers-reduced-motion:no-preference){ .sd-fill{ transition:height .35s ease, width .35s ease; } }

.sd-in .nw{ white-space:nowrap; font-style:normal; }
.sd-page .gw-section p{ font-size:17px; }
.sd-page .gw-section p.gw-lead, .sd-page .gw-section p.sd-big{ font-size:clamp(18px,1.5vw,22px); }
.sd-page .sd-small, .sd-page .sd-round, .sd-page .sd-assume{ font-size:14.5px; }
.sd-page .sd-edu{ font-size:15px; }
.sd-page .sd-day p{ font-size:15.5px; } .sd-page .sd-kind p{ font-size:17px; }

.sd-page .gw-top .gw-lead{ font-size:clamp(15px,1.1vw,16px) !important; }

/* ===== v2.19: wyjaśnienie zera, tabela, wnioski ===== */
.sd-h3{ font-family:var(--font-display); font-size:clamp(20px,2.2vw,26px); color:var(--sd-navy); margin:34px 0 12px; }
.sd-explain{ max-width:960px; font-size:17px; line-height:1.65; }
.sd-tablewrap{ max-width:100%; overflow-x:auto; margin:20px 0; border:1px solid #b9dcf7; border-radius:16px; background:#fff; -webkit-overflow-scrolling:touch; }
.sd-table{ border-collapse:collapse; width:100%; min-width:520px; font-size:16.5px; }
.sd-table caption{ text-align:left; padding:12px 16px; font-weight:700; color:var(--sd-navy); caption-side:top; }
.sd-table th, .sd-table td{ padding:11px 16px; text-align:left; border-top:1px solid #dcecf9; }
.sd-table thead th{ background:#eaf4fd; color:var(--sd-navy); font-size:14.5px; }
.sd-table tbody th{ font-weight:700; white-space:nowrap; }
.sd-table td{ white-space:nowrap; }
.sd-table td:last-child b{ color:var(--sd-blue); font-size:18px; }
.sd-key{ background:#eaf6ff; border:1px solid #9fd0f3; border-left:6px solid var(--sd-blue); border-radius:14px; padding:16px 20px; max-width:960px; margin:0 0 10px; }
.sd-key p{ margin:0 0 8px; font-size:17px; line-height:1.6; } .sd-key p:last-child{ margin-bottom:0; }
.sd-days{ grid-template-columns:repeat(5,1fr); }
.sd-legend--inline{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:10px 18px; margin:0 0 18px; }
@media(max-width:1100px){ .sd-days{ grid-template-columns:1fr 1fr 1fr; } }
@media(max-width:800px){ .sd-days{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .sd-days{ grid-template-columns:1fr; } }
.sd-legend--inline div{ grid-template-columns:1fr; gap:2px; }
.sd-explain{ margin:0 0 14px; }
@media(max-width:600px){
  .sd-table{ min-width:0; font-size:15px; table-layout:fixed; }
  .sd-table th, .sd-table td, .sd-table tbody th{ white-space:normal; padding:10px 8px; overflow-wrap:anywhere; }
  .sd-table thead th{ font-size:13px; }
  .sd-table td:last-child b{ font-size:17px; }
  .sd-table caption{ padding:10px 10px; font-size:14.5px; }
}

/* ===== v2.20: trzy przykłady edukacyjne ===== */
.sd-h3--first{ margin-top:6px !important; }
.sd-assump{ background:#fff; border:2px solid #b9dcf7; border-radius:22px; padding:24px 28px 26px; margin:6px 0 10px; }
.sd-assump-list{ margin:0 0 18px; padding-left:22px; max-width:960px; } .sd-assump-list li{ margin:6px 0; font-size:17px; line-height:1.55; }
.sd-defs{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.sd-def{ background:#eef6ff; border:1px solid #b9dcf7; border-radius:16px; padding:16px 18px; } .sd-def p{ margin:10px 0 0; font-size:16.5px; line-height:1.5; color:#16294a; }
.sd-tag--b{ background:#1c63ff; color:#fff; text-transform:none; letter-spacing:0; font-size:14.5px; }
.sd-skrot{ margin:0 0 6px; } .sd-skrot p, .sd-sumbox p, .sd-other p{ max-width:960px; font-size:17px; line-height:1.6; }
.sd-ex3{ margin:0 0 12px; padding-left:22px; font-size:18px; line-height:1.7; } .sd-ex3 b{ color:var(--sd-blue); }
.sd-keyline{ background:#eaf6ff; border:1px solid #9fd0f3; border-left:6px solid var(--sd-blue); border-radius:14px; padding:14px 20px; max-width:960px; margin:10px 0 14px; font-size:17.5px; line-height:1.55; }
.sd-small--cap{ font-style:italic; }
.sd-scn-desc{ background:#fff; border:1px solid #b9dcf7; border-left:6px solid var(--sd-blue); border-radius:14px; padding:14px 20px; margin:0 0 6px; max-width:960px; font-size:17px; line-height:1.55; }
.sd-indep{ display:block; margin-top:4px; color:#4a5f7c; font-size:15.5px; }
.sd-legendline{ font-size:15.5px; color:#33445c; margin:0 0 10px; }
.sd-chip{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.03em; padding:2px 9px; border-radius:999px; vertical-align:middle; white-space:nowrap; }
.sd-chip--in{ background:#e0eaff; color:#1747b8; } .sd-chip--out{ background:#d7f3e6; color:#0b6a3e; }
.sd-table--data td{ white-space:normal; } .sd-table--sum td, .sd-table--sum th{ white-space:normal; }
.sd-table--sum tbody tr.is-on th, .sd-table--sum tbody tr.is-on td{ background:#e6f5ff; font-weight:700; }
.sd-check{ background:#f4f9ff; border:1px solid #b9dcf7; border-radius:14px; padding:12px 18px; margin:12px 0; max-width:960px; font-size:16px; line-height:1.55; } .sd-check ul{ margin:6px 0 0; padding-left:20px; }
.sd-note-real{ font-size:16px; color:#33445c; max-width:960px; }
.sd-step--f{ opacity:.95; } .sd-step--f p{ margin:0; }
.sd-stepsay{ margin:0 0 8px !important; font-weight:600; }
.sd-calc--sub{ font-size:clamp(16px,1.6vw,20px); margin-top:6px; }
.sd-why{ margin:10px 0 0; display:grid; gap:6px; border-top:1px dashed #b9dcf7; padding-top:10px; }
.sd-why div{ display:grid; grid-template-columns:170px 1fr; gap:12px; } .sd-why dt{ font-weight:800; color:var(--sd-navy); font-size:15px; } .sd-why dd{ margin:0; font-size:16px; line-height:1.5; color:#33445c; }
.sd-split{ margin-top:8px; background:#fff7df; border:1px solid #f0d58a; border-left:6px solid #e5ad1b; border-radius:12px; padding:10px 14px; font-size:16.5px; line-height:1.55; color:#4b3a07; }
.sd-bracket{ margin:10px 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,3vw,40px); }
.sd-bracket span{ grid-column:2 / 4; text-align:center; border:3px solid #e08a00; border-top:0; border-radius:0 0 12px 12px; padding:8px 12px 10px; font-weight:800; color:#7a4a00; font-size:15.5px; line-height:1.35; background:rgba(255,196,64,.12); }
.sd-sumbox, .sd-other{ margin-top:36px; }
@media(max-width:1100px){ .sd-defs{ grid-template-columns:1fr; } }
@media(max-width:800px){
  .sd-why div{ grid-template-columns:1fr; gap:2px; }
  .sd-assump{ padding:18px 16px 20px; }
  .sd-bracket span{ font-size:13.5px; padding:6px 8px 8px; }
}
@media(max-width:620px){
  .sd-switch{ position:static; border-radius:18px; flex-direction:column; width:100%; }
  .sd-sw{ width:100%; }
}
.sd-assump-list, .sd-ex3, .sd-check ul{ list-style:disc; }
.sd-skrot p, .sd-sumbox p, .sd-other p{ margin:0 0 12px; }
.sd-skrot .sd-formula{ margin-bottom:14px; }
@media(max-width:800px){
  .sd-bracket{ display:block; }
  .sd-bracket span{ display:block; border:3px solid #e08a00; border-radius:12px; }
}

/* ===== v2.21: opis symulacji ===== */
.sd-simintro{ max-width:960px; margin:0 0 6px; } .sd-simintro p{ font-size:17px; line-height:1.6; margin:0 0 12px; }
.sd-sw{ text-align:center; line-height:1.3; }
.sd-switch{ border-radius:26px; }
@media(min-width:801px){ .sd-sw{ flex:0 1 auto; max-width:420px; } }