/* Shared Rooms site navigation used on the home page and editorial pages. */
.shell-home{display:inline-flex;margin-right:2px;color:var(--ink-70);font-size:11px;letter-spacing:.06em;text-decoration:none;transition:color .18s ease}
.shell-home:hover,.shell-home:focus-visible{color:var(--shell-nav-accent,var(--ink));text-decoration:underline;text-decoration-color:var(--shell-nav-accent,var(--ink));text-underline-offset:4px;outline:none}
.nav-menu{position:relative;display:flex;align-items:center}
.nav-menu-trigger{display:inline-flex;align-items:center;gap:5px;color:var(--ink-70);font-size:11px;letter-spacing:.06em;text-decoration:none;transition:color .18s ease}
.nav-menu-trigger:after{content:"";width:4px;height:4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .2s ease}
.nav-menu:hover .nav-menu-trigger,.nav-menu:focus-within .nav-menu-trigger{color:var(--shell-nav-accent,var(--ink));text-decoration:underline;text-decoration-color:var(--shell-nav-accent,var(--ink));text-underline-offset:4px}
.nav-menu:hover .nav-menu-trigger:after,.nav-menu:focus-within .nav-menu-trigger:after{transform:rotate(225deg) translate(-1px,-1px)}
.nav-popover{position:absolute;z-index:10;top:100%;left:0;display:grid;min-width:208px;padding:8px;border:1px solid rgba(32,61,4,.15);border-radius:10px;background:rgba(255,255,231,.97);box-shadow:0 14px 30px rgba(32,61,4,.08);opacity:0;pointer-events:none;transition:opacity .18s ease}
.nav-popover:before{content:"";position:absolute;top:-5px;left:18px;width:9px;height:9px;border-left:1px solid rgba(32,61,4,.15);border-top:1px solid rgba(32,61,4,.15);background:var(--shell-background,var(--cream,#fffde9));transform:rotate(45deg)}
.nav-actions>.nav-menu:nth-of-type(2) .nav-popover{left:auto;right:0}
.nav-actions>.nav-menu:nth-of-type(2) .nav-popover:before{left:auto;right:25px}
.nav-menu:hover .nav-popover,.nav-menu:focus-within .nav-popover{opacity:1;pointer-events:auto}
.nav-popover a{display:block;padding:10px 11px;border-radius:6px;color:var(--ink-70);font-size:11px;line-height:1.2;text-decoration:none;transition:background .18s ease,color .18s ease}
.nav-popover a:hover,.nav-popover a:focus-visible{background:var(--shell-popover-hover,rgba(185,132,207,.16));color:var(--ink);outline:none}
@media(max-width:700px){.nav-actions{gap:12px}}
@media(max-width:600px){
  .nav{
    display:grid;
    grid-template-columns:auto auto auto minmax(0,1fr);
    grid-template-areas:"brand brand brand cta" "home about . .";
    align-items:center;
    gap:12px 8px;
    padding:20px 0;
  }
  .brand{grid-area:brand}
  .nav-actions{display:contents}
  .nav-actions>.shell-home{grid-area:home}
  .nav-actions>.nav-link{grid-area:about}
  .nav-actions>.nbtn{grid-area:cta;justify-self:end;flex:0 0 auto;white-space:nowrap;padding:8px 11px;font-size:10px}
  .shell-home,.nav-link{font-size:10px;white-space:nowrap}
}