*{box-sizing:border-box}body{margin:0;color:#2b3138;background:#f4f6f9;font:400 1.0625rem/1.65 "Helvetica Neue",Helvetica,Arial,sans-serif}
.page{width:min(860px,100% - 3rem);margin-inline:auto;padding-block:clamp(3rem,8vw,5rem)}
h1{margin:0 0 .5rem;font-size:clamp(2rem,5vw,2.8rem);line-height:1.12;letter-spacing:-.02em;color:#0d2740}h2{margin:2rem 0 .4rem;font-size:1.2rem;color:#0d2740}
a{color:#1f6fb8}.lead{margin:0 0 2rem;color:#566577}
.pick{display:grid;gap:1rem}.pick a{display:block;padding:1.5rem;border:1px solid #dfe5ec;border-radius:10px;background:#fff;color:inherit;text-decoration:none}.pick a:hover{border-color:#1f6fb8}.pick b{display:block;font-size:1.2rem;color:#0d2740}.pick span{color:#566577}
.todo{padding:.6rem 1rem;border-radius:6px;background:#ffe9ad;color:#0b1f33}