:root{color-scheme:light;--ink:#12242c;--muted:#566367;--accent:#e98f22;--line:#cad1d1;--paper:#fff;--ice:#edf5f4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;letter-spacing:0;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px max(24px,calc((100% - 1080px)/2));border-bottom:3px solid var(--accent)}header>a{font-size:27px;font-weight:750;text-decoration:none}header>span{font-size:13px}main{max-width:1080px;margin:auto;padding:0 24px}.intro{max-width:800px;padding:42px 0 24px}.category{font-size:13px;color:var(--muted);margin:0 0 12px}h1{font-size:42px;line-height:1.25;margin:0 0 22px}h2{font-size:27px;line-height:1.5;margin:0 0 18px}h3{font-size:20px}.lead{font-size:23px;line-height:1.65;margin:0 0 22px}p{margin:0 0 20px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;max-width:100%;min-height:52px;padding:12px 20px;background:var(--ink);color:#fff;text-decoration:none;font-weight:650;font-size:16px}.primary:hover{background:#254249}.primary span{font-size:22px}figure{margin:28px 0}figure img{display:block;width:100%;height:auto;border:1px solid var(--line)}figcaption{font-size:13px;color:var(--muted);margin-top:10px}.wide{margin:0 0 38px}section{max-width:820px;padding:32px 0;border-top:1px solid var(--line)}ul,ol{padding-left:24px}li{margin-bottom:14px}li strong{display:block}dl{display:grid;grid-template-columns:150px 1fr;gap:16px 24px;margin:0 0 28px}dt{font-weight:650}dd{margin:0}.start{background:var(--ice);max-width:none;padding:32px 24px}.start p{max-width:780px}.links a{display:block;margin:16px 0}footer{margin-top:36px;border-top:1px solid var(--line);padding:24px;text-align:center;font-size:13px}@media(max-width:600px){main{padding:0 18px}header{padding:16px 18px}header>a{font-size:24px}.intro{padding-top:30px}h1{font-size:32px}h2{font-size:24px}.lead{font-size:20px}dl{grid-template-columns:1fr;gap:6px}dd{margin-bottom:14px}.start{padding:26px 18px}.primary{font-size:15px;gap:12px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand-logo{display:block;flex:none;object-fit:contain}header>a{display:flex;align-items:center;gap:10px}.following{margin-top:24px;margin-bottom:0}.intro+figure{max-width:960px}