@layer trump {
/* v3/trump.css — der ERSTE Layer, und ausschliesslich !important.
 *
 * WARUM ER ZUERST STEHT: Bei !important ist die Layer-Reihenfolge INVERTIERT -
 * der erste Layer gewinnt. Deshalb ist das hier der einzige Ort, an dem sich
 * ein Legacy-!important schlagen laesst.
 *
 * WARUM ER FAST LEER IST: Die 30 Legacy-Sheets liegen im Layer `legacy`, ihre
 * NORMALEN Deklarationen verlieren also ohnehin gegen layout/components/panels.
 * Und die zwei Dateien mit 177 der 212 !important (shell-mobile.css,
 * shell-mobile-perfect.css) laedt v3 gar nicht erst. Es bleibt also nur, was
 * in den geladenen Sheets mit !important steht UND v3 im Weg ist.
 *
 * REGEL: Hier stehen NUR !important-Deklarationen, jede mit Begruendung.
 * Normale Regeln waeren hier die schwaechsten des ganzen Dokuments - sie
 * gehoeren nach layout, components oder panels.
 */

/* akhilius-pet.css setzt die Pet-Position mit !important und kollidiert unter
   720px mit der neuen Bottom-Bar. */
@media (max-width: 720px) {
  .akh-pet { bottom: calc(var(--bottombar-h) + var(--sp-3)) !important; }
}
}