*{box-sizing:border-box}body{margin:0;background:#f5f0e6;color:#252a27;font:18px/1.65 Georgia,serif}a{color:#895022}header{background:#182e30;color:#fff;padding:2.5rem max(5vw,1rem)}header div,main,footer{max-width:1080px;margin:auto}h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:400;line-height:1.13;margin:.6rem 0 1rem}h2,h3,small,nav{font-family:system-ui,sans-serif}h2{font-size:1.5rem;color:#182e30;margin-top:2.2rem}h3{font-size:1.1rem}main{padding:1.2rem}.tag{background:#efca84;color:#182e30;padding:.35rem .65rem;font:700 12px/1.4 system-ui,sans-serif}.notice{border-left:5px solid #a15d34;padding:1rem 1.2rem;background:#fff;font:15px/1.6 system-ui,sans-serif;margin:1.4rem 0}.card{background:#fff;padding:1.1rem 1.3rem;border-top:3px solid #a15d34;margin:1rem 0}.card h3{margin:0 0 .5rem}.card p{margin:.5rem 0}.hash{font:12px/1.6 system-ui,sans-serif;color:#59615c;overflow-wrap:anywhere}code{font-size:13px;overflow-wrap:anywhere}nav{display:flex;gap:1rem;flex-wrap:wrap}footer{padding:2rem 1.2rem;font:14px/1.6 system-ui,sans-serif;border-top:1px solid #d9cfbe}li{margin-bottom:.6rem}@media(max-width:600px){body{font-size:17px}header{padding:2rem 1rem}main{padding:1rem}}