/* LehrLynx v58 – PV-Rechner (Strangspannung, Ertrag, Eigenverbrauch, DC-Leitung, Speicher).
   Feste Hex-Farben aus der Palette – der Gesamtbuild wandelt sie in Farbvariablen für Hell/Kontrast um. */
main var{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:1.1em}
main sub{font-size:.72em}

/* Überblick: Sicherheit und Sprungleiste */
.pv-sicher{margin:0;padding:16px 18px;border:1px solid var(--cr-ff8a8a);border-left-width:4px;border-radius:14px;background:var(--cf-111722);color:var(--ct-f3f6fb);line-height:1.55}
.pv-sicher strong{color:var(--ct-ff8a8a)}
.pv-sicher ul{margin:8px 0 0;padding-left:20px}
.pv-sicher li+li{margin-top:4px}
.pv-form .pv-sicher{margin:14px 0 4px;font-size:.92rem}
.pv-ueberblick{display:grid;gap:18px}
.pv-sprung{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin:0;padding:0;list-style:none}
.pv-sprung a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 10px;align-items:center;min-height:56px;padding:10px 14px;border:1px solid var(--cr-6f8396);border-radius:16px;background:var(--cf-111722);color:var(--ct-f3f6fb);text-decoration:none;line-height:1.3}
.pv-sprung a b{grid-row:1/span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--cr-00b4d8);color:var(--ct-00b4d8);font-size:.9rem}
.pv-sprung a span{font-weight:800}
.pv-sprung a small{color:var(--ct-abb5c8);font-size:.8rem}
.pv-sprung a:hover{border-color:var(--cr-00b4d8)}
.pv-sprung a:focus-visible{outline:3px solid var(--cr-f6d58a);outline-offset:2px}

/* Formular */
.pv-block{scroll-margin-top:84px}
.pv-form{min-width:0}
.pv-nr{margin:0 0 4px;color:var(--ct-7ee7c8);font-size:.78rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.pv-form .calc-fields{margin-top:4px}
.pv-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.pv-zwei>.calc-field{min-width:0}
.pv-form .calc-field label{line-height:1.35}
.pv-form .calc-field small{font-size:.82rem;line-height:1.4}
.pv-gruppe{margin:0;padding:14px 16px 16px;border:1px solid var(--cr-6f8396);border-radius:16px;background:var(--cf-0f1823);min-width:0}
.pv-gruppe legend{padding:0 6px;font-weight:850;color:var(--ct-7ee7c8)}
.pv-gruppe .calc-fields{gap:12px}
.pv-wahl{margin:0;padding:0;border:0;min-width:0}
.pv-wahl legend{padding:0;margin-bottom:6px;font-weight:850}
.pv-wahl-reihe{display:flex;flex-wrap:wrap;gap:8px}
.pv-wahl label{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 15px;border:1px solid var(--cr-6f8396);border-radius:999px;background:var(--cf-111722);color:var(--ct-f3f6fb);font-weight:700;cursor:pointer;line-height:1.3}
.pv-wahl input{width:18px;height:18px;margin:0;accent-color:var(--ct-00b4d8);flex:none}
.pv-wahl label:has(input:checked){border-color:var(--cr-00b4d8);background:var(--cf-0f1823);box-shadow:inset 0 0 0 1px var(--cf-00b4d8)}
.pv-wahl label:has(input:focus-visible){outline:3px solid var(--cr-f6d58a);outline-offset:2px}
.pv-form .calc-select{min-height:48px}
.pv-form .calc-input:focus-visible,.pv-form .calc-select:focus-visible{outline:3px solid var(--cr-f6d58a);outline-offset:2px}
.pv-form .calc-button:focus-visible{outline:3px solid var(--cr-f6d58a);outline-offset:3px}
.pv-form .calc-button{min-height:46px}
.pv-form .calc-input[aria-invalid="true"]{border-color:var(--cr-ff8a8a);box-shadow:0 0 0 2px var(--cf-ff8a8a)}
.pv-form .calc-field small.pv-feldfehler{display:block;margin-top:2px;color:var(--ct-ff8a8a);font-weight:700}
.pv-mehr{margin:12px 0 0;font-size:.92rem}

/* Ergebnis */
.pv-form .calc-result{color:var(--ct-f3f6fb)}
.pv-kurz{display:grid;gap:8px;margin:0}
.pv-kurz>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:4px 12px;align-items:baseline;padding-bottom:7px;border-bottom:1px solid var(--cr-6f8396)}
.pv-kurz>div:last-child{border-bottom:0;padding-bottom:0}
.pv-kurz dt{color:var(--ct-abb5c8);font-size:.9rem;font-weight:700}
.pv-kurz dd{margin:0;color:var(--ct-7ee7c8);font-weight:900;font-size:1.05rem;overflow-wrap:anywhere}
.pv-praxis{margin:12px 0 0;color:var(--ct-f3f6fb);font-size:.94rem}
.pv-praxis strong{color:var(--ct-f6d58a)}
.pv-hinweise{margin:10px 0 0;padding-left:20px;color:var(--ct-abb5c8);font-size:.88rem}
.pv-hinweise li+li{margin-top:4px}
.pv-form .calc-result.error strong{color:var(--ct-ff8a8a)}

