:root { color-scheme: light; --ink: #24201a; --paper: #f5ecd9; --card: #fffaf0; --line: #d8cdb8; --link: #76510b; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.wrap { width: min(100% - 2rem, 46rem); margin: auto; padding: 2.5rem 0 3.5rem; }
header { border-bottom: 1px solid var(--line); margin-bottom: 1.8rem; }
header a { color: inherit; text-decoration: none; font-size: 1.25rem; font-weight: 750; }
h1 { margin: 1.6rem 0 .5rem; font-size: clamp(2rem, 7vw, 3rem); line-height: 1.1; }
h2 { margin: 2rem 0 .5rem; font-size: 1.25rem; line-height: 1.25; }
p, li { max-width: 70ch; }
a { color: var(--link); }
.button { display: inline-block; margin-top: 1rem; padding: .8rem 1.1rem; border-radius: .6rem; background: var(--ink); color: var(--card); text-decoration: none; font-weight: 700; }
.notice { padding: 1rem 1.1rem; border: 1px solid #d8b560; border-radius: .7rem; background: #fff3cc; }
footer { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--line); color: #645c50; }
footer a { margin-right: 1rem; }
@media (max-width: 420px) { .wrap { width: min(100% - 1.4rem, 46rem); padding-top: 1.4rem; } body { font-size: 15px; } }