/* Inställningar: left-hand menu (shell/settings-nav.js) around the settings pages. Desktop: menu column + content. Phones: the menu is a scrolling row above the content. Tokens only. */
.page.has-setnav{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:var(--s-6);align-items:start}
.page.has-setnav>:not(.setnav){grid-column:2;min-width:0}
.setnav{grid-column:1;grid-row:1 / span 20;position:sticky;top:var(--s-4);display:flex;flex-direction:column;gap:var(--s-4)}
.setnav-g{display:flex;flex-direction:column;gap:2px}
.setnav-t{margin:0 0 var(--s-1);padding:0 var(--s-3);font-size:var(--fs-sm);font-weight:600;color:var(--muted);letter-spacing:.02em}
.setnav-b{min-height:36px;padding:0 var(--s-3);border:0;border-radius:var(--r-md);background:none;color:var(--ink2);font:inherit;font-weight:500;text-align:left;cursor:pointer}
.setnav-b:hover{background:var(--surface3);color:var(--ink)}
.setnav-b[aria-current=page]{background:var(--acc-soft);color:var(--acc-ink)}
.setnav-b:focus-visible{outline:0;box-shadow:0 0 0 3px var(--acc-soft)}
@media (max-width:860px){
  .page.has-setnav{display:block}
  .setnav{position:static;flex-direction:row;gap:var(--s-4);align-items:center;overflow-x:auto;margin:0 0 var(--s-4);padding-bottom:var(--s-2);box-shadow:inset 0 -1px 0 var(--edge2);scrollbar-width:none}
  .setnav-g{flex-direction:row;align-items:center;gap:2px;flex:none}
  .setnav-t{margin:0;padding:0 var(--s-2) 0 0;white-space:nowrap}
  .setnav-b{min-height:44px;white-space:nowrap}
}