/* Shared homepage/subpage navigation; native details provide click/keyboard fallback. */
.living-garden .main-nav { gap:28px; }
.living-garden .nav-dropdown { position:relative; border:0; font-size:11px; font-weight:600; }
.living-garden .nav-dropdown>summary { padding:0; min-height:44px; gap:8px; color:inherit; font:inherit; }
.living-garden .nav-dropdown>summary::after { content:none; }
.living-garden .nav-dropdown>summary>span { font-size:15px; transition:transform .2s; }
.living-garden .nav-dropdown[open]>summary>span { transform:rotate(180deg); }
.living-garden .subnav { position:absolute; z-index:2; top:calc(100% + 8px); left:-22px; width:280px; max-width:none; padding:12px; background:var(--paper); color:var(--ink); border-top:2px solid var(--coral); box-shadow:0 14px 30px #14261e20; }
.living-garden .subnav::before { content:''; position:absolute; top:-10px; left:0; right:0; height:10px; }
.living-garden .subnav a { display:block; padding:12px; font-size:12px; line-height:1.6; }
.living-garden .subnav a::after { content:none; }
.living-garden .subnav a:hover,.living-garden .subnav a[aria-current] { background:#e5e8da; }
.living-garden .main-nav summary:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.subpage .breadcrumbs { flex-wrap:wrap; column-gap:12px; row-gap:5px; }
@media(min-width:801px) { .living-garden .nav-dropdown>summary>span[aria-hidden="true"] { display:none; } }
@media(max-width:1100px) { .living-garden .main-nav { gap:17px; } }
@media(max-width:800px) {
 .living-garden .main-nav { gap:0; }
 .living-garden .nav-dropdown>summary { min-height:52px; font-size:15px; justify-content:space-between; }
 .living-garden .nav-dropdown .subnav { position:static; box-shadow:none; width:auto; border:0; border-left:1px solid var(--sage); margin:0 0 12px 4px; padding:0 0 0 15px; }
 .living-garden .subnav::before { content:none; }
 .living-garden .subnav a { padding:12px; font-size:13px; }
 .living-garden .nav-dropdown summary:focus-visible { outline-color:var(--ink); outline-offset:1px; }
 html:not(.js) .living-garden .main-nav { max-height:none; overflow:visible; gap:6px 20px; }
}