:root { color-scheme: light; font-family: "Source Sans 3", "Microsoft YaHei", system-ui, sans-serif; color: #142c40; background: #f6f8f8; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main { width: min(52rem, calc(100% - 3rem)); margin: auto; }
header { display: flex; align-items: center; justify-content: space-between; min-height: 4.75rem; border-bottom: 1px solid #bdcacf; }
.wordmark { font-weight: 650; letter-spacing: .1em; }
button { padding: .6rem .9rem; background: transparent; border: 1px solid #9aaeb6; border-radius: .3rem; color: #324e5d; cursor: pointer; font: inherit; }
main { padding: clamp(3rem, 10vh, 7rem) 0; }
h1 { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 620; line-height: 1.2; letter-spacing: -.04em; margin: 0 0 2.5rem; }
nav { border-top: 2px solid #294b61; }
nav a { padding: 1.65rem .25rem; border-bottom: 1px solid #bdcacf; display: flex; justify-content: space-between; align-items: center; color: inherit; text-decoration: none; }
nav a:hover, button:hover { background: #eaf0f2; }
strong, small { display: block; }
strong { font-size: 1.55rem; font-weight: 600; }
small { color: #496171; margin-top: .4rem; font-size: .93rem; }
.arrow { font-size: 1.6rem; color: #266484; padding: .4rem; }
:focus-visible { outline: 3px solid #126a95; outline-offset: 3px; }
#status { color: #9d3434; }