/* Project identity, developer contact and tool credit. */
.site-footer { display: block; padding: 32px 5% 22px; background: #101a13; border-top: 1px solid #ffffff20; color: #aebba6; font-size: 12px; }
.site-footer > div { max-width: 1200px; margin-inline: auto; }
.footer-main { display: grid; grid-template-columns: 1.3fr 1fr 1fr; align-items: start; gap: 36px; }
.site-footer .footer-brand { font-size: 14px; letter-spacing: .6px; gap: 10px; }
.site-footer .footer-brand .brand-symbol { width: 38px; height: 38px; }
.footer-identity p { max-width: 270px; margin: 12px 0 0; line-height: 1.8; }
.site-footer h2 { margin: 3px 0 9px; font: 500 12px/1.6 var(--font); color: #aebba6; letter-spacing: 0; }
.footer-profile { display: block; width: fit-content; color: #e0e7d8; font-size: 15px; padding: 3px 0; }
.footer-email { display: inline-block; padding: 5px 0; overflow-wrap: anywhere; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 16px; list-style: none; padding: 0; margin: 0; }
.footer-links a { display: inline-flex; align-items: center; min-height: 36px; }
.site-footer a { text-underline-offset: 4px; }
.site-footer a:hover { color: #e2ebd6; text-decoration: underline; }
.footer-details { display: flex; align-items: center; justify-content: space-between; gap: 16px 30px; margin-top: 25px; padding-top: 14px; border-top: 1px solid #ffffff10; font-size: 11px; }
.footer-owner { margin: 0; color: #91a185; }
.footer-tool { margin: 0; color: #91a185; }
.footer-tool a { display: inline-flex; align-items: center; min-height: 32px; margin-left: 8px; color: #d3dfc5; font-size: 16px; }
@media (max-width: 900px) {
  .footer-main { grid-template-columns: 1fr 1fr; gap: 22px 30px; }
  .footer-identity { grid-column: 1 / -1; }
  .footer-identity p { max-width: none; margin-top: 8px; }
}
@media (max-width: 500px) {
  .site-footer { padding: 26px 6% 18px; }
  .footer-main { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .footer-links { gap: 0 20px; }
  .footer-links a, .footer-profile, .footer-email, .footer-tool a { min-height: 44px; display: inline-flex; align-items: center; }
  .footer-email { display: flex; padding: 0; }
  .site-footer h2 { margin-bottom: 0; }
  .footer-details { align-items: flex-start; flex-direction: column-reverse; gap: 8px; margin-top: 16px; padding-top: 12px; }
}