* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    --navy: #0f172a;
    --ink-soft: #5b6577;
    --cream: #faf7f2;
    --orange: #e65c00;
    --orange-light: #ff8a3d;
}

body {
    background: var(--cream);
    color: var(--ink-soft);
    font-family: 'Lato', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

header { padding: 30px 28px; }
header a { display: flex; align-items: center; gap: 10px; text-decoration: none; width: fit-content; }
header img { height: 30px; width: auto; }
header span { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 18px; color: var(--navy); }

main { flex: 1; max-width: 760px; margin: 0 auto; padding: 20px 28px 80px; width: 100%; }

.back-link { display: inline-block; margin-bottom: 30px; color: var(--orange); font-size: 14px; text-decoration: none; font-family: 'Lato', sans-serif; }
.back-link:hover { text-decoration: underline; }

h1 { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 32px; color: var(--navy); margin-bottom: 10px; }
.updated { font-size: 13px; color: #9aa4b8; margin-bottom: 28px; }

.notice { background: rgba(230, 92, 0, 0.06); border: 1px solid rgba(230, 92, 0, 0.2); border-radius: 14px; padding: 18px 22px; margin-bottom: 34px; font-size: 13.5px; line-height: 1.6; color: var(--navy); }
.notice strong { color: var(--orange); }

h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px; color: var(--navy); margin: 34px 0 12px; }
h2:first-of-type { margin-top: 0; }

p { line-height: 1.75; margin-bottom: 14px; font-size: 15px; }
ul { margin: 0 0 14px 20px; line-height: 1.8; font-size: 15px; }
strong { color: var(--navy); }
a.link { color: var(--orange); }

footer { background: var(--navy); color: rgba(255,255,255,0.7); padding: 32px 28px; text-align: center; }
footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-bottom: 14px; }
footer a { color: rgba(255,255,255,0.7); font-size: 13px; text-decoration: none; }
footer a:hover { color: var(--orange-light); }
footer p { font-size: 12px; color: rgba(255,255,255,0.4); margin: 0; }