@font-face{font-family:'Bricolage Grotesque';src:url(bricolage.woff2) format('woff2');font-weight:200 800;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#E7EFE9;color:#1B2420;font-family:'Bricolage Grotesque',system-ui,sans-serif;line-height:1.45}
a{color:#1B2420}:focus-visible{outline:3px solid #D2601A;outline-offset:2px}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;padding-bottom:20px}.top nav a{font-weight:600}
.logo{padding:10px 20px;background:#1B2420;color:#E7EFE9;border-radius:999px;font-size:18px;font-weight:800;text-decoration:none}.logo span{opacity:.7;font-weight:600}
.crumb{font-size:14px;color:#4B5650;margin:8px 0}.crumb a{color:#4B5650}
h1{font-size:44px;margin:0;line-height:1.1}h2{font-size:24px;margin:28px 0 10px}.answer{font-size:22px;margin:8px 0 20px}
.card{background:#fff;border-radius:28px;padding:24px}.conv{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.conv label{flex:1 1 260px;background:#F1F5F2;border-radius:20px;padding:14px 18px;font-size:14px;font-weight:600;color:#4B5650;display:flex;flex-direction:column}
.conv label.to{background:#FFE1C7;color:#5E3A1C}.conv input{border:none;background:transparent;font:inherit;font-size:40px;font-weight:800;color:#1B2420;padding:0;width:100%;min-width:0}
.eq{font-size:28px;font-weight:800}.formula{font-size:20px;font-weight:800;background:#fff;border-radius:16px;padding:12px 16px;display:inline-block;margin:0 0 8px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}p{max-width:65ch}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden}th,td{text-align:left;padding:9px 16px}th{background:#CFE3FF}tr:nth-child(even) td{background:#F1F5F2}
.rel{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.rel a{display:block;background:#fff;border-radius:14px;padding:10px 14px;text-decoration:none;font-weight:600}.rel a:hover{background:#FFE1C7}
.more{font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0 32px}
.fnav{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:10px}.fnav a{color:#4B5650}
.legal h2{font-size:22px}.legal p,.legal li{max-width:70ch}
footer{padding-top:40px;padding-bottom:40px;font-size:14px;color:#4B5650}
@media(max-width:800px){.cols{grid-template-columns:1fr;gap:0}h1{font-size:34px}}