/* Ampel: Text sagt die Stufe immer dazu (nicht nur Farbe) */
.pv-ampel{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;margin:0 0 12px;padding:12px 14px;border:1px solid var(--cr-6f8396);border-left-width:5px;border-radius:14px;background:var(--cf-0f1823);line-height:1.45}
.pv-ampel-licht{display:grid;gap:3px;justify-items:center;padding:4px 0;border-radius:9px;background:var(--cf-111722);border:1px solid var(--cr-6f8396)}
.pv-ampel-licht i{display:block;width:12px;height:12px;border-radius:50%;background:var(--cf-2a3a48)}
.pv-ampel-rot{border-color:var(--cr-ff8a8a)}.pv-ampel-rot strong{color:var(--ct-ff8a8a)}.pv-ampel-rot i:nth-child(1){background:var(--cf-ff8a8a)}
.pv-ampel-gelb{border-color:var(--cr-f6d58a)}.pv-ampel-gelb strong{color:var(--ct-f6d58a)}.pv-ampel-gelb i:nth-child(2){background:var(--cf-f6d58a)}
.pv-ampel-gruen{border-color:var(--cr-7ee7c8)}.pv-ampel-gruen strong{color:var(--ct-7ee7c8)}.pv-ampel-gruen i:nth-child(3){background:var(--cf-7ee7c8)}

