/* ==========================================================================
   The Evening Prim · die Zeitung (design_handoff_evening_prim, 07.10.2026)

   Abgelesen von EveningPrim.dc.html (Fassung 07:50), jeder Wert aus einem
   style-Attribut der Vorlage. Kopf und Fuss sind die des Hauses (x-layout:
   header.css 68 px, 1280 breit, der grosse Fuss); die Vorlage zeichnet beide
   nur, mit 64 px und einem kleinen Fuss. Die Breite 1280 mit 32 Rand steht
   hier ein weiteres Mal (.ep-main, .ep-proof__in) · in die Liste bei
   .sh__inner in header.css eintragen.

   Farben: Papierton und die warmen Grautoene der Vorlage als --ep-*, was das
   Haus schon hat, aus site.css (--ink #23232B, --text-2 #5C5C67,
   --primary-deep #5B34EF, --primary #6E4BFF, --orange #FF8A3D,
   --yellow #FFC53D, --mono). Tweak "paper" der Vorlage: .ep--white.

   Abweichungen von der Vorlage, bewusst:
   * Die Container-Abfragen (980, 640) stehen als Media-Abfragen mit denselben
     Schwellen: der Container der Vorlage ([data-root]) ist die ganze Seite.
   * Telefon und schmal: die Vorlage vergisst drei Dinge. Titelgeschichte und
     Dreierreihe behalten ihren rechten Innenabstand (36/28 px, das Bild endet
     vor der Kante), die Artikel der Dreierreihe und die drei Zahlen stehen
     ohne jeden Abstand aufeinander, und die Linie ueber "In this edition"
     klebt am letzten Link. Hier: Innenabstand 0, die senkrechten Haarlinien
     werden waagrechte (wie es die Vorlage beim Inhaltsverzeichnis selbst
     macht), 28 px Luft.
   * Fehlt einer Zweier- oder Dreierreihe eine Seite, steht der Rest allein
     ueber die volle Breite, mit seinen zwei Teilen nebeneinander (ep-part--a
     und --b, Abstand 40 wie die Zweierreihen der Vorlage). Begruendung: eine
     halbe Seite mit leerer rechter Haelfte sieht aus wie ein Satzfehler, und
     ein einzelner Artikel ueber 1216 px haette zu lange Zeilen.

   Klassen: ep-. Nie ad-, banner, promo, popup, newsletter (Werbeblocker).

   Schrift: Newsreader (Production Type), SIL Open Font License 1.1, Text der
   Lizenz unter /assets/newsreader-OFL.txt. Selbst gehostet, variabel (opsz
   6..72, wght 200..800). Nie von Google laden: das bricht grid:claims.
   ========================================================================== */

@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;
  src:url("/assets/newsreader-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;
  src:url("/assets/newsreader-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;
  src:url("/assets/newsreader-italic-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;
  src:url("/assets/newsreader-italic-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ---------------------------------------------------------------- Grund --- */
.ep{
  --ep-serif:'Newsreader',Georgia,serif;
  --ep-paper:#FBFAF6;        /* Tweak paper: warm (Vorgabe) */
  --ep-ink-2:#3A3A44;        /* Fliesstext zweiter Ordnung */
  --ep-rule:#E4E1DA;         /* Haarlinie */
  --ep-chip:#D9D5CC;         /* Rand der Chips, der Paid-Karten */
  --ep-paid:#F4F2EC;         /* Grund der Paid-Karten */
  --ep-blank:#ECE9E2;        /* Grund ohne Bild */
  --ep-faint:#8E8B83;
  --ep-night:#0E0F18;        /* Grund unter Fotos */
  --ep-box:#1B1D2B;          /* Light report, Place an ad */
  --ep-box-ink:#E9E9ED;
  --ep-box-2:#B9B8C6;
  --ep-box-3:#C9C8D4;
  --ep-box-link:#C9B8FF;
  --ep-welcome:#F4F1FE;
  --ep-qsl:#FFFDF6;          /* QSL-Karte */
  --ep-qsl-rule:#E4DCC6;
  --ep-qsl-ink:#8A6D1E;
  --ep-photo:#FFFFFF;        /* Rand der Booth-Bilder */
  background:var(--ep-paper);
  color:var(--ink);
}
.ep--white{--ep-paper:#FFFFFF;}  /* Tweak paper: white */

.ep [id]{scroll-margin-top:84px;}  /* unter dem klebenden Kopf (68) */
.ep a:focus-visible,.ep button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}

/* Probe-Ausgabe: der schmale Streifen ganz oben (nicht in der Vorlage; Ton
   aus ihrem Light report: Nachtblau, Bernstein, Mono wie die Kicker). */
.ep-proof{background:var(--ep-box);color:var(--yellow);}
.ep-proof__in{max-width:1280px;margin:0 auto;padding:9px 32px;font-family:var(--mono);font-size:10.5px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;text-align:center;line-height:1.5;}

.ep-main{max-width:1280px;margin:0 auto;padding:44px 32px 72px;animation:ep-in .45s cubic-bezier(.2,.8,.25,1) both;}
@keyframes ep-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ------------------------------------------------------------- Bausteine --- */
.ep-kicker{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-deep);}
.ep-kicker--ink{color:var(--ink);}
.ep-kickRow{display:flex;align-items:center;gap:10px;}
.ep-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none;}
.ep-dot--8{width:8px;height:8px;}
.ep-dot--in{margin-left:10px;vertical-align:middle;}
.ep-pic{overflow:hidden;}
.ep-pic img{display:block;width:100%;height:100%;object-fit:cover;}
.ep-cap{margin-top:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--text-2);}
.ep-link{font-size:14.5px;}
.ep-more{display:inline-block;margin-top:14px;font-size:14.5px;}
.ep-h3{margin:10px 0 0;font-family:var(--ep-serif);font-size:32px;font-weight:600;letter-spacing:-.7px;line-height:1.1;text-wrap:balance;}

/* Chips: Kleinanzeigen-Rubriken (Links) und Tipps bei Where was this? (Knoepfe) */
.ep-chip{display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--ep-chip);
  background:transparent;color:var(--ep-ink-2);font-family:inherit;font-size:13.5px;line-height:1;cursor:pointer;white-space:nowrap;}
