footer{background:linear-gradient(110deg,#092133,#0a263e);color:#f5f7fa;padding:18px 0 12px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:12px}.footer-brand{text-align:center}.footer-brand .image-logo{width:75px}.footer-brand h2{font-size:18px;font-weight:500}.footer-brand>p[lang]{font-family:Georgia,serif;font-size:10px;letter-spacing:.8px}.footer-brand .footer-slogan{font-size:12px;margin-top:12px}.footer-grid h3{font-size:13px;margin-bottom:10px}.footer-grid ul{font-size:11px;line-height:2}.footer-grid ul button{background:transparent;color:inherit}.footer-grid ul button:hover{color:var(--gold-accent)}.social-icons{display:flex;gap:20px;margin-top:16px}.social-icons :is(button,a){background:transparent;color:#fff}.social-icons .icon{width:17px;height:17px}.social h3:after{content:'';display:inline-block;vertical-align:middle;width:29px;height:1px;margin-right:12px;background:var(--gold-accent)}.footer-bottom{border-top:1px solid #ffffff26;padding-top:12px;display:flex;justify-content:space-between;gap:16px;font-size:10px}.footer-bottom>span{color:#c2cdd8}

/* Phase 10: comfortable, scoped footer navigation. */
footer{padding-block:30px 20px}
footer .footer-primary{border-bottom:1px solid #ffffff26;padding-bottom:24px;margin-bottom:28px}
footer .footer-primary ul,footer .footer-grid ul{display:flex;flex-wrap:wrap;gap:10px;line-height:1.7}
footer .footer-primary ul{justify-content:center}
footer .footer-primary li,footer .footer-grid li{max-width:100%;min-width:0}
footer .footer-primary a,footer .footer-grid ul a,footer .footer-grid ul button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 16px;border:1px solid #718497;border-radius:999px;background:#15354f;color:#f5f7fa;font-family:inherit;font-size:15px;line-height:1.7;text-align:center;white-space:normal;overflow-wrap:anywhere}
footer .footer-primary a{border-color:#b6934f;color:#f6dfac;font-size:16px;font-weight:700;padding-inline:22px}
footer .footer-primary a:hover,footer .footer-grid ul a:hover,footer .footer-grid ul button:hover{background:#234762;border-color:#d7ad58;color:#fff1d1}
footer :is(a,button):focus-visible{outline:3px solid #f1cd81;outline-offset:4px}
footer .footer-grid{grid-template-columns:minmax(180px,1.1fr) repeat(2,minmax(0,1.4fr)) minmax(140px,.7fr);gap:28px;padding-bottom:28px}
footer .footer-grid>div{min-width:0}footer .footer-grid h3{font-size:17px;margin-bottom:16px;color:#f6dfac}
footer .footer-brand .footer-slogan{font-size:14px;line-height:1.9}
footer .social-icons{flex-wrap:wrap;gap:10px}footer .social-icons :is(button,a){display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #718497;border-radius:50%}footer .social-icons .icon{width:20px;height:20px}
footer .footer-bottom{font-size:13px;line-height:1.9}
@media(max-width:1000px){footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}footer .footer-brand{grid-column:1/-1}footer .social{grid-column:1/-1}}
@media(max-width:600px){footer .footer-grid{grid-template-columns:minmax(0,1fr);gap:28px}footer .footer-primary ul{justify-content:flex-start}footer .footer-primary a{font-size:16px;padding-inline:18px}footer .footer-grid ul a,footer .footer-grid ul button{font-size:16px;min-height:46px}footer .footer-grid h3{font-size:18px}footer .footer-bottom{font-size:13px}}