/* Homepage collection disclosure. Native details keeps links usable without JS. */
.studio-home .nav{position:relative;z-index:12}
.collection-nav{position:static}
.collection-nav>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:400;white-space:nowrap}
.collection-nav>summary::-webkit-details-marker{display:none}
.collection-nav>summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:3px}
.collection-chevron{display:inline-block;transition:transform .18s;line-height:1}
.collection-nav[open] .collection-chevron{transform:rotate(180deg)}
.collection-nav[open]>summary{color:var(--blue)}
.collection-panel{position:absolute;top:calc(100% - 8px);left:5%;right:5%;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 45px #25282220;max-height:calc(100dvh - 150px);overflow:auto;overscroll-behavior:contain}
.collection-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.collection-intro .eyebrow{margin:0;color:var(--muted);font-size:10px}
.nav nav .collection-all{color:var(--blue);font-size:14px;gap:12px;min-height:44px}
.collection-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:18px}
.collection-label{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted)}
.collection-group ul{list-style:none;padding:0;margin:0}
.nav nav .collection-group a{display:flex;min-height:44px;padding:10px 12px;margin:0 -12px;border-radius:5px;font-size:15px;line-height:1.4}
.nav nav .collection-group a:hover,.nav nav .collection-group a:focus-visible{background:#e8ebdf;color:var(--blue)}
@media(max-width:900px){.studio-home .nav{flex-wrap:wrap}.studio-home .nav>nav{gap:24px}}
@media(max-width:650px){
 .studio-home .nav{gap:14px;padding:20px 6% 12px}
 .studio-home .nav>nav{flex-basis:100%;justify-content:space-between;gap:16px}
 .studio-home .nav>nav>a,.collection-nav>summary{font-size:13px;min-height:44px}
 .studio-home .nav>nav>a:last-child{display:inline-flex}
 .collection-panel{left:4%;right:4%;top:calc(100% - 2px);padding:20px;max-height:calc(100dvh - 155px)}
 .collection-intro{align-items:flex-start;flex-direction:column;gap:5px}
 .collection-groups{grid-template-columns:1fr 1fr;gap:20px}
 .collection-group:last-child{grid-column:1/-1}
 .collection-group:last-child ul{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
 .nav nav .collection-group a,.nav nav .collection-all{font-size:14px}
}
@media(max-width:360px){.collection-groups{grid-template-columns:1fr}.collection-group:last-child ul{grid-template-columns:1fr}.studio-home .nav>nav{gap:10px}}
@media(prefers-reduced-motion:reduce){.collection-chevron{transition:none}}