/* Rechenweg */
.pv-rechenweg{margin-top:16px;padding:16px;border:1px solid var(--cr-6f8396);border-radius:16px;background:var(--cf-0f1823)}
.pv-rechenweg h3{margin:0 0 10px;font-size:1.05rem;color:var(--ct-f3f6fb)}
.pv-weg{margin:0;padding:0;list-style:none;counter-reset:pvweg;display:grid;gap:12px}
.pv-weg>li{counter-increment:pvweg;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:10px;row-gap:3px}
.pv-weg>li::before{content:counter(pvweg);grid-row:1/span 4;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--cr-00b4d8);background:var(--cf-111722);color:var(--ct-00b4d8);font-size:.78rem;font-weight:800}
.pv-weg>li>*{grid-column:2}
.pv-s-titel{color:var(--ct-f3f6fb);font-weight:800;font-size:.95rem;line-height:1.35}
.pv-z{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:baseline;font-size:.93rem;line-height:1.45;overflow-wrap:anywhere}
.pv-z small{color:var(--ct-abb5c8);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pv-z>span{color:var(--ct-f3f6fb)}
.pv-erg strong{color:var(--ct-7ee7c8)}

/* Formel-Karte, Wissen, Tabellen */
.pv-formel h2 small{display:block;margin-top:2px;color:var(--ct-abb5c8);font-size:.62em;font-weight:700}
.pv-wissen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.pv-wissen .panel-card h2{font-size:1.35rem;margin-top:0}
.pv-wissen .panel-card p,.pv-wissen .panel-card li{color:var(--ct-abb5c8)}
.pv-wissen .panel-card ul{padding-left:20px}
.pv-tabelle-box{overflow-x:auto;max-width:100%;border:1px solid var(--cr-6f8396);border-radius:14px}
.pv-tabelle{width:100%;border-collapse:collapse;font-size:.9rem;min-width:260px}
.pv-tabelle caption{caption-side:top;text-align:left;padding:10px 12px;color:var(--ct-abb5c8);font-size:.84rem}
.pv-tabelle th,.pv-tabelle td{padding:7px 10px;border-top:1px solid var(--cr-6f8396);text-align:left;vertical-align:top}
.pv-tabelle td:last-child{text-align:right;white-space:nowrap;color:var(--ct-7ee7c8);font-weight:800}
.pv-tabelle thead th{color:var(--ct-f3f6fb);background:var(--cf-111722)}
.pv-tabelle td{color:var(--ct-f3f6fb)}

@media (max-width:560px){
  .pv-zwei{grid-template-columns:1fr}
  .pv-kurz>div{grid-template-columns:1fr}
  .pv-z{grid-template-columns:1fr;gap:0}
  .pv-rechenweg{padding:12px}
  .pv-gruppe{padding:12px}
}
@media (prefers-reduced-motion:no-preference){
  .pv-wahl label,.pv-sprung a{transition:border-color .15s ease,background-color .15s ease}
  html:has(.pv-seite){scroll-behavior:smooth}
}
.pv-form [hidden],.pv-rechenweg[hidden]{display:none!important}

/* Druckansicht – nur auf Seiten mit .pv-seite */
@media print{
  @page{margin:14mm 12mm}
  body:has(.pv-seite){background:var(--cf-ffffff)!important;color:var(--ct-111111)!important}
  body:has(.pv-seite) .site-header,body:has(.pv-seite) .skip-link,body:has(.pv-seite) .consent-bar,body:has(.pv-seite) .tr-fab,
  body:has(.pv-seite) .area-nav,body:has(.pv-seite) .favorite-tools,body:has(.pv-seite) .hero-actions,body:has(.pv-seite) .site-footer,
  body:has(.pv-seite) .floating-top,body:has(.pv-seite) .deko-layer,body:has(.pv-seite) .deko-badge,body:has(.pv-seite) .pv-sprung,
  body:has(.pv-seite) .calc-actions,body:has(.pv-seite) .related-learning,body:has(.pv-seite) .wk-popover,body:has(.pv-seite) .wk-tooltip{display:none!important}
  body:has(.pv-seite) main{padding:0!important;margin:0!important;font-size:10pt!important;line-height:1.45!important}
  body:has(.pv-seite) main *{color:var(--ct-111111)!important;box-shadow:none!important;text-shadow:none!important}
  body:has(.pv-seite) .page-hero{padding:0 0 8px!important;margin:0!important;min-height:0!important;background:none!important}
  body:has(.pv-seite) .page-hero h1{font-size:20pt!important;margin:4px 0!important;line-height:1.15!important}
  body:has(.pv-seite) .page-hero p{margin:4px 0!important}
  body:has(.pv-seite) .gradient-text{background:none!important;-webkit-text-fill-color:var(--ct-111111)!important}
  body:has(.pv-seite) .container{max-width:none!important;width:auto!important;padding:0!important}
  body:has(.pv-seite) .section{padding:6px 0!important;margin:0!important}
  body:has(.pv-seite) .section>.container>h2{margin:10px 0 6px!important;font-size:15pt!important}
  body:has(.pv-seite) .calculator-grid,body:has(.pv-seite) .pv-wissen{display:block!important}
  body:has(.pv-seite) .calculator-card,body:has(.pv-seite) .panel-card{background:var(--cf-ffffff)!important;border:1px solid var(--cr-6f8396)!important;border-radius:8px!important;padding:10px 12px!important;margin:0 0 10px!important}
  body:has(.pv-seite) .calculator-card h2,body:has(.pv-seite) .panel-card h2{font-size:14pt!important;margin:0 0 6px!important}
  body:has(.pv-seite) .pv-block{break-before:page;page-break-before:always}
  body:has(.pv-seite) .pv-block#strangspannung{break-before:auto;page-break-before:auto}
  body:has(.pv-seite) .pv-wissen .panel-card,body:has(.pv-seite) .rk-skizze,body:has(.pv-seite) .pv-weg>li,body:has(.pv-seite) .pv-gruppe,
  body:has(.pv-seite) .pv-kurz>div,body:has(.pv-seite) .pv-tabelle-box,body:has(.pv-seite) .pv-sicher,body:has(.pv-seite) .pv-ampel{break-inside:avoid;page-break-inside:avoid}
  body:has(.pv-seite) .rk-svg{max-width:300px!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body:has(.pv-seite) .calc-hint,body:has(.pv-seite) .quiet-note,body:has(.pv-seite) .formula,body:has(.pv-seite) .more-details,
  body:has(.pv-seite) .calc-result,body:has(.pv-seite) .pv-rechenweg,body:has(.pv-seite) .pv-sicher,body:has(.pv-seite) .pv-ampel,body:has(.pv-seite) .pv-tabelle thead th{background:var(--cf-ffffff)!important;border-color:var(--cr-111111)!important}
  body:has(.pv-seite) .formula{border:1.5px solid var(--cr-111111)!important;font-weight:800!important}
  body:has(.pv-seite) .calc-input,body:has(.pv-seite) .calc-select{background:var(--cf-ffffff)!important;border:1px solid var(--cr-6f8396)!important;min-height:0!important;padding:4px 8px!important}
  body:has(.pv-seite) .calc-fields,body:has(.pv-seite) .pv-zwei{gap:6px!important}
  body:has(.pv-seite) .pv-wahl label{background:var(--cf-ffffff)!important;border-color:var(--cr-6f8396)!important;min-height:0!important;padding:3px 10px!important}
  body:has(.pv-seite) .pv-kurz>div{border-color:var(--cr-6f8396)!important}
  body:has(.pv-seite) .pv-kurz dd,body:has(.pv-seite) .pv-erg strong,body:has(.pv-seite) .pv-ampel strong{font-weight:900!important}
  body:has(.pv-seite) .pv-weg>li::before{background:var(--cf-ffffff)!important;border-color:var(--cr-111111)!important;color:var(--ct-111111)!important}
  body:has(.pv-seite) .pv-sicher,body:has(.pv-seite) .pv-ampel{border:1.5px solid var(--cr-111111)!important;border-left-width:4px!important}
  body:has(.pv-seite) .pv-ampel-licht{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body:has(.pv-seite) .more-details>div{display:block!important}
  body:has(.pv-seite) h2,body:has(.pv-seite) h3,body:has(.pv-seite) .pv-s-titel,body:has(.pv-seite) legend{break-after:avoid;page-break-after:avoid}
  body:has(.pv-seite) .pv-rechenweg{padding:8px 10px!important;margin-top:8px!important}
  body:has(.pv-seite) .calc-result{min-height:0!important;padding:8px 10px!important;margin-top:8px!important}
  body:has(.pv-seite) .calc-hint{margin:8px 0!important;padding:6px 10px!important}
  body:has(.pv-seite) .rk-skizze{margin:4px 0 8px!important}
  body:has(.pv-seite) .rk-inhalt{grid-template-columns:300px minmax(0,1fr)!important;align-items:start}
  body:has(.pv-seite) a{text-decoration:underline}
  html:has(.pv-seite),body:has(.pv-seite) main,body:has(.pv-seite) .section{background:var(--cf-ffffff)!important}
  body:has(.pv-seite) footer,body:has(.pv-seite) .site-footer,body:has(.pv-seite) .legal-row{display:none!important}
  body:has(.pv-seite) .pv-gruppe,body:has(.pv-seite) .pv-ampel-licht,body:has(.pv-seite) .more-details summary,
  body:has(.pv-seite) .pv-tabelle-box,body:has(.pv-seite) .pv-hinweise,body:has(.pv-seite) .pv-praxis{background:var(--cf-ffffff)!important;border-color:var(--cr-6f8396)!important}
  body:has(.pv-seite) .pv-gruppe legend{background:var(--cf-ffffff)!important;font-weight:900!important}
  body:has(.pv-seite) .calc-result[data-leer]{display:none!important}
  body:has(.pv-seite) .pv-formel{break-before:page;page-break-before:always}
  body:has(.pv-seite) .pv-formel h2,body:has(.pv-seite) .pv-rechenweg h3,body:has(.pv-seite) .pv-wissen h2{break-after:avoid;page-break-after:avoid}
}
