/* GENERIERT aus build/client/*.css von build/client-bundle.mjs — nicht hier editieren. */
/* ---- build/client/p1-wege.css ---- */
/* Paket P1: zwei Wege am Kapitelende (layout.mjs pager, data/p1-wege.mjs). Überschreibt das alte Vor/Zurück-Raster. */
.pager.p1-wege { display: block; margin-top: 3rem; }
.p1-wege__h { font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--ink-faint); margin: 0 0 .7rem; }
.p1-wege__karten { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.pager.p1-wege a.p1-weg {
  position: relative; display: grid; align-content: start; gap: .25rem; padding: 1.15rem 3rem 1.15rem 1.3rem; text-align: left;
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .3s ease;
}
.pager.p1-wege a.p1-weg:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--line-strong); }
.pager.p1-wege a.p1-weg:active { scale: .97; }
.pager.p1-wege a.p1-weg:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.p1-weg__kicker { display: flex; align-items: center; gap: .45rem; font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--ink-faint); }
.p1-weg--leben .p1-ico { color: var(--beob-a); }
.p1-weg--physik .p1-ico { color: var(--gold); }
.p1-weg .p1-ico { flex: none; transition: color .3s ease; }
.pager.p1-wege .pg-title { margin-top: .1rem; }
.p1-weg__d { font-size: .9rem; line-height: 1.45; color: var(--ink-soft); }
.p1-weg .p1-mehr { position: absolute; right: 1.1rem; top: 50%; translate: 0 -50%; color: var(--accent-ink); transition: transform .2s ease, color .3s ease; display: inline-flex; }
.p1-weg:hover .p1-mehr { transform: translateX(3px); }
.pager.p1-wege a.p1-weg__zurueck {
  display: inline-flex; align-items: center; gap: .4rem; margin-top: .9rem; min-height: 44px; padding: .3rem .2rem;
  border: 0; background: none; box-shadow: none; color: var(--ink-faint); font-size: .88rem; text-decoration: none;
}
.pager.p1-wege a.p1-weg__zurueck:hover { transform: none; box-shadow: none; color: var(--accent-ink); text-decoration: underline; text-underline-offset: 3px; }
.pager.p1-wege a.p1-weg__zurueck:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
@media (max-width: 640px) { .p1-wege__karten { grid-template-columns: 1fr; } }
/* Mit Bento-Fläche (nur Maus): Karte bleibt stehen, damit die Fläche sie genau deckt */
@media (hover: hover) and (pointer: fine) { .pager.p1-wege .p1-bento a.p1-weg:hover { transform: none; box-shadow: none; } .pager.p1-wege .p1-bento a.p1-weg { background-color: color-mix(in srgb, var(--surface) 72%, transparent); } }
@media (hover: hover) and (pointer: fine) { .pager.p1-wege .p1-bento.p1-bento--an a.p1-weg.p1-bento-aktiv { background-color: transparent; border-color: transparent; box-shadow: none; } }