.tabs [aria-current="page"],
.toolbar [aria-pressed="true"] {
  background: var(--accent);
  color: white;
}

header h1 { app-region: drag; -webkit-app-region: drag; user-select: none; min-height: 38px; display:flex; align-items:center; }
header button { app-region: no-drag; -webkit-app-region: no-drag; }

.answer-choice { display:flex; gap:10px; align-items:center; padding:12px; border:1px solid var(--border); border-radius:10px; margin:8px 0; cursor:pointer; }
.answer-choice input { width:20px; height:20px; flex:none; }
fieldset { border:1px solid var(--border); border-radius:12px; margin:14px 0; }

/* All primary destinations share the same width, independent of label length. */
.tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); }
.tabs button { min-width:0; padding:10px 3px; overflow-wrap:anywhere; }


.tabs button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:46px; }
.nav-icon { width:24px; height:24px; flex:none; color:#FFFFFF; }
.deckdex[data-theme=light] .nav-icon { color:#000000; }
.tabs [aria-current=page] .nav-icon { color:#FFFFFF; }
@container (max-width:520px) { .tabs .nav-label { display:none; } }

/* Keep the window controls available when reading long content. */
.deckdex > header { position:sticky; top:0; z-index:10; background:var(--background); }

.tabs button[data-rated-toggle] { grid-column:1 / -1; overflow-wrap:normal; min-height:40px; }