:root { color-scheme: light; font-family: system-ui, -apple-system, "Noto Sans JP", sans-serif; color: #222; background: #f6f7f9; }
* { box-sizing: border-box; }
body { margin: 0; padding: 36px 20px; }
main { max-width: 760px; margin: 0 auto; padding: 36px; background: #fff; border: 1px solid #ddd; border-radius: 16px; }
.badge { display: inline-block; margin: 0 0 20px; padding: 8px 14px; border: 1px solid #bd6a00; border-radius: 6px; background: #fff4df; color: #754000; font-weight: 700; }
h1 { margin: 0 0 24px; font-size: clamp(26px, 5vw, 38px); line-height: 1.5; }
h2 { font-size: 20px; margin: 0 0 12px; }
p, dd { line-height: 1.9; }
.lead { margin: 0 0 28px; }
section { padding: 24px; background: #f6f7f9; border-left: 4px solid #bd6a00; }
section p { margin: 12px 0 0; }
dl { margin: 28px 0; }
dt { margin-top: 18px; font-weight: 700; }
dd { margin: 6px 0 0; overflow-wrap: anywhere; }
footer { margin-top: 28px; padding-top: 20px; border-top: 1px solid #ddd; color: #666; font-size: 14px; }
@media (max-width: 480px) { body { padding: 16px; } main { padding: 24px; } section { padding: 18px; } }