.site-more { position:relative; flex:none; }
.site-more summary { display:flex; align-items:center; justify-content:center; padding:8px 12px; font-weight:500; cursor:pointer; list-style:none; gap:4px; }
.site-more summary::-webkit-details-marker { display:none; }
.site-more summary:hover,.site-more summary:focus-visible { color:hsl(var(--primary)); }
.site-more summary:focus-visible { outline:2px solid hsl(var(--primary)); outline-offset:2px; border-radius:6px; }
.site-more .chevron-icon { margin:0; transition:transform .18s; }
.site-more[open] .chevron-icon { transform:rotate(180deg); }
.site-more nav { position:absolute; top:calc(100% + 8px); right:0; z-index:40; width:164px; padding:6px; border:1px solid hsl(var(--border)); border-radius:8px; background:hsl(var(--background)); box-shadow:0 8px 24px rgb(0 0 0 / .07); }
.site-more nav a { display:block; padding:9px 12px; border-radius:4px; font-size:14px; white-space:nowrap; }
.site-more nav a:hover,.site-more nav a:focus-visible,.site-more nav a[aria-current] { color:hsl(var(--primary)); background:hsl(var(--muted)); }
@media(min-width:768px) {
  /* Bridge the gap so moving from the trigger to the dropdown keeps it open. */
  .site-more[open]::after { content:''; position:absolute; top:100%; left:0; right:0; height:8px; }
}
@media(max-width:767px) {
  .site-more { width:100%; }
  .site-more summary { justify-content:flex-end; padding:8px 0; }
  .site-more nav { position:static; width:100%; border:0; box-shadow:none; padding:0 0 4px; background:transparent; }
  .site-more nav a { text-align:right; padding:8px 0; color:hsl(var(--muted-foreground)); }
}