body { font-family: "Segoe UI", "Yu Gothic UI", Meiryo, "Hiragino Sans", sans-serif; color: #1f2933; background: #f4f6f9; margin: 0; line-height: 1.8; font-size: 14px; }
main { max-width: 860px; margin: 0 auto; padding: 32px 24px 60px; background: #fff; min-height: 100vh; box-sizing: border-box; }
h1 { font-size: 22px; margin: 0 0 4px; letter-spacing: .02em; }
h2 { font-size: 15px; margin: 26px 0 8px; padding-bottom: 4px; border-bottom: 1px solid #d5dbe3; }
h3 { font-size: 14px; margin: 16px 0 6px; }
.meta { color: #5f6b7a; font-size: 12px; margin: 0 0 20px; }
ol, ul { padding-left: 22px; }
li { margin: 3px 0; }
table { border-collapse: collapse; width: 100%; margin: 8px 0 14px; font-size: 13px; }
th, td { border: 1px solid #d5dbe3; padding: 6px 10px; text-align: left; vertical-align: top; }
th { background: #f4f6f9; white-space: nowrap; }
footer { margin-top: 40px; color: #8a95a5; font-size: 12px; border-top: 1px solid #e6eaf0; padding-top: 12px; }
.note { background: #fff4e0; border: 1px solid #f0d9a8; padding: 8px 12px; font-size: 13px; }
@media (max-width: 600px) { main { padding: 20px 16px 40px; } }
@media print { body { background: #fff; } main { box-shadow: none; } }