/* Parked names on s2: the reserved page and the for-sale page share this. */
@font-face { font-family: Lora; font-weight: 700; font-display: swap; src: url(lora-700.woff2) format("woff2"); }
@font-face { font-family: Lato; font-weight: 400; font-display: swap; src: url(lato-400.woff2) format("woff2"); }
@font-face { font-family: Lato; font-weight: 700; font-display: swap; src: url(lato-700.woff2) format("woff2"); }

:root {
    --page: #f7f4ef; --card: #ffffff; --navy: #0d2233; --text: #4a5e6d; --muted: #6f8190;
    --teal: #1e7a6e; --olive: #a0a453; --border: #e7e2d9;
    color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
    :root {
        --page: #0a1b29; --card: #0d2233; --navy: #f7f4ef; --text: #c9d4dc; --muted: #93a4b1;
        --teal: #5cc0b1; --olive: #c3c77a; --border: #1f3a4f;
    }
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
    min-height: 100vh; min-height: 100dvh;
    display: flex; align-items: center; justify-content: center;
    padding: 24px 16px;
    background: var(--page); color: var(--text);
    font: 400 1.0625rem/1.6 Lato, "Segoe UI", system-ui, sans-serif;
}
main {
    width: 100%; max-width: 560px;
    padding: 40px 32px 32px;
    background: var(--card);
    border: 1px solid var(--border); border-top: 4px solid var(--olive); border-radius: 12px;
    text-align: center;
}
.logo { display: block; width: 160px; height: auto; margin: 0 auto 28px; }
h1 {
    margin: 0 0 16px;
    color: var(--navy);
    font: 700 clamp(1.25rem, 5.2vw, 2rem)/1.25 Lora, Georgia, serif;
    overflow-wrap: anywhere;
}
p { margin: 0 0 12px; }
.price { color: var(--navy); font-weight: 700; font-size: 1.25rem; }
.other { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.9375rem; }
a { color: var(--teal); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
@media (max-width: 480px) { main { padding: 32px 20px 24px; } .logo { width: 132px; } }