*{box-sizing:border-box}body{margin:0;color:#18253c;background:#faf8f2;font:18px/1.6 system-ui,sans-serif}header,main,footer{max-width:1040px;margin:auto;padding:24px}header{border-bottom:1px solid #ccc}a{color:#00509b}h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.15}h2{line-height:1.3}.lead{max-width:70ch}.swatch{padding:32px;border:1px solid #767676;border-radius:12px;font-size:24px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card{background:white;padding:18px;border:1px solid #ccc;border-radius:8px}.ratio{font-size:2.5rem;font-weight:700}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ccc;padding:12px}code{overflow-wrap:anywhere}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #8a3a16;outline-offset:4px}input,button{font:inherit;padding:8px;max-width:100%}label{display:block;margin-top:16px}footer{font-size:.9rem}small{display:block}.badge{font-weight:650}