/* Shared landing-page footer on every SDMGuild page. */
.retail-shell,
.character-shell {
  /* The shared footer can be wider than the page content without growing its grid track. */
  grid-template-columns:minmax(0,1fr);
}
.site-footer.wrap {
  width:min(1328px,calc(100vw - clamp(40px,7.8vw,112px)));
  min-width:0;
  margin-inline:0;
  justify-self:center;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
  padding:20px 0 max(20px,env(safe-area-inset-bottom));
  color:var(--white);
  font-family:"Cinzel",Georgia,serif;
}
.site-footer .footer-name {
  justify-self:start;
  font-family:"Cinzel",Georgia,serif;
  font-size:12px;
  font-weight:600;
  color:inherit;
  text-decoration:none;
}
.site-footer .footer-name:hover { color:var(--acid); }
.site-footer .footer-name:focus-visible { outline:2px solid var(--acid); outline-offset:6px; }
.site-footer p,
.site-footer .footer-domain {
  justify-self:end;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  color:#8e9786;
  line-height:1.6;
  margin:0;
}
.site-footer .footer-domain {
  font-family:"Cinzel",Georgia,serif;
  font-size:10px;
  letter-spacing:.04em;
}
@media(max-width:900px) {
  .site-footer .footer-name { font-size:10px; }
  .site-footer p { font-size:10px; }
  .site-footer .footer-domain { font-size:9px; }
}
@media(max-width:640px) and (orientation:portrait) {
  .site-footer.wrap {
    width:calc(100vw - 40px);
    display:grid;
    grid-template-columns:1fr auto;
    gap:4px 12px;
    padding:10px 0 max(10px,env(safe-area-inset-bottom));
  }
  .site-footer p { grid-column:1 / -1; grid-row:2; justify-self:start; font-size:9px; }
  .site-footer .footer-domain { font-size:8px; }
  .site-footer .footer-name { font-size:9px; }
}
@media(max-height:500px) and (orientation:landscape) {
  .site-footer.wrap { padding:12px 0 max(12px,env(safe-area-inset-bottom)); }
}