.navigator-title{margin:8px 0 2px;font-size:20px;line-height:1.25}
.navigator-context{margin:5px 0;color:var(--text-muted);font-size:12px}
.palette-legend{margin:12px 0;color:var(--text-muted);font-size:12px}
.palette-part{padding:12px 0;border-top:1px solid var(--surface-border)}
.palette-part-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.palette-part-heading h3{margin:0;font-size:15px}
.palette-part-range,.palette-part-status{color:var(--text-muted);font-size:12px}
.palette-part-status{margin:4px 0 8px}
html.dark .palette button.done{color:#101a1e}
.navigator-close{display:none}
@media(min-width:801px){#navigator.hidden:not([data-candidate-navigation-legacy]){display:block!important}}
@media(max-width:800px){
  #navigator{top:var(--toeic-header-height,64px);bottom:0;max-height:calc(100dvh - var(--toeic-header-height,64px));overflow-y:auto;overscroll-behavior:contain}
  #backdrop{top:var(--toeic-header-height,64px)}
  .navigator-close{display:flex;margin:0 0 12px auto;min-height:44px}
  .timer{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
  .stimulus img{max-height:38dvh;object-fit:contain}
}