/* Chinese stroke order tool and the dictionary (loaded only on /chinese-stroke-order/ and /dictionary/). Uses the theme tokens. */
.mm-stroke__search{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--mm-space-2);max-width:720px;margin:0 0 var(--mm-space-6)}
.mm-stroke__search label{font-weight:700}
.mm-stroke__row{display:flex;gap:var(--mm-space-2)}
.mm-stroke__row input{flex:1;min-width:0;min-height:48px;padding:10px 14px;font:inherit;font-size:1.125rem;border:1.5px solid var(--mm-ink);border-radius:var(--mm-radius-m);background:var(--mm-writing);color:var(--mm-ink)}
.mm-stroke__hint,.mm-stroke__note{font-size:var(--mm-size-small);color:var(--mm-ink-soft)}
.mm-stroke__hint a{display:inline-block;min-height:44px;line-height:44px}
.mm-stroke__back{margin:0 0 var(--mm-space-5)}
.mm-stroke__list,.mm-stroke__readings,.mm-char__facts{list-style:none;margin:0;padding:0}
.mm-stroke__list li{display:flex;flex-wrap:wrap;gap:var(--mm-space-1) var(--mm-space-4);align-items:baseline;padding:var(--mm-space-3) 0;border-bottom:1px solid var(--mm-line)}
.mm-stroke__hit{display:inline-flex;gap:var(--mm-space-3);align-items:baseline;min-height:44px;text-decoration:none}
.mm-stroke__hz{font-size:1.75rem}
.mm-stroke__py{font-weight:700;color:var(--mm-seal-dark)}
.mm-stroke__def{color:var(--mm-ink-soft)}
.mm-stroke__word h2{font-size:3.5rem;margin-bottom:var(--mm-space-3)}
.mm-stroke__readings li{margin-bottom:var(--mm-space-2)}
.mm-stroke__variant{display:block;font-size:var(--mm-size-small);color:var(--mm-ink-muted)}
.mm-stroke__chars{display:grid;gap:var(--mm-space-6);margin-top:var(--mm-space-6)}
@media (min-width:900px){.mm-stroke__chars{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mm-char{background:var(--mm-paper-light);border:1px solid var(--mm-line);border-radius:var(--mm-radius-l);padding:var(--mm-space-5);min-width:0}
.mm-char__title{font-size:3rem;margin:0}
.mm-char__facts{margin:var(--mm-space-2) 0 var(--mm-space-4);font-size:var(--mm-size-small)}
.mm-char__writer{width:min(280px,100%);aspect-ratio:1;margin:0 auto var(--mm-space-4);background-color:var(--mm-writing);background-image:linear-gradient(to right,transparent 49.8%,rgba(204,25,57,.18) 50%,transparent 50.2%),linear-gradient(to bottom,transparent 49.8%,rgba(204,25,57,.18) 50%,transparent 50.2%);border:1.5px solid rgba(204,25,57,.35);border-radius:var(--mm-radius-s)}
.mm-char__controls{display:flex;flex-wrap:wrap;gap:var(--mm-space-2);justify-content:center;margin-bottom:var(--mm-space-4)}
.mm-char__controls .mm-btn{padding:10px 14px}
.mm-char__controls [aria-pressed="true"]{background:var(--mm-ink);color:var(--mm-on-ink)}
.mm-char__stepsTitle{font-size:1rem;margin:var(--mm-space-4) 0 var(--mm-space-2)}
.mm-stroke__defs{position:absolute;width:0;height:0;overflow:hidden}
.mm-stroke__steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mm-stroke__step{position:relative;width:56px;height:56px;background:var(--mm-writing);border:1px solid var(--mm-line);border-radius:4px}
.mm-stroke__step svg{width:100%;height:100%;display:block}
.mm-stroke__num{position:absolute;top:1px;left:4px;font-size:.6875rem;font-weight:700;color:var(--mm-ink-muted)}
.mm-stroke__done{fill:var(--mm-ink)}
.mm-stroke__now{fill:var(--mm-seal)}
.mm-stroke__todo{fill:#E3D6C5}
.mm-stroke__practice{margin-top:var(--mm-space-6)}
.mm-grid{display:flex;flex-wrap:wrap;gap:var(--mm-space-3);margin:var(--mm-space-4) 0}
.mm-grid__cell{width:140px;height:140px;background-color:var(--mm-writing);background-image:linear-gradient(to right,transparent 49.6%,rgba(204,25,57,.2) 50%,transparent 50.4%),linear-gradient(to bottom,transparent 49.6%,rgba(204,25,57,.2) 50%,transparent 50.4%);border:1.5px solid rgba(204,25,57,.4);touch-action:none}
.mm-stroke__guide h2{font-size:2rem;margin-top:var(--mm-space-6)}
.mm-stroke__credits{margin-top:var(--mm-space-7)}
/* Dictionary */
.mm-stroke__entry{margin:0 0 var(--mm-space-3)}
.mm-dict__head{display:grid;gap:var(--mm-space-3);margin:0 0 var(--mm-space-6)}
.mm-dict__hw{font-family:var(--mm-font-hanzi);font-size:clamp(4rem,14vw,7rem);line-height:1.1;margin:0}
.mm-dict__forms{display:flex;flex-wrap:wrap;gap:var(--mm-space-2) var(--mm-space-6);margin:0}
.mm-dict__forms dt{font-size:var(--mm-size-small);color:var(--mm-ink-muted)}
.mm-dict__forms dd{margin:0;font-size:1.25rem;font-weight:700}
.mm-dict__same,.mm-dict__level{font-size:var(--mm-size-small);font-weight:400;color:var(--mm-ink-muted)}
.mm-dict__readings{margin:0 0 var(--mm-space-6);padding-left:1.25rem}
.mm-dict__readings>li{margin-bottom:var(--mm-space-3)}
.mm-dict__defs{margin:var(--mm-space-1) 0 0;padding-left:1.1rem}
.mm-dict__variant{font-size:var(--mm-size-small);color:var(--mm-ink-muted)}
.mm-dict__links{display:flex;gap:var(--mm-space-4);width:100%;font-size:var(--mm-size-small)}
.mm-dict__links a,.mm-dict__chips a{display:inline-block;min-height:44px;line-height:44px}
.mm-dict__chips{list-style:none;margin:0 0 var(--mm-space-6);padding:0;display:flex;flex-wrap:wrap;gap:var(--mm-space-2)}
.mm-dict__chips a{min-width:44px;padding:0 12px;text-align:center;font-size:1.25rem;text-decoration:none;border:1px solid var(--mm-line);border-radius:var(--mm-radius-m);background:var(--mm-paper-light)}
.mm-dict .mm-audio{display:inline-flex;flex-wrap:wrap;gap:8px}
.mm-dict .mm-audio__btn{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border:1.5px solid var(--mm-ink);border-radius:999px;background:var(--mm-paper-light);color:var(--mm-ink);font:inherit;font-weight:600;cursor:pointer}
.mm-dict .mm-audio__icon{width:26px;height:26px;border-radius:50%;background:var(--mm-seal);position:relative;flex:none}
.mm-dict .mm-audio__icon::after{content:"";position:absolute;left:10px;top:7px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.mm-dict .is-playing .mm-audio__icon::after{left:8px;top:8px;width:10px;height:10px;border:0;background:#fff}
.mm-speech-note{margin:0;font-size:var(--mm-size-small);color:var(--mm-ink-muted)}
@media (max-width:480px){.mm-stroke__word h2{font-size:2.5rem}.mm-stroke__step{width:48px;height:48px}}
@media (prefers-reduced-motion:reduce){.mm-char__writer *{transition:none!important;animation:none!important}}
.mm-dict__facts{margin:0 0 var(--mm-space-3)}
.mm-dict__facts>div{display:flex;gap:var(--mm-space-3);align-items:baseline;padding:var(--mm-space-2) 0;border-bottom:1px solid var(--mm-line)}
.mm-dict__facts dt{font-size:1.5rem;min-width:2ch}
.mm-dict__facts dd{margin:0}
.mm-dict__sentences{list-style:none;margin:0 0 var(--mm-space-4);padding:0}
.mm-dict__sentences>li{padding:var(--mm-space-3) 0;border-bottom:1px solid var(--mm-line)}
.mm-dict__sentences p{margin:0 0 var(--mm-space-1)}
.mm-dict__zh{font-size:1.25rem}
.mm-dict__zh mark{background:none;color:var(--mm-seal-dark);font-weight:700}
.mm-dict__py,.mm-dict__from{font-size:var(--mm-size-small);color:var(--mm-ink-muted)}