.mg-header,.mg-footer {box-sizing:border-box; width:calc(100% - 112px); max-width:1200px; margin-inline:auto; font-family:Arial,Helvetica,sans-serif; color:#171716; background:#faf9f6;}
.mg-header {display:flex; justify-content:space-between; align-items:center; gap:30px; min-height:112px; border-bottom:1px solid #d9d9d2; padding:20px 0;}
.mg-header a,.mg-footer a {color:inherit; text-decoration:none;}
.mg-header .mg-brand,.mg-footer .mg-brand {font-size:28px; font-weight:700; letter-spacing:-1.5px; white-space:nowrap; line-height:1.3;}
.mg-header nav,.mg-footer nav {display:flex; flex-wrap:wrap; align-items:center; gap:12px 28px; font-size:15px; line-height:1.5;}
.mg-header nav a {padding:8px 0;}
.mg-header a:hover,.mg-footer nav a:hover {text-decoration:underline; text-underline-offset:5px;}
.mg-header .mg-contact {border-bottom:1px solid #171716; font-weight:600;}
.mg-header a:focus-visible,.mg-footer a:focus-visible {outline:2px solid #171716; outline-offset:5px;}
.mg-footer {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:24px; padding:36px 0;}
.mg-footer .mg-brand {font-size:23px;}
.mg-footer p,.mg-footer>span {font-size:15px; margin:0; color:#62625d;}
.mg-footer nav {gap:12px 20px;}
@media(max-width:1100px) {.mg-header,.mg-footer {width:calc(100% - 72px);} .mg-header nav {gap:10px 20px;}}
@media(max-width:760px) {.mg-header,.mg-footer {width:calc(100% - 40px);} .mg-header {flex-wrap:wrap; gap:14px; padding:22px 0 16px; min-height:92px;} .mg-header .mg-brand {font-size:25px;} .mg-header nav {width:100%; gap:4px 20px; font-size:14px;} .mg-footer nav {width:100%; font-size:14px;}}