:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#19253c;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}header{background:#102a4e;color:white;padding:17px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}header .brand{font-size:25px;font-weight:800;letter-spacing:-1px}header button{border:1px solid #829ab6;background:transparent;color:white;border-radius:9px;padding:9px 13px}main{max-width:1100px;margin:auto;padding:24px 20px 70px}.hero{background:linear-gradient(125deg,#183b72,#315dc4);color:white;border-radius:20px;padding:35px 30px;margin-bottom:25px}.hero h1{font-size:clamp(28px,4vw,46px);margin:0 0 10px}.hero h2{font-size:19px;font-weight:500;margin:0 0 12px}.hero p{opacity:.92;line-height:1.65;max-width:750px}.search{width:100%;border:1px solid #d5deeb;border-radius:12px;padding:15px;font-size:16px;background:white}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 23px}.filter{border:1px solid #d5deeb;background:white;border-radius:30px;padding:9px 15px;color:#274365}.filter.active{background:#1e4b96;color:white;border-color:#1e4b96}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.card{background:white;border:1px solid #e0e6f0;border-radius:16px;padding:22px;text-align:left;box-shadow:0 4px 18px #11264709;min-height:166px;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#5784d6}.card .emoji{font-size:32px}.card h3{font-size:19px;margin:13px 0 6px}.card p{color:#64748b;font-size:14px;margin:0}.tool{display:none}.tool.active{display:block}.panel{background:white;border:1px solid #e0e6f0;border-radius:18px;padding:25px;max-width:850px;box-shadow:0 5px 25px #142f5108}.panel h1{margin:0 0 7px;font-size:31px}.muted{color:#62748c;line-height:1.6}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:22px 0}.field label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px;background:white;color:#17233b}.primary{background:#2056ae;color:white;border:0;border-radius:10px;padding:12px 20px;font-weight:700}.back{border:0;background:transparent;color:#2254a3;font-weight:700;margin:0 0 18px;padding:8px 0}.result{margin-top:20px;background:#eef5ff;border:1px solid #c7dcff;border-radius:12px;padding:18px;line-height:1.7;min-height:64px}.result strong{font-size:22px;color:#143f87}.hint{font-size:13px;color:#66788f;line-height:1.6}.calc-display{width:100%;font-size:25px!important;text-align:right;margin:15px 0;border:1px solid #cbd5e1;padding:15px;border-radius:10px}.keys{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.keys button{padding:15px 5px;border:1px solid #d8e1ef;background:#f5f8fe;border-radius:9px;font-weight:700}.keys button.equal{background:#2056ae;color:white}.hidden{display:none!important}footer{text-align:center;color:#708097;padding:30px 15px;border-top:1px solid #e3e9f2;font-size:13px}@media(max-width:550px){.hero{padding:25px 20px}.panel{padding:19px}.keys{gap:5px}.keys button{padding:13px 2px;font-size:14px}}
footer .footer-links{display:flex;justify-content:center;gap:12px 22px;flex-wrap:wrap;margin-bottom:12px}footer a{color:#2056ae;text-decoration:none;font-weight:600}footer a:hover{text-decoration:underline}footer p{margin:8px 0}

a.card{text-decoration:none;color:inherit;display:block}
.seo-content{max-width:850px;margin-top:22px;background:#fff;border:1px solid #e0e6f0;border-radius:18px;padding:24px;line-height:1.7}
.seo-content h2{font-size:23px}.seo-content h3{font-size:18px}
.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.related a{color:#2056ae;text-decoration:none;background:#eef5ff;padding:8px 12px;border-radius:8px}
/* CalcHub header fix */
body > header {
  background: #102a4e;
  color: white;
  padding: 17px max(20px, calc((100vw - 1100px)/2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body > header .brand {
  color: white;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -1px;
  text-decoration: none;
  display: inline-block;
}