/* 3.1.0: the new menu: the ★ on page headings and on the menu's pages, ★ Pinned (drag to reorder), Recent, "More…" */
.side-row { position: relative; }
.side-star { position: absolute; inset-inline-end: 4px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 6px; background: none; color: var(--muted); cursor: pointer; opacity: 0; }
.side-row:hover .side-star, .side-star:focus-visible, .pin-row .side-star { opacity: 1; }
.side-row:hover > a .nav-count, .pin-row > a .side-label { margin-inline-end: 22px; }
.side-star:hover { background: var(--sunk); color: var(--ink); }
.side-star[aria-pressed="true"], .pin-star[aria-pressed="true"] { color: #d99a00; }
.side-star[aria-pressed="true"] svg, .pin-star[aria-pressed="true"] svg { fill: currentColor; }
body.side-folded:not(.side-fly) .side-star { display: none; }
.pin-row > a { cursor: grab; }
.pin-row > a.dragging { opacity: .5; }
.pin-row.drop-here { box-shadow: inset 0 2px 0 var(--accent); border-radius: var(--r-sm); }
.side-hint { margin: 6px 10px; line-height: 1.45; }
.side-more { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 0; border-radius: var(--r-sm); background: none; color: var(--muted); font: inherit; font-size: .93rem; text-align: start; cursor: pointer; }
.side-more:hover { background: var(--sunk); color: var(--ink); }
.side-more-list { display: flex; flex-direction: column; gap: 1px; }
.side-more-list[hidden] { display: none; }
.rail-btn[data-sec="pinned"] .rail-ico { color: #d99a00; }
.page-head .pin-star { color: var(--muted); }
.page-head .pin-star[hidden] { display: none; }