.ep-chip:hover{color:var(--ep-ink-2);}
.ep-chip.is-on,.ep-chip[aria-pressed="true"],.ep-chip.is-on:hover,.ep-chip[aria-pressed="true"]:hover{border-color:var(--ink);background:var(--ink);color:#fff;}
.ep-chip:disabled{cursor:default;}

/* Linien zwischen den Gruppen: 44 ueber jeder; doppelt, einfach, schwer */
.ep-rule{margin-top:44px;border-top:1px solid var(--ink);}
.ep-rule--double{border-top:3px double var(--ink);}
.ep-rule--heavy{border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding-top:2px;}

/* -------------------------------------------------------------- Zeitungskopf */
.ep-mast{text-align:center;}
.ep-eyebrow{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);}
.ep-title{margin:10px 0 0;font-family:var(--ep-serif);font-size:clamp(56px,9vw,112px);font-weight:600;letter-spacing:-3px;line-height:.95;}
.ep-motto{margin:12px auto 0;max-width:46ch;font-family:var(--ep-serif);font-size:18px;font-style:italic;line-height:1.45;color:var(--text-2);}
.ep-mastRule{margin-top:26px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:2px 0 0;}
.ep-dateline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--ink);
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);}
.ep-dateline__mid{color:var(--text-2);}
.ep-dateline a,.ep-dateline a:hover{color:var(--ink);}

.ep-welcome{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:13px 18px;border-radius:12px;
  background:var(--ep-welcome);font-size:15.5px;line-height:1.5;}
.ep-welcome__text{flex:1;min-width:240px;}
.ep-welcome--ask{margin-top:10px;background:transparent;border:1px solid var(--ep-chip);}
.ep-welcome__btn{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:#fff;
  font-family:inherit;font-size:14px;cursor:pointer;}
.ep-welcome__btn--quiet{background:transparent;color:var(--ink);border-color:var(--ep-chip);}

/* -------------------------------------------------- Titelgeschichte + Seite */
.ep-front{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0;margin-top:28px;}
.ep-lead{min-width:0;padding-right:36px;}
.ep-lead__pic{aspect-ratio:16 / 9;border-radius:4px;background:var(--ep-night);}
.ep-lead > .ep-lead__kick:not(:first-child){margin-top:22px;}
.ep-lead__title{margin:10px 0 0;font-family:var(--ep-serif);font-size:clamp(34px,4.4vw,52px);font-weight:600;letter-spacing:-1.2px;line-height:1.04;text-wrap:balance;}
.ep-lead__stand{margin:14px 0 0;font-family:var(--ep-serif);font-size:22px;line-height:1.4;color:var(--ep-ink-2);text-wrap:pretty;}
.ep-lead__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 32px;margin-top:20px;}
.ep-lead__cols p{margin:0 0 14px;font-family:var(--ep-serif);font-size:18px;line-height:1.62;color:var(--ink);text-wrap:pretty;}
.ep-acts{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin-top:6px;}
.ep-go{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:10px;background:var(--ink);color:#fff;font-size:14.5px;font-weight:600;}
.ep-go:hover{background:#000;color:#fff;}
.ep-coord{font-family:var(--mono);font-size:11px;color:var(--text-2);}

.ep-side{min-width:0;border-left:1px solid var(--ink);padding-left:28px;}
.ep-index{display:block;margin-top:10px;}
.ep-index a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--ep-rule);color:var(--ink);}
.ep-index a:hover{color:var(--primary-deep);}
.ep-index__t{font-family:var(--ep-serif);font-size:17px;line-height:1.3;}

