/* SaveMyFit home — bottom links.
   Default (phones, tablets): two small columns of two lines — left "Dynamic Size System / Size Chart Builder",
   right "Privacy Policy / Terms of Service".
   PC browsers: size-link.js sets html.sz-one and the same links sit on one line (left pair · right pair). */
.legal-links,.dyn-mark:not([hidden])~.legal-links,.dyn-mark.is-up~.legal-links{left:auto;right:var(--gutter);justify-content:flex-end}
.legal-links{flex-direction:column;align-items:flex-end;gap:0}
.legal-links>span[aria-hidden]{display:none}
#dynMark,#dynMark.is-up{bottom:calc(33.5px + env(safe-area-inset-bottom))}
.sz-mark{position:absolute;left:var(--gutter);bottom:calc(10px + env(safe-area-inset-bottom));z-index:4;display:inline-flex;align-items:center;gap:7px;margin:0;padding:4px 2px;font-size:12px;line-height:1.3;letter-spacing:.02em;color:var(--ink-3);text-decoration:none;white-space:nowrap}
.sz-mark:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #e2ae4533}
.sz-mark:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.sz-mark[hidden],.stage.is-final .sz-mark{display:none}

/* one line — PC browsers only */
.sz-one .legal-links{flex-direction:row;align-items:center;gap:5px}
.sz-one .legal-links>span[aria-hidden]{display:inline}
.sz-one #dynMark,.sz-one #dynMark.is-up{bottom:calc(10px + env(safe-area-inset-bottom))}
.sz-one .sz-mark{left:calc(var(--gutter) + var(--sz-dyn-w,0px))}

@media(max-width:899px){
  .stage.is-home .panel,.stage.is-home.dyn-up .panel{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
}