/* mathebook – Formeln, Merkkästen und Tabellen im Formel-Text (Website und Vorschau in der Verwaltung) */
@font-face { font-family: "Latin Modern"; src: url("schriften/latinmodern-regular.woff") format("woff"); font-style: normal; font-display: swap; }
@font-face { font-family: "Latin Modern"; src: url("schriften/latinmodern-italic.woff") format("woff"); font-style: italic; font-display: swap; }
mark { background: linear-gradient(transparent 15%, var(--marker) 15%, var(--marker) 88%, transparent 88%); color: inherit; padding: 0 .1em; }
.merke { position: relative; background: var(--marker); border-radius: 4px 14px 4px 14px; padding: 1.1rem 1.25rem .3rem; margin: 1.5rem 0; }
.merke-titel { display: inline-block; font-family: var(--titel); font-weight: 700; font-size: .9rem; background: var(--tinte); color: var(--grund); padding: .05rem .55rem; border-radius: 4px; margin-bottom: .5rem; }
.tabelle { overflow-x: auto; margin: 0 0 1.25em; }
.tabelle table { border-collapse: collapse; min-width: 50%; background-color: var(--papier); }
.tabelle th, .tabelle td { border: 1.5px solid var(--linie); padding: .4rem .9rem; text-align: center; }
.tabelle th { background: var(--k-hell); }
.text-bild { margin: 1.5rem 0; }
.text-bild img { border: 1px solid var(--linie); border-radius: 4px; background: #fff; }
.text-bild figcaption { font-size: .9rem; color: var(--tinte-2); padding-top: .4rem; }

/* Formeln */
.formel { font-family: var(--mathe); font-size: 1.2em; line-height: 1; white-space: nowrap; }
.formel i { font-style: italic; }
.formel sup, .formel sub { font-size: .7em; line-height: 0; }
.bruch { display: inline-flex; flex-direction: column; vertical-align: middle; text-align: center; margin: 0 .12em; font-size: .92em; }
.bruch > .z { border-bottom: 1.2px solid currentColor; padding: 0 .2em .05em; }
.bruch > .n { padding: .1em .2em 0; }
.wurzel { white-space: nowrap; }
.wurzel .wz { font-size: 1.1em; }
.radikand { border-top: 1.2px solid currentColor; padding: .08em .1em 0 .05em; }

.periode > span { position: relative; display: inline-block; }
.periode > span::before { content: ""; position: absolute; left: 50%; top: -.12em; width: .16em; height: .16em; margin-left: -.08em; border-radius: 50%; background: currentColor; }