:root { --green: #1F3D36; --cream: #F6F2EA; --paper: #FCFAF6; --line: #E4DDD0; --ink: #1F2B28; --soft: #4F5B57; --accent: #A8561F; --gold: #E3B58C; --on-dark: #F6F2EA; --on-dark-soft: #C9D8D2; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cream); color: var(--ink); font: 400 17px/1.7 'Rubik', Arial, sans-serif; }
a { color: var(--accent); }
.wrap { max-width: 820px; margin: 0 auto; padding: 0 24px; }
nav { background: var(--green); }
nav .wrap { display: flex; justify-content: space-between; align-items: center; height: 64px; }
.logo { display: inline-flex; align-items: center; gap: 10px; font: 700 26px 'Cormorant Garamond', Georgia, serif; color: var(--on-dark); text-decoration: none; }
.logo svg { display: block; }
.logo .wm span { color: var(--gold); }
.back { color: var(--on-dark-soft); text-decoration: none; font-size: 15px; }
.doc { padding-top: 48px; padding-bottom: 72px; }
h1 { font: 600 clamp(36px, 6vw, 52px)/1.1 'Cormorant Garamond', Georgia, serif; color: var(--green); margin: 0 0 8px; }
h2 { font: 500 21px/1.3 'Rubik', Arial, sans-serif; color: var(--green); margin: 36px 0 8px; }
.meta { color: var(--soft); margin-top: 0; }
ul { padding-left: 22px; } li { margin: 6px 0; }
footer { background: #17302A; color: var(--on-dark-soft); padding: 28px 0; font-size: 14px; }
footer .wrap { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
footer a { color: var(--on-dark); }
footer .tm-note { flex-basis: 100%; font-size: 12px; opacity: .8; }
@media (max-width: 560px) { .wrap { padding: 0 16px; } body { font-size: 16px; } }