:root{font:17px/1.6 system-ui;color:#142c36;background:#f5f4ee}body{margin:0}header,main,footer{max-width:960px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #becbc8}header a{font-weight:750;font-size:24px}header span,small,footer{color:#506366}a{color:#126357}h1{font-size:42px;line-height:1.2}h2{margin-top:38px}article{background:white;padding:24px;margin:18px 0;border:1px solid #d5ded8;border-radius:8px}dl{display:grid;grid-template-columns:150px 1fr;gap:8px}dt{font-weight:600}dd{margin:0;overflow-wrap:anywhere}code{overflow-wrap:anywhere}input,button{font:inherit;padding:10px;border:1px solid #a3b9b2;border-radius:4px}button{background:#145a4c;color:white}pre{white-space:pre-wrap;overflow-wrap:anywhere}.notice{padding:16px;background:#e7eee6}footer{font-size:14px}@media(max-width:600px){header{display:block}header span{display:block}dl{display:block}dd{margin-bottom:12px}h1{font-size:32px}}