* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Inter, Arial, sans-serif; background: #f0f4f9; color: #0a2540; padding: 2rem 1.2rem; }
main { max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid #e2edf2; border-radius: 22px; padding: 2rem; box-shadow: 0 12px 24px rgba(10,37,64,0.05); }
nav { margin-bottom: 1.4rem; }
nav a { color: #2c7da0; text-decoration: none; font-weight: 700; margin-right: 1rem; }
h1 { font-size: 2rem; color: #1f4e6e; line-height: 1.2; margin-bottom: 1rem; }
h2 { font-size: 1.25rem; color: #1e7a5c; margin: 1.35rem 0 0.55rem; }
p, li { line-height: 1.75; color: #334155; margin-bottom: 0.85rem; }
ul { padding-left: 1.2rem; margin: 0.7rem 0; }
.notice { background: #fff8e6; border-left: 5px solid #f4c542; border-radius: 16px; padding: 1rem; margin: 1rem 0; }
a { color: #2c7da0; font-weight: 700; }
@media (max-width: 650px) { body { padding: 1rem; } main { padding: 1.2rem; } h1 { font-size: 1.55rem; } }