.ep-light{margin-top:28px;padding:18px;border-radius:6px;background:var(--ep-box);color:var(--ep-box-ink);}
.ep-side > .ep-light:first-child{margin-top:0;}
.ep-light__head{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);}
.ep-light__pic{margin-top:12px;aspect-ratio:4 / 3;border-radius:4px;}
.ep-light__headline{margin:12px 0 0;font-family:var(--ep-serif);font-size:17px;line-height:1.45;}
.ep-light__text{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--ep-box-2);}
.ep-light__link,.ep-light__link:hover{display:inline-block;margin-top:10px;font-size:14px;color:var(--ep-box-link);}

/* --------------------------------------------------- Seen from the train --- */
.ep-train{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;margin-top:30px;align-items:start;}
.ep-train__pic,.ep-train__text{min-width:0;}
.ep-ba{position:relative;aspect-ratio:16 / 10;border-radius:4px;overflow:hidden;background:var(--ep-night);user-select:none;}
.ep-ba__img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;}
.ep-ba__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--ep-split,50%)) 0 0);}
.ep-ba__handle{position:absolute;top:0;bottom:0;left:var(--ep-split,50%);width:2px;margin-left:-1px;background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.25);pointer-events:none;}
.ep-ba__grip{display:none;position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;
  place-items:center;background:#fff;color:var(--ink);box-shadow:0 0 0 1px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.35);}
.ep-ba.is-live .ep-ba__grip{display:grid;}
.ep-ba__tag{position:absolute;top:10px;padding:3px 8px;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;}
.ep-ba__tag--l{left:10px;}
.ep-ba__tag--r{right:10px;}
.ep-ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;}
.ep-ba:has(.ep-ba__range:focus-visible){outline:2px solid var(--primary);outline-offset:2px;}
.ep-train__body{margin:14px 0 0;font-family:var(--ep-serif);font-size:18px;line-height:1.62;text-wrap:pretty;}
.ep-acts--train{margin-top:16px;}
.ep-goText{font-size:14.5px;font-weight:600;}
.ep-also{margin-top:22px;padding-top:16px;border-top:1px solid var(--ep-rule);}
.ep-also__head{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);}
.ep-also__text{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--ep-ink-2);}

/* ------------------------------------------------------- Die Dreierreihe --- */
/* Spalten zaehlen sich selbst (eine je Artikel). Erste ohne Linie, Mitte
   mit Luft auf beiden Seiten, letzte ohne rechten Abstand: bei dreien genau
   die Vorlage (padding-right 28 · border-left + 0 28 · border-left + 28 0). */
.ep-three{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin-top:28px;}
.ep-three > *{min-width:0;padding:0 28px;border-left:1px solid var(--ep-rule);}
.ep-three > :first-child{padding-left:0;border-left:0;}
.ep-three > :last-child{padding-right:0;}

.ep-q__who{display:flex;align-items:center;gap:14px;margin-top:14px;}
/* From the workshop (Vorlage design_handoff_evening_prim 2, EveningPrim.dc.html:163-188; ANTWORTEN-2 03).
   Text links, Bild rechts; ohne Bild eine Spur von hoechstens 760 px. Skimis Stimme ist ein eigener Baustein
   (.ep-voice), weil sie auch als Vorspann einer Titelgeschichte steht. */
.ep-ws{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;margin-top:28px;align-items:start;}
.ep-ws > *{min-width:0;}
.ep-ws--quote{grid-template-columns:minmax(0,1fr);}
.ep-ws--quote > article{max-width:760px;}
.ep-ws__shows{margin:16px 0 0;font-family:var(--ep-serif);font-size:18px;line-height:1.62;text-wrap:pretty;}
.ep-acts--ws{margin-top:14px;}
.ep-ws__pic{aspect-ratio:16 / 10;border-radius:4px;background:var(--ep-night);}
.ep-voice{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;margin-top:18px;}
.ep-voice > div{min-width:0;}
.ep-voice--bare{grid-template-columns:minmax(0,1fr);}
.ep-voice__quote{margin:0;font-family:var(--ep-serif);font-size:21px;font-style:italic;line-height:1.45;text-wrap:pretty;}
.ep-voice__by{margin-top:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--text-2);}
/* Als Titelgeschichte: am Platz des Vorspanns, mit dessen Werten, kursiv (ANTWORTEN-2 03) */
.ep-voice--lead{margin-top:14px;}
.ep-voice--lead .ep-voice__quote{font-size:22px;line-height:1.4;color:var(--ep-ink-2);}
/* Avatar eines Menschen: rund, Tintenlinie aussen (ANTWORTEN 02); Dots Zeichen hat sie innen.
   Der Buchstabe auf dem Verlauf des Hauskopfs bleibt, wenn es inworld kein Profilbild gibt. */
