.study-keyboard-hint{width:min(100%,520px);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 52px;margin:14px auto 0;padding:0 16px;color:#727a75}.study-keyboard-hint-title{grid-column:1 / -1;justify-self:center;display:inline-flex;align-items:center;gap:6px;margin:0 0 5px;padding:4px 14px;border:1px solid #c9ddd5;border-radius:999px;background:linear-gradient(180deg,#f4f9f6,#eaf3ee);box-shadow:0 1px 2px #26372f14;color:#43836f;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.08em}.study-keyboard-hint-title .material-symbols-outlined{font-size:17px;letter-spacing:0}.study-keyboard-hint-item{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;font-size:16px;line-height:1.5;text-align:left}.writing-page .study-keyboard-hint{width:min(100%,680px);-moz-column-gap:20px;column-gap:20px}.writing-page .study-keyboard-hint-item{font-size:14px;white-space:nowrap}.study-keyboard-hint-item.hidden{display:none}.study-keyboard-hint-item:only-of-type{grid-column:1 / -1;justify-self:center}.study-keyboard-hint-item kbd{min-width:36px;padding:1px 7px;border:1px solid #cfd7d1;border-bottom-width:2px;border-radius:4px;background:#fff;color:#53645a;font-family:inherit;font-size:14px;line-height:24px;text-align:center}.dark .study-keyboard-hint{color:#c1ccc5}.dark .study-keyboard-hint-title{border-color:#49685b;background:#25392f;box-shadow:none;color:#81c9ad}.dark .study-keyboard-hint-item kbd{border-color:#53665b;background:#25332b;color:#e1eae3}