:root { color-scheme: light; font-family: "Noto Serif SC", "Songti SC", Georgia, serif; color: #202632; background: #eef1f4; }
* { box-sizing: border-box; } body { margin: 0; padding: 48px 18px; } main { max-width: 850px; margin: auto; background: #fff; padding: 70px 82px; box-shadow: 0 18px 45px #18233b24; border-top: 7px solid #1c4966; }
header { border-bottom: 1px solid #d9dee5; margin-bottom: 32px; padding-bottom: 22px; } .eyebrow { color: #1c4966; font: 700 12px ui-monospace, monospace; letter-spacing: .14em; } h1 { font-size: 32px; margin: 15px 0 10px; letter-spacing: .08em; display: flex; align-items: center; gap: 12px; } .pdf-icon { width: 34px; height: 34px; flex: 0 0 auto; } h2 { color: #1c4966; font-size: 18px; margin: 30px 0 12px; } p { line-height: 1.9; margin: 7px 0; } strong { color: #9b2c2c; } .muted, .notice { color: #687386; font-size: 14px; } footer { border-top: 1px solid #d9dee5; margin-top: 42px; padding-top: 28px; display: flex; justify-content: space-between; gap: 30px; line-height: 2.3; } .notice { margin-top: 36px; border-left: 3px solid #d8b559; padding-left: 12px; }
@media (max-width: 620px) { body { padding: 0; } main { padding: 35px 25px; box-shadow: none; } h1 { font-size: 25px; } footer { display: block; } footer div + div { margin-top: 24px; } }