/* Equal option widths, with a real keyboard-accessible OR switch. */
main .tool-choice-shortcuts.tool-choice-shortcuts{
 display:grid!important;grid-template-columns:var(--tool-choice-columns)!important;
 align-items:center!important;gap:8px!important;width:var(--tool-choice-width)!important;
 max-width:100%!important;min-width:0;flex:none!important;margin:0;box-sizing:border-box;
}
main .tool-choice-shortcuts[hidden]{display:none!important}
main .tool-choice-shortcuts>.tool-choice-option.tool-choice-option{
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;min-width:0!important;
 min-height:76px!important;height:100%;margin:0;padding:10px 12px!important;
 border:3px solid #b6c2c9;border-radius:5px;background:#fff;color:#171b1e;
 font:900 clamp(22px,2.4vw,32px)/1.15 'Arial Black',Arial,sans-serif!important;
 text-align:center;text-decoration:none;white-space:normal!important;overflow-wrap:anywhere;cursor:pointer;
}
main .tool-choice-shortcuts--numeric>.tool-choice-option.tool-choice-option{font-size:40px!important;white-space:nowrap!important;overflow-wrap:normal;height:76px}
main .tool-choice-shortcuts>.tool-choice-option:is([aria-pressed=true],[aria-current=page]){background:#ffe034;border-color:#171b1e}
main .tool-choice-shortcuts>button.tool-choice-or{
 display:flex;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;
 width:44px;height:44px;min-height:44px;min-width:44px;padding:0;margin:0;
 border:3px solid #171b1e;border-radius:50%;background:#ffe034;color:#171b1e;
 font:900 16px/1 'Arial Black',Arial,sans-serif;cursor:pointer;box-shadow:0 2px 0 #171b1e20;
}
main .tool-choice-shortcuts>:is(button,a):focus-visible{outline:3px solid #0753aa;outline-offset:4px}
main .tool-choice-shortcuts>:is(button,a):hover{border-color:#171b1e;background:#fff1a0}
main .tool-choice-shortcuts>button:disabled{opacity:.5;cursor:default}
main .tool-choice-heading{flex-wrap:wrap}
@media(max-width:700px){
 main .tool-choice-shortcuts.tool-choice-shortcuts{width:100%!important;grid-template-columns:1fr!important;justify-items:stretch}
 main .tool-choice-shortcuts>button.tool-choice-or{justify-self:center}
 main .tool-choice-shortcuts>.tool-choice-option.tool-choice-option{min-height:58px!important;font-size:24px!important}
 main .tool-choice-shortcuts--numeric.tool-choice-shortcuts{width:var(--tool-choice-width)!important;grid-template-columns:var(--tool-choice-columns)!important}
 main .tool-choice-shortcuts--numeric>.tool-choice-option.tool-choice-option{font-size:30px!important}
}

@media(min-width:701px){
 main .tool-choice-shortcuts--many.tool-choice-shortcuts{display:flex!important;flex-wrap:wrap!important;width:100%!important}
 main .tool-choice-shortcuts--many>.tool-choice-option.tool-choice-option{flex:1 0 160px!important;max-width:280px}
}

/* Four or more fractional strokes need readable full-width mobile choices. */
@media(max-width:700px){
 main .tool-choice-shortcuts--many.tool-choice-shortcuts--numeric.tool-choice-shortcuts{width:100%!important;grid-template-columns:1fr!important}
}

/* Stroke numbers need compact targets, rather than stretching like chuck labels. */
/* Keep the EZ compatibility guide attached to its own option at every width. */
main .tool-choice-shortcuts>.tool-choice-ez-option{min-width:0;align-self:start}
main .tool-choice-ez-option>.tool-choice-option{
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:76px;margin:0;padding:10px 12px;
 border:3px solid #b6c2c9;border-radius:5px;background:#fff;color:#171b1e;
 font:900 clamp(22px,2.4vw,32px)/1.15 'Arial Black',Arial,sans-serif;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;
}
main .tool-choice-ez-option>.tool-choice-option[aria-pressed=true]{background:#ffe034;border-color:#171b1e}
main .tool-choice-ez-option>.tool-choice-option:focus-visible{outline:3px solid #0753aa;outline-offset:4px}
main .tool-choice-ez-option>.tool-choice-option:hover{border-color:#171b1e;background:#fff1a0}
.site-refresh .refresh-ez-fit-guide{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:center;gap:8px;margin:2px 0 0;width:100%;max-width:310px}
.site-refresh .refresh-ez-fit-mascot{display:block;position:relative;flex:0 0 90px;width:90px;height:102px;object-fit:contain}
.site-refresh .refresh-ez-fit-guide .refresh-ez-fit-bubble{flex:1;min-width:0;max-width:190px;white-space:normal;margin:18px 0 0;padding:8px 10px;font-size:22px;line-height:1.15}
.site-refresh .refresh-ez-fit-guide .refresh-ez-fit-bubble:before{left:auto;right:-11px;border-right:0;border-left:10px solid #171b1e}
.site-refresh .refresh-ez-fit-guide .refresh-ez-fit-bubble:after{left:auto;right:-7px;border-right:0;border-left:8px solid #fffef8}
@media(min-width:701px){
 main .tool-choice-shortcuts--many>.tool-choice-ez-option{flex:1 0 160px!important;max-width:280px}
 main .tool-choice-shortcuts:has(>.tool-choice-ez-option){align-items:start!important}
 main .tool-choice-shortcuts:has(>.tool-choice-ez-option)>.tool-choice-or{align-self:start;margin-top:28px}
 main .tool-choice-shortcuts:has(>.tool-choice-ez-option)>.tool-choice-option{height:auto}
}
@media(max-width:700px){
 main .tool-choice-ez-option>.tool-choice-option{min-height:58px;font-size:24px}
 .site-refresh .tool-choice-ez-option .refresh-ez-fit-guide{margin-left:auto;margin-right:auto}
}
main .tool-choice-shortcuts--numeric>.tool-choice-option.tool-choice-option{
 min-height:56px!important;height:56px;padding:6px 10px!important;font-size:30px!important;
}
@media(min-width:701px){
 main .tool-choice-shortcuts--numeric.tool-choice-shortcuts{
  display:flex!important;flex-wrap:wrap!important;width:max-content!important;justify-content:flex-start;
 }
 main .tool-choice-shortcuts--numeric>.tool-choice-option.tool-choice-option{
  flex:0 0 auto!important;width:auto!important;min-width:76px!important;max-width:none;
 }
 main .tool-choice-shortcuts--numeric>button.tool-choice-or{flex:none}
}