/* ==========================================================================
   Titelbilder der Notizen (seit 02.10.2026).
   Jede Notiz zeigt ihre Kennzahl, etwa «89 %» oder «2,98 → 0,01», dazu einen
   Satz und, wo es eines gibt, ein echtes Bild aus dem Projekt. Vorher trugen
   alle Briefings dasselbe Kinomotiv in drei Varianten, und die Übersicht sah
   aus wie eine Wand aus gleichen Bildern.
   Markup: site/notizen/build.cjs (Funktion cover). Gebraucht auf den Notizen
   und im Notizen-Teaser der Startseite.
   Die Grössen hängen an der Kartenbreite (Container-Einheiten cqw), damit
   dieselbe Karte im Raster, gross oben und auf dem Handy gleich aufgeht.
   ========================================================================== */
/* Achtung: cqw gilt nur für die Kinder. Am Container selbst fiele es auf die
   Fensterbreite zurück, deshalb hier Prozent (bezogen auf die Kartenbreite). */
.cov{--cov-bg:#111114;--cov-ink:#F2F2F0;--cov-mut:rgba(242,242,240,.7);--cov-akz:#F2924A;
     position:relative;display:flex;flex-direction:column;justify-content:space-between;
     aspect-ratio:16/9;overflow:hidden;isolation:isolate;container-type:inline-size;
     padding:5.6% 6.2%;background:var(--cov-bg);color:var(--cov-ink);font-family:var(--sans,'Inter',system-ui,sans-serif);
     text-align:left;line-height:1.2}
.cov.kat-messung{--cov-akz:#4FCF8F}
.cov.kat-praxisnotiz{--cov-akz:#F2B25C}
.cov.kat-briefing{--cov-akz:#F2924A}
/* Grund: ein leichter Verlauf und das Strichmuster der Kategorie, rechts. */
.cov::before{content:"";position:absolute;inset:0;z-index:-2;
     background:radial-gradient(80% 90% at 100% 100%,rgba(229,105,16,.16),transparent 60%),
                linear-gradient(180deg,#141418,#0E0E10)}
.cov-muster{position:absolute;inset:0;z-index:-1;opacity:.5}
.cov-muster svg{position:absolute;right:0;bottom:0;width:62%;height:auto;display:block}
.cov-bild{position:absolute;top:0;right:0;z-index:-1;width:64%;height:100%;object-fit:cover;object-position:left top;
     -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%);
     opacity:.92}
.cov.mit-bild .cov-muster{display:none}
.cov.mit-bild::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
     background:linear-gradient(90deg,rgba(14,14,16,.92) 0,rgba(14,14,16,.6) 42%,rgba(14,14,16,0) 72%)}
.cov-meta{font-family:var(--mono,'JetBrains Mono',monospace);font-size:max(9.5px,2.05cqw);letter-spacing:.14em;
     text-transform:uppercase;color:var(--cov-mut)}
.cov-unten{display:block;margin-top:auto;padding-top:3cqw}
.cov-zahl{display:block;font-weight:600;font-size:14.5cqw;line-height:.95;letter-spacing:-.045em;color:var(--cov-akz);
     font-variant-numeric:tabular-nums;white-space:nowrap}
.cov.mit-bild .cov-zahl{text-shadow:0 2px 24px rgba(0,0,0,.45)}
.cov[data-laenge="m"] .cov-zahl{font-size:11cqw}
.cov[data-laenge="l"] .cov-zahl{font-size:8.2cqw;letter-spacing:-.035em}
.cov[data-laenge="xl"] .cov-zahl{font-size:6.2cqw;letter-spacing:-.025em}
.cov-text{display:block;margin-top:2.4cqw;max-width:62%;font-size:max(11.5px,3cqw);line-height:1.3;font-weight:500;
     color:var(--cov-ink);text-wrap:balance}
.cov.mit-bild .cov-text{max-width:48%}
.cov-balken{display:block;margin-top:3cqw;height:max(4px,1.1cqw);max-width:66%;border-radius:99px;
     background:rgba(242,242,240,.13);overflow:hidden}
.cov-balken i{display:block;height:100%;width:var(--w,0%);border-radius:inherit;background:var(--cov-akz)}
/* Wo Kategorie und Datum schon neben dem Bild stehen (Karten, Beitragskopf),
   bleibt das Bild ohne diese Zeile. */
.nz-karte .cov-meta,.ntz-card .cov-meta,.a-cover .cov-meta{display:none}