:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; color: #19363e; background: #f8f7f1; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 1rem; line-height: 1.85; }
main { max-width: 52rem; margin: 0 auto; padding: 3.5rem 1.5rem 2rem; }
header { border-top: .35rem solid #1b4b72; padding-top: 1.25rem; }
.brand { font-size: 1.35rem; font-weight: 750; color: #1b4b72; margin: 0 0 2.4rem; }
.brand span { font-size: .75rem; letter-spacing: .12em; margin-left: .7rem; font-weight: 600; }
h1 { font-size: clamp(2.1rem, 6vw, 3.5rem); line-height: 1.25; letter-spacing: -.03em; margin: 0 0 1.5rem; }
.lead { font-size: 1.4rem; margin: 0; }
.date { font-size: .875rem; color: #53656b; margin-top: .3rem; }
.summary { padding: 1.35rem 1.5rem; margin: 2rem 0 2.5rem; border-left: .25rem solid #1b4b72; border-radius: 0 .75rem .75rem 0; background: #dfeff3; }
.summary strong { font-size: 1.15rem; }
.summary p { margin: .5rem 0 0; }
section { margin: 2.2rem 0; }
h2 { font-size: 1.25rem; line-height: 1.5; margin: 0 0 .65rem; }
p { margin: .65rem 0; overflow-wrap: anywhere; }
a { color: #17587c; text-underline-offset: .2em; }
a:focus-visible { outline: .2rem solid #1b4b72; outline-offset: .25rem; border-radius: .1rem; }
code { font-size: .95em; background: #e9eef0; padding: .1rem .25rem; border-radius: .2rem; }
footer { border-top: 1px solid #cbd4d5; margin-top: 3rem; padding-top: 1.2rem; color: #53656b; font-size: .875rem; }
@media (max-width: 420px) { main { padding: 1.5rem 1rem; } .summary { padding: 1rem; } .brand { margin-bottom: 1.8rem; } }