:root{color-scheme:light;font-family:system-ui,sans-serif;color:#183747;background:#f4f7f8;line-height:1.8}*{box-sizing:border-box}body{max-width:960px;margin:0 auto;padding:40px 24px}h1{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.35}a{color:#006f78;text-underline-offset:4px}a:focus-visible{outline:3px solid #b87b00;outline-offset:4px}header{padding:16px 0 24px;border-bottom:2px solid #cbdcdf}section{margin:36px 0}aside{background:#fff4d9;border-left:4px solid #b07b17;padding:16px 20px;border-radius:4px}aside p{margin:4px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}article{background:white;border:1px solid #ccdcdf;border-radius:12px;padding:24px}article h3{margin-top:0;font-size:1.4rem}.button{display:inline-block;background:#14606b;color:white;padding:12px 18px;border-radius:7px;text-decoration:none;font-weight:700}.button:hover{background:#104b53}li{margin:12px 0}code{overflow-wrap:anywhere;background:#e5edef;padding:2px 5px}dt{font-weight:700;margin-top:20px}dd{margin-left:0}footer{border-top:1px solid #cbdcdf;margin-top:40px;padding-top:20px}nav{padding:20px 0}p,a{overflow-wrap:anywhere}@media(max-width:480px){body{padding:20px 16px}.cards{grid-template-columns:1fr}article{padding:20px}ol{padding-left:24px}}