/* Skewbiks.com — method solver page styles. */

/* ---- solver-specific ---- */
.methodrow{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.methodchip{font:600 13.5px var(--body);color:var(--mut);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;transition:all .15s ease}
.methodchip:hover{color:var(--txt);border-color:var(--mut)}
.methodchip.on{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}
.optcard{margin:16px 0;padding:0;overflow:hidden}
.opthead{display:block;width:100%;text-align:left;font:600 13.5px var(--body);color:var(--mut);background:none;border:none;padding:13px 16px;cursor:pointer}
.opthead:hover{color:var(--txt)}
.optgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:4px 18px 18px}
@media(max-width:740px){.optgrid{grid-template-columns:1fr}}
.optcol h4{font:600 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:14px 0 8px}
.optcol h4:first-child{margin-top:4px}
.caprow{display:flex;flex-wrap:wrap;gap:10px}
.capin{display:flex;flex-direction:column;gap:4px;font:500 12px var(--body);color:var(--mut)}
.capin input{width:62px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--txt);font:600 14px var(--mono);padding:6px 8px}
.opthint{font:400 12.5px var(--body);color:var(--mut);margin:0 0 10px;line-height:1.5}
.counttag{font:500 12.5px var(--body);color:var(--mut);margin-left:10px}
/* deliberate page restyles of the shared components (load order after site.css) */
.solcard{margin:14px 0;padding:14px 16px}
.solcard h3{font:600 17px var(--disp);margin:2px 0 10px}
.solverrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line)}
.sol{font:500 14.5px var(--mono);color:var(--txt);overflow-wrap:anywhere}
.badgecell{display:flex;gap:6px;flex-wrap:wrap}
.mbadge{font:600 11px var(--mono);letter-spacing:.04em;color:var(--ink);background:var(--green);border-radius:6px;padding:3px 7px;cursor:default}
/* staged reconstruction: rotation / V / algorithm / final */
.solverrow{align-items:flex-start}
.reconblock{display:flex;align-items:flex-start;gap:8px;flex:1 1 360px;min-width:0}
.reconlines{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.recline{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.recmv{font:500 14.5px var(--mono);color:var(--txt);overflow-wrap:anywhere}
.reccmt{font:500 12.5px var(--mono);color:var(--dim)}
.reclabel{font:500 11.5px var(--body);color:var(--dim);margin-top:5px}
.recline.final{margin-top:2px}
.recline.final .recmv{color:var(--yellow)}
/* (the upstream fingertrick-scoring UI's styles were removed 2026-07-20 — the
   feature is deferred, not shipped; recover from git history if it lands) */
.warnline{color:var(--yellow);font:500 13.5px var(--body);margin:10px 2px}
.hintline{max-width:560px}
.pairrow.single{grid-template-columns:minmax(0,420px);justify-content:start}
.showall{font-size:12.5px;padding:6px 12px;margin-top:8px}  /* the "show all" expander (no longer restyles the .ghost.sm utility) */