.ep-ava{position:relative;display:grid;place-items:center;flex:none;border-radius:50%;overflow:hidden;
  background:linear-gradient(140deg,var(--primary-on-dark),var(--primary-deep));box-shadow:0 0 0 1px var(--ink);
  font-family:var(--sans);font-weight:600;color:#fff;}
.ep-ava--44{width:44px;height:44px;font-size:15px;}
.ep-ava--36{width:36px;height:36px;font-size:13px;}
.ep-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ep-face{position:relative;display:block;width:64px;height:64px;flex:none;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--ink);}
.ep-face img{display:block;width:100%;height:100%;object-fit:cover;}
/* Quirps Gesichterblatt: 4 x 4, die Vorlage nimmt Spalte 1, Reihe 2
   (background-position 0% 33.333%, background-size 400%) */
.ep-face--sprite img{position:absolute;left:0;top:-100%;width:400%;height:400%;max-width:none;object-fit:fill;}
.ep-q__intro{margin:0;font-family:var(--ep-serif);font-size:15.5px;font-style:italic;line-height:1.45;color:var(--text-2);}
.ep-qa{display:flex;flex-direction:column;gap:14px;margin-top:18px;}
.ep-qa__q{margin:0;font-family:var(--ep-serif);font-size:17px;font-weight:600;line-height:1.4;}
.ep-qa__a{margin:4px 0 0;font-family:var(--ep-serif);font-size:17px;line-height:1.5;color:var(--ep-ink-2);}
.ep-qa__a--pass{font-style:italic;color:var(--text-2);}
.ep-qa__asked{margin-top:4px;font-family:var(--mono);font-size:10.5px;color:var(--text-2);}
.ep-qa__by{margin:14px 0 0;font-family:var(--mono);font-size:10.5px;color:var(--text-2);}

.ep-clyde__pic{margin-top:14px;aspect-ratio:1;border-radius:4px;background:var(--ep-night);}
.ep-quote{margin:14px 0 0;font-family:var(--ep-serif);font-size:20px;line-height:1.4;text-wrap:pretty;}
.ep-clyde__links{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;}

.ep-log__intro{margin:14px 0 0;font-family:var(--ep-serif);font-size:17px;line-height:1.5;color:var(--ep-ink-2);}
.ep-qsl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;}
.ep-qsl__card{padding:12px 12px 10px;border-radius:4px;background:var(--ep-qsl);border:1px solid var(--ep-qsl-rule);box-shadow:0 1px 0 var(--ep-qsl-rule);}
.ep-qsl__card:nth-child(4n+1){transform:rotate(-1.2deg);}
.ep-qsl__card:nth-child(4n+2){transform:rotate(.8deg);}
.ep-qsl__card:nth-child(4n+3){transform:rotate(.6deg);}
.ep-qsl__card:nth-child(4n){transform:rotate(-.7deg);}
.ep-qsl__head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ep-qsl-ink);}
.ep-qsl__grid{margin-top:8px;font-family:var(--ep-serif);font-size:18px;font-weight:600;line-height:1.15;}
.ep-qsl__meta{margin-top:6px;font-family:var(--mono);font-size:10px;color:var(--text-2);}
.ep-log__note{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--text-2);}
.ep-more--log{margin-top:8px;}

/* Zwei Artikel: halbe Breite; Clydes Bild dann 16:10, sonst wird es ein
   Turm neben einem kurzen Nachbarn. */
.ep-three--2 .ep-clyde__pic{aspect-ratio:16 / 10;}
/* Ein Artikel allein: ueber die volle Breite, seine zwei Teile nebeneinander,
   der Kicker darueber. Clyde mit dem Bild rechts, damit Bahn (Bild links),
   Clyde und Where was this? (Bild links) nicht dreimal gleich stehen. */
.ep-three--1 > *{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;align-items:start;}
.ep-three--1 > * > .ep-kicker,.ep-three--1 > * > .ep-kickRow{grid-column:1 / -1;}
.ep-three--1 .ep-qa,.ep-three--1 .ep-qsl{margin-top:14px;}
/* Clyde allein: Kicker und Zitat als ein Block, senkrecht mittig neben dem Bild */
.ep-three--1 .ep-clyde{grid-template-rows:1fr auto auto 1fr;}
.ep-three--1 .ep-clyde > .ep-kicker{grid-column:1;grid-row:2;}
.ep-three--1 .ep-clyde > .ep-part--b{grid-column:1;grid-row:3;}
.ep-three--1 .ep-clyde > .ep-part--a{grid-column:2;grid-row:1 / -1;}
.ep-three--1 .ep-clyde__pic{margin-top:0;aspect-ratio:16 / 10;}

