/* Kennzeichenseiten aus App-Daten (factory_core/site_pages.py), Farben wie die Supportseite. */
:root { color-scheme: light dark; --bg: #efe7dc; --card: #fffaf3; --ink: #2c211b; --muted: #76685e; --blue: #164d9b; --line: #e6dccf; }
@media (prefers-color-scheme: dark) { :root { --bg: #17110d; --card: #271d17; --ink: #f7f0e8; --muted: #b9a99b; --blue: #5b9cf2; --line: #3a2d24; } }
* { box-sizing: border-box; }
body { margin: 0; padding: 32px 16px 48px; background: var(--bg); color: var(--ink); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; }
a { color: var(--blue); }
.crumbs { font-size: 0.9rem; color: var(--muted); margin-bottom: 20px; }
header { text-align: center; margin-bottom: 26px; }
.plate { display: inline-flex; align-items: center; height: 72px; overflow: hidden; border: 4px solid #222; border-radius: 10px; background: #fff; color: #111; box-shadow: 0 8px 20px #0003; }
.eu { display: grid; place-items: center; align-self: stretch; width: 38px; background: #164d9b; color: #fff; font-size: 20px; font-weight: 700; }
.plate strong { padding: 0 22px; font-size: 48px; letter-spacing: 0.08em; }
h1 { margin: 16px 0 4px; font-size: clamp(1.7rem, 6vw, 2.4rem); letter-spacing: -0.02em; line-height: 1.2; }
.lead { color: var(--muted); margin: 0; }
section, aside { margin-bottom: 18px; padding: 22px 24px; border-radius: 18px; background: var(--card); box-shadow: 0 2px 10px #0001; }
h2 { margin: 0 0 10px; font-size: 1.2rem; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 0; }
dt { color: var(--muted); }
dd { margin: 0; }
.near ul, .index ul { list-style: none; padding: 0; margin: 0; columns: 2 200px; }
.near li, .index li { padding: 3px 0; break-inside: avoid; }
.index h2 { margin-top: 8px; }
.code { display: inline-block; min-width: 3.4em; font-weight: 700; }
.app { background: var(--blue); color: #fff; }
.app p { margin: 0 0 14px; }
.button { display: inline-block; background: #fff; color: #111; font-weight: 600; text-decoration: none; padding: 10px 18px; border-radius: 999px; }
.note { color: var(--muted); font-size: 0.85rem; text-align: center; }