:root {
  --bg: #F3E6C6; --surface: #FCF7E8; --border: #E6D7B5;
  --text: #28321F; --text-2: #5C6A4E; --text-3: #93A085;
  --primary: #76916C; --primary-deep: #405C41;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #141810; --surface: #1C2116; --border: #2E3724; --text: #ECF2E2; --text-2: #AEB9A0; --text-3: #6F7B61; --primary: #8BBE73; --primary-deep: #A7D08C; }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6; font-size: 16px;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 40px 22px 80px; }
a { color: var(--primary-deep); }
.back { display: inline-block; color: var(--primary-deep); text-decoration: none; font-weight: 600; margin-bottom: 24px; }
.back:hover { text-decoration: underline; }
h1 { font-size: clamp(26px, 6vw, 34px); margin: 0 0 6px; }
.updated { color: var(--text-3); font-size: 14px; margin: 0 0 28px; }
h2 { font-size: 19px; margin: 32px 0 8px; color: var(--text); }
p, li { color: var(--text-2); }
ul { padding-left: 22px; }
li { margin: 6px 0; }
.note { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 14px 16px; margin: 20px 0; font-size: 14.5px; }
strong { color: var(--text); }
footer { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--border); color: var(--text-3); font-size: 14px; }