/* ----------------------------------------------------- Found on the shelf --- */
.ep-shelf{margin-top:28px;}
.ep-shelf__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.ep-shelf__note{font-size:14px;color:var(--text-2);}
.ep-shelf__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:18px;}
.ep-shelf__grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.ep-shelf__item,.ep-shelf__item:hover{display:block;color:var(--ink);}
.ep-shelf__pic{display:block;aspect-ratio:4 / 3;border-radius:4px;background:var(--ep-blank);}
.ep-shelf__text{display:block;}
.ep-shelf__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:12px;}
.ep-shelf__title{font-family:var(--ep-serif);font-size:21px;font-weight:600;line-height:1.2;}
.ep-shelf__price{font-family:var(--mono);font-size:12px;white-space:nowrap;color:var(--ink);}
.ep-shelf__line{display:block;margin-top:6px;font-family:var(--ep-serif);font-size:16.5px;font-style:italic;line-height:1.45;color:var(--text-2);}
.ep-shelf__seller{display:block;margin-top:8px;font-family:var(--mono);font-size:10.5px;color:var(--text-2);}
/* Ein einziges Angebot: Bild ein Drittel, Text daneben (nicht 1216 px Bild) */
.ep-shelf__grid--1{grid-template-columns:minmax(0,1fr);}
.ep-shelf__grid--1 .ep-shelf__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:28px;align-items:start;}
.ep-shelf__grid--1 .ep-shelf__row{margin-top:0;}

/* ---------------------------------------------------------- Zweierreihen --- */
.ep-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:28px;align-items:start;}
.ep-two > *{min-width:0;}

.ep-events{margin-top:10px;}
.ep-event{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--ep-rule);}
.ep-event__when{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);}
.ep-event__what{min-width:0;}
.ep-event__title{display:block;font-family:var(--ep-serif);font-size:19px;font-weight:600;line-height:1.25;}
.ep-event__line{display:block;margin-top:3px;font-size:14.5px;line-height:1.5;color:var(--text-2);}
.ep-event__go{font-size:14px;white-space:nowrap;}
.ep-more--events{margin-top:12px;}

.ep-missed__title{margin:10px 0 0;font-family:var(--ep-serif);font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.15;}
.ep-missed__text{margin:10px 0 0;font-family:var(--ep-serif);font-size:17.5px;line-height:1.55;color:var(--ep-ink-2);text-wrap:pretty;}
.ep-booth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;}
.ep-polaroid{margin:0;padding:6px 6px 18px;background:var(--ep-photo);border:1px solid var(--ep-rule);box-shadow:0 2px 6px rgba(35,35,43,.06);}
.ep-polaroid:nth-child(3n+1){transform:rotate(-2deg);}
.ep-polaroid:nth-child(3n+2){transform:rotate(1.4deg);}
.ep-polaroid:nth-child(3n){transform:rotate(-.6deg);}
.ep-polaroid__pic{aspect-ratio:3 / 4;background:var(--ep-blank);}
.ep-polaroid figcaption{margin-top:6px;font-family:var(--ep-serif);font-size:13px;font-style:italic;text-align:center;color:var(--text-2);}

.ep-where__last{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:var(--text-2);}
.ep-where__pic{margin-top:14px;aspect-ratio:16 / 10;border-radius:4px;background:var(--ep-night);}
/* Der Ausschnitt der Vorlage: naeher heran, nach links verschoben */
.ep-where__pic img{object-position:30% 50%;transform:scale(1.25);transform-origin:30% 50%;}
.ep-where__text{margin:12px 0 0;font-family:var(--ep-serif);font-size:17px;line-height:1.5;}
.ep-guesses{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;}
.ep-noted{margin:12px 0 0;font-size:15px;line-height:1.55;color:var(--ep-ink-2);animation:ep-in .3s ease both;}

