/* ── settings：名字旁的設定齒輪、滑鼠移過去的提示、點開的選單 ── */
.gear-slot{position:relative;display:inline-flex;flex:0 0 auto}
.gear{display:flex;align-items:center;justify-content:center;width:var(--tap);min-height:var(--tap);border:0;border-radius:var(--r-md);background:none;color:var(--side-text);padding:0}
.gear:hover,.gear[aria-expanded="true"]{background:var(--side2);color:#fff}
.gear svg{transition:transform var(--dur) var(--ease)}
.gear[aria-expanded="true"] svg{transform:rotate(45deg)}
.gear-tip{display:none;position:absolute;left:0;top:calc(100% + 4px);z-index:var(--z-modal);white-space:nowrap;background:var(--ink);color:var(--bg);
  font-size:var(--fs-cap);font-weight:700;line-height:var(--lh-tight);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);pointer-events:none}
@media (hover:hover){.gear-slot:not(.is-open):hover .gear-tip{display:block}}
.gear-menu{position:absolute;left:0;top:calc(100% + 4px);z-index:var(--z-modal);min-width:260px;background:var(--surface);color:var(--ink);
  border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lift);padding:var(--sp-2);display:grid;gap:2px}
/* 側欄有捲軸（會把超出去的裁掉）、手機上方列很窄：選單跟提示改對齊整列，不跟著齒輪往右凸出去 */
.side .brand-row,.topbar .row1{position:relative}
.side .gear-slot,.topbar .gear-slot{position:static}
.side .gear-menu,.side .gear-tip{left:var(--sp-3);right:var(--sp-3);min-width:0;white-space:normal}
.topbar .gear-menu,.topbar .gear-tip{left:0;right:0;min-width:0;white-space:normal}
.gear-item{display:grid;gap:0;text-align:left;border:0;background:none;border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-5);min-height:var(--tap);color:var(--ink)}
.gear-item:hover,.gear-item:focus-visible{background:var(--surface-2)}
.gear-item b{font-size:var(--fs-body);font-weight:800;line-height:var(--lh-tight)}
.gear-item span{font-size:var(--fs-cap);color:var(--ink-3);line-height:var(--lh-tight)}
.gear-menu :focus-visible{outline-color:var(--focus)}
.pb-back{margin-bottom:var(--sp-5)}