/* v9n: settings tabs + personal ranking weights (loaded by settings.html and why.html only) */
.st-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:0 0 1.1rem;font-size:.95rem}
.st-tabs a{color:var(--mut);text-decoration:none;padding:9px 0 10px;margin-bottom:-1px;border-bottom:1px solid transparent;letter-spacing:.01em}
.st-tabs a:visited{color:var(--mut)}
.st-tabs a:hover{color:var(--fg)}
.st-tabs a[aria-current=page],.st-tabs a[aria-current=page]:visited{color:var(--fg);border-bottom-color:var(--fg)}
.st-tabs a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.st-panel[hidden]{display:none}
.pwk{border-top:1px solid var(--line)}
.pwk-intro{color:var(--mut);font-size:.92rem;margin:14px 0 4px;max-width:34rem}
.pwk-row{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:2px 12px;align-items:center;padding:14px 0 12px;border-bottom:1px solid var(--line)}
.pwk-l{color:var(--fg)}
.pwk-ctl{display:grid;grid-template-columns:5.5rem minmax(0,1fr) 5.5rem;align-items:center;gap:12px}
.pwk-end{color:var(--mut);font-size:.84rem}.pwk-end:first-child{text-align:right}
.pwk-h{grid-column:2;color:var(--mut);font-size:.84rem;margin:2px 0 0;text-align:center}
.pwk-ctl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer}
.pwk-ctl input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--line)}
.pwk-ctl input[type=range]::-moz-range-track{height:1px;background:var(--line)}
.pwk-ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-6px;border-radius:50%;background:var(--bg);border:1px solid var(--fg)}
.pwk-ctl input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--bg);border:1px solid var(--fg)}
.pwk-ctl input[type=range]:focus{outline:none}
.pwk-ctl input[type=range]:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.pwk-act{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0 2px}
.pwk-act .mut{font-size:.86rem}
.pwk-how{color:var(--mut);font-size:.86rem;margin:10px 0 0;max-width:36rem}
@media (max-width:640px){
 .st-tabs{gap:24px}
 .pwk-row{grid-template-columns:1fr;padding:12px 0 10px}
 .pwk-ctl{grid-template-columns:4.2rem minmax(0,1fr) 4.2rem;gap:10px}
 .pwk-h{grid-column:1}
}
/* why page: your weights */
.wy-mine .wy-l{color:var(--fg)}