:root { color-scheme: light; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #263d32; background: #f6f3ee; line-height: 1.65; }
* { box-sizing: border-box; }
body { margin: 0; }
main, footer { max-width: 850px; margin: auto; padding: 32px 24px; }
header { margin: 36px 0 24px; }
h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; letter-spacing: -.025em; }
h2 { font-size: 1.5rem; line-height: 1.3; }
h3 { font-size: 1.15rem; }
a { color: #245e40; text-underline-offset: .2em; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #245e40; outline-offset: 4px; }
nav { padding: 20px 0; border-block: 1px solid #c2cec5; }
nav a { display: inline-block; padding-block: 5px; }
section { margin: 36px 0; scroll-margin-top: 24px; }
li { margin-block: 12px; }
.notice, .deletion { border: 1px solid #899f90; padding: 20px; border-radius: 8px; background: #fff; }
.request { display: inline-block; padding: 14px 18px; border-radius: 6px; background: #263d32; color: white; }
footer { border-top: 1px solid #c2cec5; }
@media (max-width: 480px) { main, footer { padding: 24px 18px; } .deletion { padding: 16px; } ul { padding-left: 22px; } }