/* ================================================================
   SABTEC — Aktuelles (Uebersicht und Beitragsarchiv)
   ================================================================
   Alles, was mehrere Seiten teilen, steht in `assets/css/system.css`
   (.sub, .crumb, .navcta, .sec, .wrap, .ngrid, .ncard, .annot, .ctab,
   .bigbtn, .lnk). Hier stehen ausschliesslich die Regeln, die es nur
   auf dieser Seite gibt:

   1. Rhythmus der Rastersektion
   2. Kachel-Ueberschrift auf h2 (Gliederung statt Optik)
   3. Zustaende: Platzhalter-Kachel ohne Ziel, leeres Archiv
   4. Blaetterleiste der Archive

   Farben und Maszen kommen aus theme.json; es steht kein Farbwert
   als Zahl in dieser Datei.
   ================================================================ */

/* 1. Rhythmus -------------------------------------------------------- */

/* Der Frame setzt das Raster dichter unter das blaue Panel als der
   Standardrhythmus (112 px) es vorsieht — im Prototyp als Inline-Wert
   `padding-top:32px` an der Sektion. */
.nsec { padding-top: 32px; }

/* Abstand der Hinweis-Badge unter dem Raster (Prototyp: 22 px). */
.nhinweis { margin-top: 22px; }

/* 2. Kachel-Ueberschrift --------------------------------------------- */

/* Der Prototyp springt in der Kachel von h1 auf h4. Das ist ein
   Gliederungsfehler (BFSG), deshalb steht hier h2 — die Gestaltung
   haengt aber in system.css am Tag h4 und muss nachgezogen werden.
   Werte identisch zu `.ncard h4`. */
.ncard h2 {
	font-size: 18.5px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: -.3px;
	margin: 12px 0 8px;
}

/* 3. Zustaende ------------------------------------------------------- */

/* Platzhalter-Kacheln haben kein Ziel: „Weiterlesen" ist dort Text,
   kein Verweis. Aussehen und Position bleiben wie bei `.ncard a`,
   damit die Kachel dem Frame entspricht. */
.ncard .nmehr {
	margin-top: auto;
	padding-top: 18px;
	color: var(--blue);
	font-weight: 900;
	font-size: 14px;
}

/* Kategorie- oder Datumsarchiv ohne Treffer. */
.nleer {
	font-size: 15px;
	color: var(--mut);
}
.nleer .lnk { margin-left: 6px; }

/* 4. Blaetterleiste (nur Archive) ------------------------------------ */

.nsec .pagination {
	display: flex;
	justify-content: center;
	margin-top: 48px;
}
.nsec .nav-links {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.nsec .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 0 14px;
	border-radius: var(--wp--custom--radius--pill);
	box-shadow: inset 0 0 0 1.5px var(--wp--custom--ui--line-strong);
	background: var(--card);
	color: var(--ink);
	font-weight: 900;
	font-size: 14px;
}
.nsec .page-numbers:hover { background: var(--wp--custom--ui--hover-soft); }
.nsec .page-numbers.current {
	background: var(--blue);
	color: var(--wp--preset--color--white);
	box-shadow: none;
}
.nsec .page-numbers.dots {
	box-shadow: none;
	background: none;
	color: var(--soft);
}

/* Die Ueberschrift der Blaetterleiste ist nur fuer Screenreader
   gedacht. Sie kommt aus WordPress und braucht die Regel hier, weil
   das Theme sonst keine hat. */
.nsec .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}