/* Medical calculator footer: exact visual rules from the supplied BMI model. */
footer {
  border-top: 1px solid rgba(255,255,255,.11);
  background: rgba(5,7,10,.72);
}

footer .footer-grid {
  display: grid;
  grid-template-columns: 1.28fr .8fr .95fr .8fr 1fr;
  gap: 30px;
  padding: 34px 0 31px;
}

footer .footer-brand .brand-logo {
  width: 250px;
  height: auto;
}

footer .footer-brand p {
  max-width: 260px;
  margin: 13px 0 17px;
  color: #969ba3;
  font-size: 12.5px;
  line-height: 1.6;
}

footer h2 {
  margin: 0 0 13px;
  font-family: Georgia,"Times New Roman",serif;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0;
  text-transform: none;
}

footer .footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 7px;
  color: #a4a8af;
  font-size: 12.5px;
}

footer .footer-links a,
footer .footer-links span {
  color: #a4a8af;
  font-size: 12.5px;
}

footer .footer-links a:hover { color: var(--gold); }

footer .contact-line {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #a4a8af;
  font-size: 12.5px;
  margin-bottom: 9px;
}

footer .contact-line svg {
  color: var(--gold);
  margin-top: 2px;
  flex: 0 0 auto;
}

footer .copyright {
  border-top: 1px solid rgba(255,255,255,.08);
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #747a83;
  font-size: 11.5px;
}

html[data-theme="light"] footer {
  background: rgba(255,255,255,.78);
  border-color: rgba(38,55,76,.14);
}

html[data-theme="light"] footer .footer-brand p,
html[data-theme="light"] footer .footer-links,
html[data-theme="light"] footer .footer-links a,
html[data-theme="light"] footer .contact-line { color: #596676; }

html[data-theme="light"] footer .copyright {
  color: #6f7b89;
  border-color: rgba(38,55,76,.12);
}

@media (max-width:1050px) {
  footer .footer-grid { grid-template-columns: 1.35fr repeat(2,1fr); }
}

@media (max-width:760px) {
  footer .footer-grid { grid-template-columns: 1fr 1fr; }
  footer .footer-brand { grid-column: 1/-1; }
  footer .footer-brand .brand-logo { width: 225px; }
  footer .copyright {
    align-items: flex-start;
    flex-direction: column;
    padding: 15px 0;
  }
}

@media (max-width:470px) {
  footer .footer-brand .brand-logo { width: 205px; }
  footer .footer-grid { grid-template-columns: 1fr; }
}