/* CARE is the visual reference for MATE's three services.
   Balanced picture frame (rather than viewport-edge image), native font stack and footer. */
:root{--mate-font:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
body,button,input,select,textarea{font-family:var(--mate-font)}
.footer{background:#f5f9ff;color:#073661;border-top:1px solid #bdd3ec;padding:34px 0 22px}
.footer .footerTop{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
.footer .footerBrand{flex:0 1 250px;min-width:0}
.footer .footerBrand img{width:min(280px,100%);height:auto;max-height:none;filter:none;object-fit:contain;object-position:left center}
.footer .footerBrand p{font-size:13px;line-height:1.8;color:#607b95}
.footer .footerLinks{display:flex;flex:1;justify-content:flex-end;gap:10px 20px;flex-wrap:wrap;font-size:12px;font-weight:700}
.footer .footerLinks a{color:#607b95;line-height:1.7}
.footer .footerLinks a:hover{color:#0878ea}
.footer .footerNote{border-top:1px solid #d9e7f5;color:#607b95}
.footer .copyright{color:#8390a0;font-size:10px;line-height:1.8}
/* Restores original CARE hero; footer and typography stay standardized. */
@media(max-width:900px){
  .footer .footerTop{flex-direction:column;gap:18px}
  .footer .footerBrand{flex:none}
  .footer .footerLinks{justify-content:flex-start}
}
@media(max-width:760px){
  .footer .footerLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px 16px}
  .footer .footerLinks a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}
}
/* 2026-10-31: make the two CARE header actions visually distinguishable. */
.nav .nav-outline,.nav .nav-outline:visited{
 background:#fff;color:#0878ea;border:1.5px solid #0878ea;
 padding:11.5px 18px;border-radius:24px;
}
.nav .nav-outline:hover{background:#edf7ff}
@media(max-width:760px){
 .nav .nav-outline{grid-column:auto;padding:9px 7px}
}