/* Shared text accent for the selected learning controls.
   Change this variable to recolor every .lmStudyAccent element together. */
:root{--lm-study-accent-color:#007aff}
a.lmStudyAccent,button.lmStudyAccent,select.lmStudyAccent{
  color:var(--lm-study-accent-color);
  -webkit-text-fill-color:currentColor;
}
.designColorLegend{font-weight:600;margin:20px 0 12px}
.designColorChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.designColorChoice{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px;border:1px solid #ccc;border-radius:10px;cursor:pointer}
.designColorChoice:has(input:checked){border-color:#555;box-shadow:inset 0 0 0 1px #555;background:#f5f5f5}
.designColorChoice input{flex:none;width:18px;height:18px;margin:0}
.designColorSample{font-size:22px;font-weight:700;-webkit-text-fill-color:currentColor}
.designPreview{font-size:15px}.designPreview span{-webkit-text-fill-color:currentColor;font-weight:600}
@media(max-width:360px){.designColorChoices{grid-template-columns:1fr}}