/* Nachhilfe Online – Lernhelfer: Aufgabe des Tages, Klassenarbeits-Planer, Formelsammlung (nho-premium-lernhelfer.php).
   Nur Klassen mit Präfix nho-lh-, nho-adt-, nho-planer-, nho-fs-. Farben ausschließlich aus den Premium-Tokens (base.css),
   dadurch passen Hell und Dunkel automatisch. Tippflächen ≥ 44 px, kein Querscrollen. Am Ende: Druckansicht. */
.nho-lh-page,.nho-rechner-page{--nho-lh-err:#b42318;--nho-lh-err-bg:#fef3f2;--nho-lh-ok-bg:rgba(31,157,91,.1);--nho-lh-ok:#136b3d}
html[data-look="dunkel"] .nho-lh-page,html[data-look="dunkel"] .nho-rechner-page{--nho-lh-err:#ff9b8f;--nho-lh-err-bg:rgba(255,120,100,.1);--nho-lh-ok-bg:rgba(79,209,139,.12);--nho-lh-ok:#4fd18b}
.nho-lh-sec{scroll-margin-top:90px}
.nho-lh-page .pm-hero-page{padding-block:clamp(24px,4vw,56px) clamp(32px,5vw,64px)}
.nho-lh-page .pm-hero-page+.pm-sec{padding-top:clamp(8px,2vw,24px)}

/* ---------- Gemeinsame Bausteine */
.nho-lh-kopf{display:grid;gap:8px}
.nho-lh-kopf h2,.nho-adt-h{font-size:clamp(1.7rem,4vw,2.6rem)}
.nho-lh-nojs{margin:0;padding:14px 18px;border:1px dashed var(--pm-line);border-radius:16px;color:var(--pm-muted);font-size:16px}
.nho-lh-nojs a{color:var(--pm-orange-ink)}
.nho-lh-hint{color:var(--pm-muted);font-size:14px;line-height:1.45}
.nho-lh-optional{color:var(--pm-muted);font-weight:400}
.nho-lh-privacy{margin:0;color:var(--pm-muted);font-size:13.5px;line-height:1.5}
.nho-lh-form{display:grid;gap:18px;min-width:0}
.nho-lh-form[hidden],[data-adt-body][hidden],.nho-lh-nojs[hidden]{display:none!important}
.nho-lh-field{display:grid;gap:7px;min-width:0}
.nho-lh-field label,.nho-adt-form label,.nho-lh-seg legend{color:var(--pm-ink);font:600 15px/1.35 var(--pm-sans)}
.nho-lh-page input[type=text],.nho-lh-page input[type=date],.nho-lh-page textarea,.nho-adt input[type=text]{box-sizing:border-box;width:100%;min-width:0;min-height:52px;margin:0;padding:12px 14px;border:1px solid var(--pm-line);border-radius:14px;background:var(--pm-paper);color:var(--pm-ink);font:500 17px/1.35 var(--pm-sans);box-shadow:none;transition:border-color .2s,box-shadow .2s}
.nho-lh-page textarea{min-height:120px;resize:vertical}
.nho-lh-page input[type=date]{appearance:none;-webkit-appearance:none;display:block;text-align:left}
.nho-lh-page input::placeholder,.nho-lh-page textarea::placeholder,.nho-adt input::placeholder{color:var(--pm-muted);opacity:.75}
.nho-lh-page input:focus,.nho-lh-page textarea:focus,.nho-adt input:focus{outline:none;border-color:var(--pm-orange);box-shadow:0 0 0 4px rgba(255,116,24,.2)}
.nho-lh-page [aria-invalid=true],.nho-adt [aria-invalid=true]{border-color:var(--nho-lh-err)!important;box-shadow:0 0 0 3px var(--nho-lh-err-bg)!important}
.nho-lh-err{margin:0;color:var(--nho-lh-err);font-size:14.5px;font-weight:500;line-height:1.45}
.nho-lh-err::before{content:"! ";font-weight:700}
.nho-lh-err[hidden]{display:none}
.nho-lh-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
@media(max-width:520px){.nho-lh-actions .pm-btn{width:100%}}
.nho-lh-reset{min-height:44px;margin:0;padding:0 6px;border:0;background:none;color:var(--pm-ink);font:600 15px var(--pm-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.nho-lh-links{margin-top:28px}

/* Umschalter (Radiogruppe als Segmente) */
.nho-lh-seg{min-width:0;margin:0;padding:0;border:0}
.nho-lh-seg legend{margin-bottom:10px;padding:0}
.nho-lh-seg-opts{display:flex;flex-wrap:wrap;gap:8px}
.nho-lh-seg input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.nho-lh-seg label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--pm-line);border-radius:999px;background:var(--pm-paper);color:var(--pm-ink);font:600 15px/1.2 var(--pm-sans);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.nho-lh-seg label:hover{border-color:var(--pm-ink)}
.nho-lh-seg input:checked+label{background:var(--pm-ink);border-color:var(--pm-ink);color:var(--pm-surface)}
.nho-lh-seg input:focus-visible+label{outline:2px solid var(--pm-orange);outline-offset:3px}

/* Lösungsschritte */
.nho-lh-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:nho-lh-step}
.nho-lh-steps li{position:relative;padding-left:34px;color:var(--pm-muted);font-size:15.5px;line-height:1.55;counter-increment:nho-lh-step;overflow-wrap:anywhere}
.nho-lh-steps li::before{content:counter(nho-lh-step);position:absolute;left:0;top:1px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(255,116,24,.14);color:var(--pm-orange-ink);font-size:12.5px;font-weight:700}

/* ---------- Aufgabe des Tages */
.nho-adt{display:grid;gap:20px;min-width:0;padding:clamp(18px,3.4vw,36px);border:1px solid var(--pm-line);border-radius:28px;background:var(--pm-surface);box-shadow:0 40px 90px -50px rgba(10,15,36,.4)}
.nho-adt-kopf{display:grid;gap:6px;min-width:0}
.nho-adt-datum{margin:0;color:var(--pm-muted);font-size:15px}
.nho-adt-body{display:grid;gap:18px;min-width:0}
.nho-adt-karte{display:grid;gap:14px;min-width:0;padding:clamp(16px,2.6vw,26px);border:1px solid var(--pm-line);border-radius:22px;background:var(--pm-paper)}
.nho-adt-thema{margin:0;color:var(--pm-orange-ink);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.nho-adt-frage{margin:0;color:var(--pm-ink);font:500 clamp(1.15rem,2.4vw,1.4rem)/1.45 var(--pm-sans);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.nho-adt-form{display:grid;gap:7px;min-width:0}
.nho-adt-reihe{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media(min-width:560px){.nho-adt-reihe{grid-template-columns:minmax(0,1fr) auto}}
.nho-adt .nho-adt-reihe input[type=text]{background:var(--pm-surface)}
.nho-adt-feedback{margin:0;font-size:16px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.nho-adt-feedback:empty{display:none}
.nho-adt-feedback.nho-adt-richtig{padding:12px 14px;border-radius:14px;background:var(--nho-lh-ok-bg);color:var(--nho-lh-ok)}
.nho-adt-feedback.nho-adt-falsch,.nho-adt-feedback.nho-adt-ungueltig{padding:12px 14px;border-radius:14px;background:var(--nho-lh-err-bg);color:var(--nho-lh-err)}
.nho-adt-loesung{min-width:0;border-top:1px solid var(--pm-line);padding-top:6px}
.nho-adt-loesung summary{display:flex;align-items:center;min-height:44px;color:var(--pm-ink);font:600 16px var(--pm-sans);cursor:pointer;list-style:none}
.nho-adt-loesung summary::-webkit-details-marker{display:none}
.nho-adt-loesung summary::before{content:"+";display:inline-grid;place-items:center;width:26px;height:26px;margin-right:10px;border:1px solid var(--pm-line);border-radius:50%;color:var(--pm-orange-ink);font-weight:700}
.nho-adt-loesung[open] summary::before{content:"−"}
.nho-adt-loesung summary:focus-visible{outline:2px solid var(--pm-orange);outline-offset:3px;border-radius:8px}
.nho-adt-loesung .nho-lh-steps{margin-top:8px}
.nho-adt-ergebnis{margin:14px 0 0;color:var(--pm-ink);font-size:17px;font-weight:600;overflow-wrap:anywhere}
.nho-adt-mehr{justify-self:start;display:inline-flex;align-items:center;min-height:44px;color:var(--pm-orange-ink);font-weight:600;text-decoration:none}
.nho-adt-mehr:hover{text-decoration:underline}
/* Kompakt oben auf /rechner/: auf breiten Bildschirmen Kopf links, Aufgabe rechts */
.nho-adt-sec{padding-block:0 clamp(24px,4vw,40px)}
.nho-adt-kompakt{gap:16px;padding:clamp(16px,2.8vw,28px)}
.nho-adt-kompakt .nho-adt-h{font-size:clamp(1.45rem,3vw,2rem)}
@media(min-width:960px){
  .nho-adt-kompakt{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);column-gap:36px;align-items:start}
  .nho-adt-kompakt .nho-adt-body{grid-row:span 2}
  .nho-adt-kompakt .nho-lh-nojs{grid-column:2}
}

/* ---------- Klassenarbeits-Planer */
.nho-planer{display:grid;gap:22px;min-width:0;padding:clamp(18px,3.4vw,40px);border:1px solid var(--pm-line);border-radius:28px;background:var(--pm-surface);box-shadow:0 40px 90px -50px rgba(10,15,36,.4)}
@media(min-width:1000px){.nho-planer{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:48px;align-items:start}}
.nho-planer-eingabe{display:grid;gap:20px;min-width:0}
.nho-planer-ergebnis{min-width:0}
.nho-planer-leer{margin:0;padding:18px 20px;border:1px dashed var(--pm-line);border-radius:22px;color:var(--pm-muted);font-size:15px}
.nho-planer-leer[hidden],.nho-planer-out[hidden]{display:none}
.nho-planer-out{display:grid;gap:14px;min-width:0;padding:clamp(18px,2.6vw,28px);border:1px solid var(--pm-line);border-radius:22px;background:var(--pm-paper);outline:none}
.nho-planer-druckmarke,.nho-fs-druckmarke{display:none}
.nho-planer-titel{margin:0;font-size:clamp(1.3rem,2.6vw,1.7rem)!important;line-height:1.25;overflow-wrap:anywhere}
.nho-planer-countdown{display:flex;align-items:center;gap:14px;margin:0}
.nho-planer-zahl{flex:none;min-width:64px;height:64px;padding:0 10px;display:grid;place-items:center;border-radius:18px;background:var(--pm-ink);color:var(--pm-surface);font:600 30px/1 var(--pm-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.nho-planer-zahl-text{color:var(--pm-ink);font-size:18px;font-weight:600;line-height:1.35}
.nho-planer-hinweis{margin:0;color:var(--pm-muted);font-size:15px;line-height:1.5}
.nho-planer-liste{display:grid;gap:10px;margin:4px 0 0;padding:0;list-style:none}
.nho-planer-tag{display:grid;gap:6px;min-width:0;padding:12px 14px 12px 16px;border:1px solid var(--pm-line);border-left:4px solid var(--pm-sky);border-radius:14px;background:var(--pm-surface);break-inside:avoid}
.nho-planer-tag-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.nho-planer-box{flex:none;width:18px;height:18px;border:1.5px solid var(--pm-muted);border-radius:5px}
.nho-planer-datum{color:var(--pm-muted);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.nho-planer-art{color:var(--pm-ink);font-size:16px;font-weight:700}
.nho-planer-dauer{color:var(--pm-muted);font-size:13.5px}
.nho-planer-themen{margin:0;color:var(--pm-ink);font-size:15px;font-weight:500;overflow-wrap:anywhere}
.nho-planer-text{margin:0;color:var(--pm-muted);font-size:14.5px;line-height:1.5}
.nho-planer-ueben{border-left-color:var(--pm-orange)}
.nho-planer-beides{border-left-color:var(--pm-orange)}
.nho-planer-probe,.nho-planer-fehler{border-left-color:var(--pm-orange-ink)}
.nho-planer-frei,.nho-planer-pause{border-left-color:var(--pm-ok)}
.nho-planer-arbeit{border-left-color:var(--pm-ink);background:var(--pm-ink)}
.nho-planer-arbeit .nho-planer-art,.nho-planer-arbeit .nho-planer-datum{color:var(--pm-surface)}
.nho-planer-arbeit .nho-planer-text{color:var(--pm-surface);opacity:.82}
.nho-planer-arbeit .nho-planer-box{display:none}
.nho-planer-cta{display:grid;gap:10px;margin-top:6px}
.nho-planer-cta-t{margin:0;color:var(--pm-ink);font-size:18px;font-weight:700}
.nho-planer-cta .pm-btn{justify-self:start}
@media(max-width:520px){.nho-planer-cta .pm-btn{justify-self:stretch}}

/* ---------- Formelsammlung */
.nho-fs-tabs{position:sticky;top:var(--nho-fs-top,72px);z-index:5;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:10px 0;background:var(--pm-paper)}
.nho-fs-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--pm-line);border-radius:999px;background:var(--pm-surface);color:var(--pm-ink);font:600 15px var(--pm-sans);text-decoration:none}
.nho-fs-tabs a:hover{border-color:var(--pm-ink)}
.nho-fs-tabs a[aria-current=true]{background:var(--pm-ink);border-color:var(--pm-ink);color:var(--pm-surface)}
.nho-fs-tabs a:focus-visible{outline:2px solid var(--pm-orange);outline-offset:3px}
.nho-fs-tabs a[hidden]{display:none}
@media(max-width:600px){.nho-fs-tabs{position:static}}
.nho-fs .nho-fs-hinweis{max-width:76ch;margin:0 0 clamp(20px,3vw,32px);color:var(--pm-muted);font-size:14.5px;line-height:1.55}
.nho-fs-stufe{scroll-margin-top:150px}
.nho-fs-stufe+.nho-fs-stufe{margin-top:clamp(40px,6vw,72px)}
.nho-fs-js .nho-fs-stufe+.nho-fs-stufe{margin-top:0}
.nho-fs-js .nho-fs-stufe:not([hidden])~.nho-fs-stufe:not([hidden]){margin-top:clamp(40px,6vw,72px)}
.nho-fs-stufe[hidden]{display:none}
.nho-fs-stufe-kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;margin-bottom:20px}
.nho-fs-stufe-kopf h2{margin:0 0 6px;font-size:clamp(1.8rem,4vw,2.6rem)}
.nho-fs-stufe-kopf p{margin:0;color:var(--pm-muted);max-width:62ch}
.nho-fs-stufe-kopf h2:focus{outline:none}
.nho-fs-druck[hidden]{display:none}
@media(max-width:520px){.nho-fs-druck{width:100%}}
.nho-fs-karten{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:760px){.nho-fs-karten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1180px){.nho-fs-karten{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nho-fs-karte{display:flex;flex-direction:column;gap:12px;min-width:0;padding:clamp(18px,2.4vw,26px);border:1px solid var(--pm-line);border-radius:20px;background:var(--pm-surface);break-inside:avoid}
.nho-fs-karte h3{margin:0;font:600 clamp(1.15rem,2vw,1.35rem)/1.2 var(--pm-sans);letter-spacing:-.02em}
.nho-fs-liste{display:grid;gap:12px;margin:0}
.nho-fs-zeile{display:grid;gap:3px;min-width:0;padding-top:12px;border-top:1px solid var(--pm-line)}
.nho-fs-zeile:first-child{padding-top:0;border-top:0}
.nho-fs-zeile dt{color:var(--pm-muted);font-size:13.5px;font-weight:600}
.nho-fs-zeile dd{margin:0}
.nho-fs-f{color:var(--pm-ink);font-size:17px;line-height:2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.nho-fs-n{color:var(--pm-muted);font-size:13.5px;line-height:1.45}
.nho-fs-f sup,.nho-fs-f sub,.nho-fs-n sup,.nho-fs-n sub,.nho-fs-zeile dt sup,.nho-fs-zeile dt sub{font-size:.72em;line-height:0}
.nho-fs-rechner{display:flex;flex-wrap:wrap;gap:4px 14px;margin:auto 0 0;padding-top:6px;font-size:14px}
.nho-fs-rechner span{color:var(--pm-muted)}
.nho-fs-rechner a{display:inline-flex;align-items:center;min-height:44px;color:var(--pm-orange-ink);font-weight:600;text-decoration:none}
.nho-fs-rechner a:hover{text-decoration:underline}
/* Formelsatz: Bruch, Wurzel, Vektorpfeil, Spaltenvektor, Grenzen */
.nho-fs-fr{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 .15em;line-height:1.25;font-size:.92em;text-align:center}
.nho-fs-fz{padding:0 .2em .08em}
.nho-fs-fn{padding:.08em .2em 0;border-top:1.5px solid currentColor;align-self:stretch}
.nho-fs-wu{display:inline-flex;align-items:flex-start;white-space:nowrap}
.nho-fs-wu-n{margin-right:-.35em;font-size:.6em!important;line-height:1.2!important;align-self:flex-start}
.nho-fs-wu-z{font-size:1.1em;line-height:1.1}
.nho-fs-wu-r{padding:0 .1em 0 .05em;border-top:1.5px solid currentColor;line-height:1.3;margin-top:.08em}
.nho-fs-ve{position:relative;display:inline-block;padding-top:.15em}
.nho-fs-ve::before{content:"";position:absolute;left:.05em;right:.05em;top:.05em;height:1.5px;background:currentColor}
.nho-fs-ve::after{content:"";position:absolute;right:0;top:-.12em;border:solid currentColor;border-width:1.5px 1.5px 0 0;width:.28em;height:.28em;transform:rotate(45deg)}
.nho-fs-col{display:inline-flex;vertical-align:middle;margin:0 .15em}
.nho-fs-col-in{display:inline-flex;flex-direction:column;align-items:center;padding:.05em .4em;border-left:1.5px solid currentColor;border-right:1.5px solid currentColor;border-radius:.6em;line-height:1.3;font-size:.92em}
.nho-fs-lim{display:inline-flex;align-items:center;vertical-align:middle}
.nho-fs-lim-s{font-size:1.5em;line-height:1}
.nho-fs-lim-g{display:inline-flex;flex-direction:column;justify-content:space-between;margin-left:.08em;font-size:.68em;line-height:1.1}
.nho-fs-lim-g sup,.nho-fs-lim-g sub{font-size:1em!important;line-height:1.1!important;vertical-align:baseline}

/* ---------- Druckansicht: nur Plan bzw. gewählte Formelstufe, hell, ohne Kopf, Fuß, Cookie-Hinweis und Buttons */
@media print{
  html,html[data-look]{--pm-paper:#fff;--pm-surface:#fff;--pm-ink:#0a0f24;--pm-muted:#3d4558;--pm-line:#c9ced9;--pm-orange-ink:#8a3a05;--pm-ok:#1a7a47;color-scheme:light}
  body.nho-lh-druck{background:#fff!important;color:#0a0f24!important}
  body.nho-lh-druck .site-header,body.nho-lh-druck .site-footer,body.nho-lh-druck .skip-link,body.nho-lh-druck .nho-mobile-menu,
  body.nho-lh-druck .pm-hero,body.nho-lh-druck [data-lh-noprint],body.nho-lh-druck #cmplz-cookiebanner-container,body.nho-lh-druck .cmplz-cookiebanner,
  body.nho-lh-druck .cmplz-manage-consent,body.nho-lh-druck .nho-look-toggle,body.nho-lh-druck .nho-fs-hinweis{display:none!important}
  body.nho-lh-druck .pm-sec{padding:0!important;background:none!important;border:0!important}
  body.nho-lh-druck .pm-wrap{max-width:none;padding:0}
  body.nho-lh-druck .nho-planer,body.nho-lh-druck .nho-planer-out{display:block;padding:0;border:0;box-shadow:none;background:none}
  body.nho-lh-druck .nho-planer-druckmarke,body.nho-lh-druck .nho-fs-druckmarke{display:block;margin:0 0 4px;font-size:10pt}
  body.nho-lh-druck .nho-planer-titel{margin-bottom:8px}
  body.nho-lh-druck .nho-planer-countdown,body.nho-lh-druck .nho-planer-hinweis{margin-bottom:8px}
  body.nho-lh-druck .nho-planer-zahl{border:1.5px solid #0a0f24;background:#fff;color:#0a0f24}
  body.nho-lh-druck .nho-planer-liste{gap:6px}
  body.nho-lh-druck .nho-planer-tag{padding:5px 10px;gap:2px;border-radius:8px}
  body.nho-lh-druck .nho-planer-text{font-size:9pt;line-height:1.35}
  body.nho-lh-druck .nho-planer-themen{font-size:9.5pt}
  body.nho-lh-druck .nho-planer-arbeit{background:#fff}
  body.nho-lh-druck .nho-planer-arbeit .nho-planer-art,body.nho-lh-druck .nho-planer-arbeit .nho-planer-datum,body.nho-lh-druck .nho-planer-arbeit .nho-planer-text{color:#0a0f24;opacity:1}
  body.nho-lh-druck .nho-fs-stufe:not([hidden])~.nho-fs-stufe:not([hidden]){break-before:page;margin-top:0}
  body.nho-lh-druck .nho-fs-stufe-kopf{margin-bottom:10px}
  body.nho-lh-druck .nho-fs-karten{display:block;columns:2;column-gap:8px}
  body.nho-lh-druck .nho-fs-karte{display:flex;margin:0 0 8px;padding:10px 12px;border-radius:8px;gap:6px;break-inside:avoid;page-break-inside:avoid}
  body.nho-lh-druck .nho-fs-f{font-size:11pt;line-height:1.8}
  body.nho-lh-druck .nho-fs-zeile{padding-top:6px}
  body.nho-lh-druck .nho-fs-liste{gap:6px}
  body.nho-lh-druck .pm-reveal{opacity:1!important;transform:none!important}
  @page{margin:14mm 12mm}
}