/* Shared mobile behavior for all Foundation previews.
   Visual identity stays in each Foundation stylesheet; this file only supplies
   accessible navigation, safe-area spacing, and touch ergonomics. */
.foundation-menu-toggle{display:none}

@media (max-width:900px){
  body:not(.is-embedded)>header{z-index:80}
  .foundation-menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:52px;
    min-height:44px;
    padding:0 4px;
    margin-left:auto;
    border:0;
    border-bottom:1px solid currentColor;
    border-radius:0;
    background:transparent;
    color:inherit;
    font:inherit;
    font-size:10px;
    font-weight:500;
    line-height:1;
    letter-spacing:.12em;
    text-transform:uppercase;
    cursor:pointer;
  }
  .foundation-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
  body:not(.is-embedded)>header>nav{display:none!important}
  body.foundation-menu-open:not(.is-embedded)>header>nav{
    --foundation-menu-bg:var(--paper,#f5f5f2);
    --foundation-menu-fg:var(--ink,#151515);
    position:fixed;
    inset:var(--foundation-header-height,68px) 0 0;
    z-index:79;
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0!important;
    padding:24px var(--pad,20px) calc(32px + env(safe-area-inset-bottom));
    overflow-y:auto;
    overscroll-behavior:contain;
    background:var(--foundation-menu-bg);
    color:var(--foundation-menu-fg);
    border-top:1px solid currentColor;
  }
  body.foundation-menu-open:not(.is-embedded)>header>nav a{
    display:flex;
    align-items:center;
    min-height:58px;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,currentColor 24%,transparent)!important;
    color:inherit!important;
    font-size:clamp(18px,5.6vw,30px)!important;
    line-height:1.1!important;
    letter-spacing:-.025em!important;
    text-transform:none!important;
  }
  body.foundation-menu-open{overflow:hidden}

  /* The two dark systems do not expose a light --paper as their canvas. */
  body:has(.nl-header).foundation-menu-open>header>nav{
    --foundation-menu-bg:var(--bg,#101214);
    --foundation-menu-fg:var(--paper,#e4e1da);
  }
  body:has(.mr-header).foundation-menu-open>header>nav{
    --foundation-menu-bg:var(--bg,#121719);
    --foundation-menu-fg:var(--text,#edf1ee);
  }
}

@media (max-width:600px){
  .lanmark-preview-back{
    right:calc(12px + env(safe-area-inset-right))!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    min-height:44px!important;
    padding:0 13px!important;
  }
}

html.is-embedded .foundation-menu-toggle,
body.is-embedded .foundation-menu-toggle{display:none!important}

@media (prefers-reduced-motion:reduce){
  .foundation-menu-toggle{transition:none!important}
}