.ep-nums__grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;margin-top:14px;}
.ep-num{min-width:0;}
.ep-num:first-child{padding-right:18px;}
.ep-num + .ep-num{border-left:1px solid var(--ep-rule);padding:0 0 0 18px;}
.ep-num__v{font-family:var(--ep-serif);font-size:52px;font-weight:600;letter-spacing:-1.5px;line-height:1;}
.ep-num__l{margin-top:8px;font-size:14.5px;line-height:1.45;color:var(--ep-ink-2);}
.ep-note{margin-top:20px;padding-top:18px;border-top:1px solid var(--ep-rule);}
.ep-nums + .ep-note{margin-top:30px;}
.ep-stack > :first-child{margin-top:0;padding-top:0;border-top:0;}
.ep-note__text{margin:8px 0 0;font-family:var(--ep-serif);font-size:17px;line-height:1.5;color:var(--ep-ink-2);}
.ep-note__text--after{margin-top:14px;}
/* Ask Dot (Vorlage): 36 | Text, Frage serif 17, Namenszeile mono 10,5; Dot als Ring mit orangem Punkt */
.ep-ask__pair{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;margin-top:12px;}
.ep-ask__pair + .ep-ask__pair{margin-top:20px;padding-top:16px;border-top:1px solid var(--ep-rule);}
.ep-ask__text{min-width:0;}
.ep-ask__q,.ep-ask__a{margin:0;font-family:var(--ep-serif);font-size:17px;line-height:1.5;}
.ep-ask__a{color:var(--ep-ink-2);}
.ep-ask__by{margin-top:4px;font-family:var(--mono);font-size:10.5px;color:var(--text-2);}
.ep-ask__dot{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ink);}
.ep-ask__dot > span{width:9px;height:9px;border-radius:50%;background:var(--orange);}
.ep-ask__invite{margin:14px 0 0;font-family:var(--ep-serif);font-size:16px;line-height:1.5;color:var(--ep-ink-2);}
/* Nachtraege in Corrections & follow-ups (ANTWORTEN-2 05) */
.ep-follow{margin-top:12px;}
.ep-follow + .ep-follow{margin-top:18px;padding-top:14px;border-top:1px solid var(--ep-rule);}
.ep-follow__k{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--text-2);}
.ep-follow__q{margin:4px 0 8px;font-family:var(--ep-serif);font-size:17px;font-style:italic;line-height:1.45;}
.ep-follow__a{margin:4px 0 0;font-family:var(--ep-serif);font-size:17px;line-height:1.5;color:var(--ep-ink-2);}
/* Der Brief der Woche (nicht in der Vorlage No. 1, die hat noch keinen):
   Brief, Name, Dots Antwort kursiv, sein Name. Wie ein Leserbrief. */
.ep-letter{margin:8px 0 0;font-family:var(--ep-serif);font-size:17px;line-height:1.5;color:var(--ink);text-wrap:pretty;}
.ep-letter__who{margin-top:6px;}
.ep-letter__answer{margin:12px 0 0;font-family:var(--ep-serif);font-size:17px;font-style:italic;line-height:1.5;color:var(--ep-ink-2);text-wrap:pretty;}

/* Steht eine Seite der Zweierreihe allein (Begruendung oben im Kopf) */
.ep-two--solo{grid-template-columns:minmax(0,1fr);}
.ep-two--solo > .ep-missed,.ep-two--solo > .ep-where{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;align-items:start;}
.ep-two--solo > .ep-missed .ep-booth{margin-top:0;}
.ep-two--solo > .ep-where > .ep-kicker,.ep-two--solo > .ep-where > .ep-where__last{grid-column:1 / -1;}
.ep-two--solo > .ep-where .ep-where__text{margin-top:14px;}
.ep-two--solo > .ep-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;align-items:start;}
.ep-two--solo > .ep-stack > .ep-nums{grid-column:1 / -1;}
.ep-two--solo > .ep-stack > .ep-note{margin-top:30px;padding-top:18px;border-top:1px solid var(--ep-rule);}
.ep-two--solo > .ep-stack > .ep-note:first-child,.ep-two--solo > .ep-stack > .ep-note:first-child + .ep-note{margin-top:0;padding-top:0;border-top:0;}

/* ------------------------------------------------------------ Classifieds --- */
/* Die Vorschau vor No. 1 (08.10.2026): ein Vorspann, was drin sein wird, ein erster Blick, Ask Dot */
.ep-tease{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px 48px;margin-top:34px;align-items:start;}
.ep-tease__lead{margin:0;font-family:var(--ep-serif);font-size:28px;line-height:1.35;letter-spacing:-0.3px;color:var(--ink);}
.ep-tease__list{list-style:none;margin:12px 0 0;padding:0;}
.ep-tease__list li{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:4px 16px;padding:9px 0;border-bottom:1px solid var(--ep-rule);}
.ep-tease__name{font-family:var(--ep-serif);font-size:17px;font-weight:600;line-height:1.35;}
.ep-tease__line{font-size:14.5px;line-height:1.5;color:var(--ep-ink-2);}
.ep-tease__ask{margin-top:22px;}
/* ------------------------------------------------- The week in weather --- */
/* NACHTRAG-WETTER 16.10.2026, Werte aus EveningPrim.dc.html (#weather). */
.ep-wx{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;margin-top:28px;align-items:start;}
.ep-wx > *{min-width:0;}
.ep-wx__title{margin:12px 0 0;font-family:var(--ep-serif);font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.12;letter-spacing:-.4px;text-wrap:balance;}
.ep-wx__text{margin:14px 0 0;font-family:var(--ep-serif);font-size:18px;line-height:1.62;text-wrap:pretty;}
.ep-wx__pic{margin-top:18px;aspect-ratio:16 / 9;border-radius:4px;background:#0E0F18;}
.ep-wx__pic img{display:block;width:100%;height:100%;object-fit:cover;}
.ep-wx__head{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);}
.ep-wx__rows{margin-top:10px;border-top:1px solid var(--ink);}
.ep-wx__row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:4px 14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--ep-chip);}
.ep-wx__d{font-family:var(--mono);font-size:11.5px;color:var(--text-2);}
.ep-wx__l{min-width:0;}
.ep-wx__w{font-family:var(--ep-serif);font-size:17px;font-weight:600;}
.ep-wx__x{font-family:var(--ep-serif);font-size:16px;color:var(--ep-ink-2);}
.ep-wx__foot{margin:14px 0 0;font-family:var(--ep-serif);font-size:15.5px;font-style:italic;line-height:1.55;color:var(--ep-ink-2);text-wrap:pretty;}
.ep-wx__go{display:inline-block;margin-top:10px;font-size:15px;font-weight:600;}

