:root { color-scheme: light; font-family: Arial, sans-serif; color: #1f2c30; background: #f5f3ee; }
    * { box-sizing: border-box; }
    body { margin: 0; }
    main { max-width: 820px; margin: 48px auto; padding: 0 24px 64px; }
    header { display: flex; align-items: center; gap: 14px; margin-bottom: 30px; }
    header img { width: 54px; height: 54px; }
    h1, h2 { font-family: Georgia, serif; line-height: 1.16; }
    h1 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 12px; }
    h2 { font-size: 1.45rem; margin-top: 0; }
    p, li, dd { line-height: 1.65; }
    a { color: #1d4f5e; }
    .intro { font-size: 1.08rem; }
    .card { background: white; border: 1px solid #d9d1c4; border-radius: 18px; padding: 26px; margin: 24px 0; }
    .notice { border-left: 5px solid #d49b6d; background: #fff7ef; padding: 16px 20px; border-radius: 0 12px 12px 0; }
    .muted { color: #506166; font-size: .92rem; }
    dt { font-weight: bold; margin-top: 12px; }
    dd { margin-left: 0; }
    @media (max-width: 580px) { main { margin-top: 28px; padding: 0 18px 48px; } .card { padding: 20px; } }