:root{
    --bg: #0b0b0b;
    --fg: #eaeaea;
    --muted: #9a9a9a;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
    margin: 0;
    font-family: ui-scans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    background: var(--bg);
    color: var(--fg);
}
.wrap { max-width: 1200px; margin: 0 auto; padding: 24px; }
.top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.top h1 { font-size: clamp(20px, 2.5vw, 28px); margin: 0; }
.top nav a { color: var(--muted); text-decoration: none; margin-left: 16px; }
.top nav a[aria-current="page"] {color: var(--fg); }

.Amden { margin: 40px 0; }
.Amden img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0, .35);
}
.Amden figcaption {
    color: var(--muted);
    margin-top: 12px;
    font-size: 14px;
}

/* small screens */
@media (max-width: 640px) {
    .wrap { padding: 16px; }
}