:root {
    --bg: #f3efe5;
    --surface: #fbf8f1;
    --surface-strong: #111317;
    --text: #1d232d;
    --muted: #5f6975;
    --line: rgba(17, 19, 23, 0.12);
    --accent: #aa6a36;
    --accent-dark: #7d4b23;
    --button-text: #f6f0e4;
    --shadow: 0 20px 60px rgba(10, 14, 20, 0.08);
    --radius: 22px;
    --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    background:
        radial-gradient(circle at top left, rgba(170, 106, 54, 0.12), transparent 28%),
        linear-gradient(180deg, #f8f4ea 0%, var(--bg) 100%);
    color: var(--text);
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.page-shell { max-width: var(--max); margin: 0 auto; padding: 32px 20px 80px; }
.eyebrow {
    margin: 0 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.76rem;
    color: var(--accent-dark);
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3 { margin: 0 0 16px; line-height: 1.02; }
p, li, span, input, select, button { font-family: Arial, Helvetica, sans-serif; }
p { color: var(--muted); line-height: 1.7; }

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 22px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 700;
}
.button--primary { background: var(--surface-strong); color: var(--button-text); }
.button--ghost { border-color: var(--line); background: rgba(255,255,255,0.55); }

.site-header {
    max-width: var(--max);
    margin: 0 auto;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.site-header__nav { display: flex; align-items: center; gap: 16px; font-family: Arial, Helvetica, sans-serif; }
.site-header__nav a.is-active { color: var(--accent-dark); }
.site-header__brand { display: flex; align-items: center; }
.brand-logo { height: 40px; width: auto; }
.inline-form { margin: 0; }
.link-button { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; }

.alert {
    border-radius: 16px;
    padding: 14px 16px;
    margin-bottom: 16px;
    font-family: Arial, Helvetica, sans-serif;
}
.alert--success { background: rgba(62, 128, 85, 0.12); color: #21502d; }
.alert--error { background: rgba(179, 68, 52, 0.12); color: #6e2219; }
.alert ul { margin: 0; padding-left: 18px; }

@media (max-width: 720px) {
    .page-shell { padding-inline: 16px; }
    .site-header { flex-direction: column; align-items: flex-start; }
}