/* Reuse the homepage's collection menu beside every page. */
@media (min-width:761px) {
  .page-layout {
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    align-items:start;
    background:linear-gradient(to right,var(--wine-dark) 190px,transparent 190px);
  }
  .page-layout > main {min-width:0;box-sizing:border-box;width:100%}
  .inner-page .site-sidebar {
    display:flex;
    flex-direction:column;
    gap:0;
    justify-content:flex-start;
    position:sticky;
    top:92px;
    height:calc(100dvh - 92px);
    box-sizing:border-box;
    overflow:hidden;
    background:var(--wine-dark);
    padding:120px 25px 48px;
    color:#fff5e6;
  }
  .inner-page .site-sidebar::after {
    content:'J';position:absolute;right:-.17em;bottom:-.3em;
    font-size:190px;line-height:1;font-family:'Palatino Linotype',serif;
    font-style:italic;color:#ffffff0d;pointer-events:none;
  }
  .inner-page .site-sidebar p {
    position:relative;display:block;margin:0 0 30px;
    font-family:var(--sans);font-size:10px;letter-spacing:2.4px;color:#e9bd78;
  }
  .inner-page .site-sidebar a {
    position:relative;display:block;margin:10px 0;font-size:18px;
    line-height:1.14;color:#fff5e6;text-transform:uppercase;
    transition:color .2s,transform .2s;
  }
  .inner-page .site-sidebar a::before {
    content:'—';display:inline-block;margin-right:6px;color:#e9bd78;
    opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s;
  }
  .inner-page .site-sidebar a:hover {color:#f0c276;transform:translateX(4px)}
  .inner-page .site-sidebar a:hover::before {opacity:1;transform:translateX(0)}
  .inner-page .site-sidebar a[href="collections.html"] {padding-left:22px}
  .inner-page .site-sidebar a[href="collections.html"]::before {
    position:absolute;left:0;top:0;margin-right:0;
  }
  .home-page .collection-nav {position:sticky;top:74px}
}
@media (max-width:760px) {
  /* Reuse the existing sidebar as the homepage-style horizontal category bar. */
  .inner-page .site-sidebar {
    display:flex;flex-direction:row;align-items:center;gap:17px;
    width:100%;min-width:0;box-sizing:border-box;
    overflow-x:auto;padding:18px 22px;
    background:var(--wine-dark);color:#fff5e6;
  }
  .inner-page .site-sidebar p {display:none}
  .inner-page .site-sidebar a {
    display:block;flex:0 0 auto;margin:0;color:#fff5e6;
    text-transform:uppercase;font-size:14px;white-space:nowrap;
  }
  .inner-page .site-sidebar a::before {display:none}
  .nav a[href="index.html"] {display:none}
  .page-layout {display:block}
}
/* Keep all five links reachable on short tablet/desktop viewports. */
@media (min-width:761px) and (max-height:520px) {
  .inner-page .site-sidebar {overflow-y:auto;padding-top:35px;padding-bottom:24px}
}

/* Keep the collapsed non-gallery menu usable on short mobile screens. */
@media(max-width:760px) {
  .nav {max-height:calc(100dvh - 76px);overflow-y:auto;box-sizing:border-box}
}

/* Readable main mobile menu; category bar and desktop type stay unchanged. */
@media(max-width:760px) {
  .site-header .nav {font-size:1.125rem;line-height:1.5;gap:6px}
  .site-header .nav > a {
    padding:10px 0;min-height:44px;max-width:100%;overflow-wrap:anywhere;
  }
}