.site-footer{
margin:0 44px 24px;
padding:15px 18px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
border:1px solid #dce4df;
border-radius:12px;
background:rgba(255,255,255,.7);
color:var(--muted);
font-size:11px;
text-align:center}
.site-footer strong{
color:var(--forest);
white-space:nowrap}
.site-footer strong::after{
content:'·';
margin-left:10px;
color:#9aa7a1}
.site-footer nav{display:flex;gap:9px;margin-left:5px}
.site-footer a{color:var(--green);font-weight:600;text-decoration:none}
.site-footer a:hover{text-decoration:underline}

@media(max-width:760px){
.site-footer{
margin:0 16px 18px;
align-items:flex-start;
flex-direction:column;
gap:4px;
text-align:left}
.site-footer strong::after{
content:none}
.site-footer nav{margin-left:0;flex-wrap:wrap}
}