/* Skewbiks.com — OO census page styles. */

/* depth-browser scope tabs: full census vs the CF (centers-solved) subset */
.scoperow{display:inline-flex;gap:6px;margin:12px 0 2px}
/* .scopetab (anchor) and .filterbtn (button) share one pill treatment */
.scopetab,.filterbtn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);color:var(--mut);
  border-radius:8px;padding:.4em 1em;font:600 13px var(--body)}
.scopetab{text-decoration:none}
.scopetab:hover,.filterbtn:hover{color:var(--txt);border-color:var(--mut)}
.scopetab.on,.filterbtn.on{color:var(--actink);background:var(--act);border-color:var(--act)}
.scopetab .fct,.filterbtn .fct{font:500 11px var(--mono);color:var(--dim)}
.scopetab.on .fct,.filterbtn.on .fct{color:var(--actink-dim)}

/* CF badge next to the depth chip on a position page */
.cfchip{font-size:12px;border-radius:6px;padding:2px 8px;color:var(--act);border:1px solid var(--act);cursor:help}

/* depth-browser solved/unsolved filter (pill treatment shared above) */
.filterrow{display:inline-flex;gap:6px;margin:0 0 16px}
.filterbtn{background:transparent;cursor:pointer}

/* rotation-view popup */
/* overlay/box chrome comes from site.css (.modal-ov/.modal-box) */
.modal-box{max-width:400px;width:100%;padding:16px 18px 18px;position:relative;display:flex;flex-direction:column;gap:10px}
.modal-x{position:absolute;top:6px;right:8px;background:none;border:0;color:var(--mut);font-size:22px;line-height:1;cursor:pointer;padding:6px}
.modal-x:hover{color:var(--txt)}
.modal-net{display:flex;justify-content:center}
.modal-box .ghost.sm{align-self:flex-start}