/* ===========================================================================
   Stichpunkt-Listen im Stil von physik/klasse-gA/elektrische-felder-gk/
   elektrische-ladung — Fach-neutral über --fach-* .
   Markup:
     <ul class="stichliste aligned" role="list">
       <li><span class="st-term">Begriff:</span><span class="st-text">Kurze Aussage.</span></li>
       <li class="plain">Aussage ohne Begriff.</li>
     </ul>
   =========================================================================== */
.stichliste{list-style:none;padding:0;margin:4px 0 22px;display:grid;gap:10px}
.stichliste li{position:relative;padding-left:28px;font-size:17px;line-height:1.7;color:var(--ink)}
.stichliste li::before{content:'';position:absolute;left:5px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--fach-strong)}
.stichliste li strong{color:var(--fach-ink);font-weight:600}
.stichliste em{font-style:normal;color:var(--fach-ink)}
.stichliste.aligned{display:grid;grid-template-columns:max-content 1fr;column-gap:16px;row-gap:12px;align-items:baseline}
.stichliste.aligned li{display:contents}
.stichliste.aligned li::before{content:none}
.stichliste.aligned .st-term{position:relative;padding-left:28px;font-weight:600;color:var(--fach-ink);font-size:17px;line-height:1.7}
.stichliste.aligned .st-term::before{content:'';position:absolute;left:5px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--fach-strong)}
.stichliste.aligned .st-text{font-size:17px;line-height:1.7;color:var(--ink)}
.stichliste.aligned li.plain{display:block;grid-column:1 / -1;position:relative;padding-left:28px;font-size:17px;line-height:1.7;color:var(--ink)}
.stichliste.aligned li.plain::before{content:'';position:absolute;left:5px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--fach-strong)}
@media(max-width:720px){
  .stichliste.aligned{grid-template-columns:1fr;row-gap:10px}
  .stichliste.aligned li{display:block;position:relative;padding-left:26px}
  .stichliste.aligned li::before{content:'';position:absolute;left:5px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--fach-strong)}
  .stichliste.aligned .st-term{padding-left:0;display:inline;margin-right:.3em}
  .stichliste.aligned .st-term::before{content:none}
  .stichliste.aligned .st-text{display:inline}
}
@media print{.stichliste li::before,.stichliste.aligned .st-term::before,.stichliste.aligned li.plain::before{background:#555}}

/* Brüche in Stichpunkten und Hinweis-Karten (.formel-box hat eigene Regeln) */
.stichliste .frac,.hinweis-card .frac{display:inline-flex;flex-direction:column;vertical-align:middle;line-height:1;margin:0 3px;transform:translateY(-2px)}
.stichliste .frac .fnum,.hinweis-card .frac .fnum{font-size:.72em;border-bottom:2px solid var(--fach-ink);padding:0 6px 2px;text-align:center}
.stichliste .frac .fden,.hinweis-card .frac .fden{font-size:.72em;padding:2px 6px 0;text-align:center}