/* The Snowpeak trio (17.10.2026): der Comic, vier Felder in einer Reihe, darunter je ein Satz in der Schrift der
   Zeitung; ab 980 px zwei mal zwei. Die Felder sind gemalt wie die Postkarten (Asset Machine, ohne Schrift im Bild). */
.ep-comic{margin-top:28px;}
.ep-comic__title{margin:12px 0 0;font-family:var(--ep-serif);font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.12;letter-spacing:-.4px;text-wrap:balance;}
.ep-comic__strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px 0 0;padding:0;list-style:none;}
.ep-comic__panel{min-width:0;}
.ep-comic__pic{aspect-ratio:1 / 1;border-radius:4px;background:var(--ep-blank);}
.ep-comic__cap{margin:10px 0 0;font-family:var(--ep-serif);font-size:16px;line-height:1.45;color:var(--ep-ink-2);text-wrap:pretty;}
.ep-comic__line{margin:14px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--text-2);}
@media (max-width:980px){.ep-comic__strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}}

@media (max-width:980px){
  .ep-tease{grid-template-columns:minmax(0,1fr);}
  .ep-tease__lead{font-size:23px;}
  .ep-tease__list li{grid-template-columns:minmax(0,1fr);}
}

/* Paid places: unter der schweren Linie, vor den Kleinanzeigen. Werte aus der Vorlage (section#paid).
   Ohne Kleinanzeigen danach faellt die untere Linie weg, sonst stuenden zwei Linien uebereinander.
   Bewusst anders: das Raster. Die Vorlage zeigt zwei Karten (auto-fit, 260); bei vier stuenden vier
   schmale Karten nebeneinander, deren Text zeilenweise umbricht. Hier hoechstens zwei je Reihe
   (420 breit), eine einzelne bleibt halb breit (auto-fill), auf dem Telefon eine je Reihe. */
.ep-paid{margin-top:22px;padding-bottom:26px;border-bottom:1px solid var(--ink);}
.ep-paid--end{padding-bottom:0;border-bottom:0;}
.ep-paid__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;}
.ep-paid__title{margin:0;font-family:var(--ep-serif);font-size:28px;font-weight:600;letter-spacing:-0.5px;}
.ep-paid__note{max-width:62ch;font-size:14px;line-height:1.5;color:var(--text-2);}
.ep-paid__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:16px;margin-top:16px;}
.ep-paid__card,.ep-paid__card:hover{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px;border:1px solid var(--ep-chip);
  border-radius:4px;background:var(--ep-paid);color:var(--ink);}
a.ep-paid__card:hover{border-color:var(--ink);}
.ep-paid__card--text,.ep-paid__card--text:hover{grid-template-columns:minmax(0,1fr);}
.ep-paid__pic{aspect-ratio:1;border-radius:3px;background:var(--ep-rule);}
.ep-paid__text{min-width:0;}
.ep-paid__label{display:block;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);}
.ep-paid__name{display:block;margin-top:4px;font-family:var(--ep-serif);font-size:18px;font-weight:600;line-height:1.2;}
.ep-paid__line{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:var(--ep-ink-2);}
.ep-paid__where{display:block;margin-top:6px;font-family:var(--mono);font-size:10.5px;color:var(--text-2);}
.ep-paid__go{white-space:nowrap;}

.ep-cl{margin-top:22px;}
.ep-cl__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;}
.ep-cl__title{margin:0;font-family:var(--ep-serif);font-size:40px;font-weight:600;letter-spacing:-1px;line-height:1;}
.ep-cats{display:flex;flex-wrap:wrap;gap:6px;}
.ep-cl__list{column-count:3;column-gap:28px;column-rule:1px solid var(--ep-rule);margin-top:20px;}
.ep-cl__item{break-inside:avoid;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--ep-rule);}
.ep-cl__cat{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-deep);}
.ep-cl__pic{margin-top:8px;aspect-ratio:3 / 2;border-radius:3px;background:var(--ep-blank);}
.ep-cl__text{margin:6px 0 0;font-family:var(--ep-serif);font-size:16.5px;line-height:1.45;text-wrap:pretty;}
.ep-cl__foot{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:8px;}
.ep-cl__where{font-family:var(--mono);font-size:10.5px;color:var(--text-2);}
.ep-cl__go{font-size:13.5px;white-space:nowrap;}

