/* =========================================================
   Site footer — shared by every page (home, /nsmb and the pages generated from ashleylim.com).
   Self-contained: it sets its own tokens, font and resets, so it looks the same whatever page CSS
   surrounds it. Markup: copy <footer class="site-footer"> from site/index.html (tools/rebuild does this).
   The icon links are "__follow" (not "social") and point to /go/<network> (redirects in vercel.json):
   ad/tracking blockers hide elements named "social" or linking straight to instagram.com etc.
   ========================================================= */
.site-footer{
  --ft-bg:#082D2E;          /* = --deep */
  --ft-fg:#FFFFFF;
  --ft-icon:#FFFFFF;
  --ft-rule:rgba(255,255,255,.15);
  --ft-focus:#DB4A2B;        /* = --accent */
  --ft-gutter:20px;
  --ft-width:1000px;        /* = --w-wide */
  background:var(--ft-bg);color:var(--ft-fg);
  font:400 16px/1.4 "Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;text-align:left
}
.site-footer *,.site-footer *::before,.site-footer *::after{box-sizing:border-box}
.site-footer p{margin:0}
.site-footer__in{max-width:var(--ft-width);margin:0 auto;padding:60px var(--ft-gutter)}
.site-footer__top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.site-footer__biz{font-size:13px;line-height:22.4px}
.site-footer__biz a{color:var(--ft-fg);text-decoration:underline}
.site-footer__follow{display:flex;flex-wrap:wrap;gap:16px;flex-shrink:0}
.site-footer__follow a{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;color:var(--ft-icon);transition:opacity .2s}
.site-footer__follow a:hover{opacity:.7}
.site-footer__follow svg{display:block;flex:0 0 25px;width:25px;height:25px;fill:currentColor}
.site-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--ft-rule);font-size:13px}
.site-footer__links{display:flex;gap:20px;flex-wrap:wrap}
.site-footer__links a{color:var(--ft-fg);text-decoration:none;padding:6px 0}
.site-footer__links a:hover{text-decoration:underline}
.site-footer a:focus-visible{outline:3px solid var(--ft-focus);outline-offset:3px;border-radius:6px}
/* Phones: icons under the business details, with less space around them (their 44px tap boxes already add ~10px);
   the " | " separators (except on the TEL line) become line breaks. */
@media (max-width:767px){.site-footer__top{flex-direction:column;gap:12px}.site-footer__sep{display:block;height:0;overflow:hidden}.site-footer__follow{margin-left:-10px}.site-footer__bottom{margin-top:12px}}
@media (prefers-reduced-motion:reduce){.site-footer__follow a{transition:none}}