.ep-place{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px 36px;margin-top:18px;padding:22px 24px;
  border-radius:6px;background:var(--ep-box);color:var(--ep-box-ink);}
.ep-cl > .ep-place:first-child{margin-top:0;}
.ep-place__title{margin:0;font-family:var(--ep-serif);font-size:24px;font-weight:600;letter-spacing:-.4px;line-height:normal;}
.ep-place__text{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--ep-box-3);}
.ep-place__prices{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-content:start;font-family:var(--mono);font-size:12.5px;}
.ep-place__k{color:var(--yellow);}
.ep-place__k--plain{color:var(--ep-box-2);}
.ep-place__v{color:var(--ep-box-ink);}
.ep-place__note{margin:0;font-size:14px;line-height:1.55;color:var(--ep-box-2);}

/* -------------------------------------------------------- About this paper */
.ep-about{margin-top:56px;padding-top:22px;border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px 40px;}
.ep-about__text{margin:10px 0 0;font-family:var(--ep-serif);font-size:17px;line-height:1.55;color:var(--ep-ink-2);}
.ep-about__links{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;}
.ep-about__mail{font-size:14.5px;font-weight:600;}
.ep-about__line{font-family:var(--mono);font-size:12px;color:var(--ep-faint);align-self:center;}

/* ------------------------------------------------------------------ Schmal */
/* Vorlage @container (max-width:980px); dazu die drei Luecken (Kopf oben) */
@media (max-width:980px){
  .ep-front{grid-template-columns:minmax(0,1fr);}
  .ep-lead{padding-right:0;}
  .ep-side{margin-top:28px;border-left:0;padding-left:0;border-top:1px solid var(--ink);padding-top:22px;}
  .ep-front--solo .ep-side{margin-top:0;border-top:0;padding-top:0;}
  .ep-three{grid-auto-flow:row;}
  .ep-three > *{padding-left:0;padding-right:0;border-left:0;}
  .ep-three > * + *{margin-top:28px;padding-top:22px;border-top:1px solid var(--ep-rule);}
  .ep-three--1 > *{display:block;}
  .ep-train,.ep-ws,.ep-two,.ep-two--solo,.ep-wx{grid-template-columns:minmax(0,1fr);}
  .ep-two--solo > .ep-missed,.ep-two--solo > .ep-where,.ep-two--solo > .ep-stack{display:block;}
  .ep-two--solo > .ep-missed .ep-booth{margin-top:14px;}
  .ep-two--solo > .ep-where .ep-where__text{margin-top:12px;}
  .ep-two--solo > .ep-stack > .ep-note + .ep-note,
  .ep-two--solo > .ep-stack > .ep-note:first-child + .ep-note{margin-top:20px;padding-top:18px;border-top:1px solid var(--ep-rule);}
  .ep-cl__list{column-count:2;}
  .ep-clyde__pic,.ep-three--2 .ep-clyde__pic,.ep-three--1 .ep-clyde__pic{max-width:480px;aspect-ratio:16 / 10;margin-top:14px;}
  .ep-light{display:grid;grid-template-columns:minmax(0,45%) minmax(0,1fr);gap:0 18px;align-items:start;}
  .ep-light__head{grid-column:1 / -1;}
  .ep-light__pic{grid-row:2 / span 3;}
  .ep-booth{max-width:520px;}
  .ep-shelf__grid--1 .ep-shelf__item{display:block;}
  .ep-shelf__grid--1 .ep-shelf__row{margin-top:12px;}
}
/* Ohne Titelgeschichte: das Inhaltsverzeichnis nimmt die Breite, der
   Lichtbericht bleibt in seiner 340er Spalte rechts daneben. */
@media (min-width:981px){
  .ep-front--solo{grid-template-columns:minmax(0,1fr);}
  .ep-front--solo .ep-side{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto 1fr;column-gap:36px;align-items:start;border-left:0;padding-left:0;}
  .ep-front--solo .ep-side > .ep-kicker,.ep-front--solo .ep-index{grid-column:1;}
  .ep-front--solo .ep-light{grid-column:2;grid-row:1 / -1;margin-top:0;}
}

/* Vorlage @container (max-width:640px) */
@media (max-width:640px){
  .ep-main{padding-left:18px;padding-right:18px;}
  .ep-proof__in{padding-left:18px;padding-right:18px;}
  .ep-cl__list{column-count:1;}
  .ep-title{font-size:52px;letter-spacing:-1.6px;}
  .ep-dateline{flex-direction:column;align-items:flex-start;gap:4px;}
  .ep-shelf__grid,.ep-shelf__grid--2{grid-template-columns:minmax(0,1fr);}
  .ep-qsl{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ep-nums__grid{grid-auto-flow:row;}
  .ep-num:first-child{padding-right:0;}
  .ep-num + .ep-num{border-left:0;padding-left:0;margin-top:18px;}
}

@media (prefers-reduced-motion:reduce){.ep-main,.ep-noted{animation:none;}}