/* One quiet, reversible practice mark beneath the prompt. */
.guide-v5 .practice-control {
  display:flex;justify-content:flex-end;padding:0 0 25px;
}
.guide-v5 .practice-toggle {
  display:inline-flex;align-items:center;justify-content:space-between;gap:30px;
  min-width:168px;min-height:48px;padding:0 0 7px;
  border:0;border-bottom:1px solid #c4cec6;border-radius:0;
  background:transparent;color:#67766b;
  font:400 13px/1.4 Inter,sans-serif;letter-spacing:-.15px;
  cursor:pointer;transition:color 220ms ease,border-color 220ms ease;
}
.guide-v5 .practice-toggle i {
  display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;
  border:1px solid #c6d1c9;border-radius:3px;
  color:#6b7f70;background:transparent;
  transition:background 240ms ease,border-color 240ms ease,color 240ms ease;
}
.guide-v5 .practice-toggle svg {
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round;opacity:.22;
  transition:opacity 200ms ease;
}
.guide-v5 .practice-toggle:hover,
.guide-v5 .practice-toggle[aria-pressed="true"] {
  color:#263a30;border-color:#8b9c8e;
}
.guide-v5 .practice-toggle:hover i {border-color:#8b9c8e}
.guide-v5 .practice-toggle:hover svg {opacity:.65}
.guide-v5 .practice-toggle[aria-pressed="true"] i {
  color:#fafbf7;background:#263a30;border-color:#263a30;
}
.guide-v5 .practice-toggle[aria-pressed="true"] svg {opacity:1}
.guide-v5 .practice-toggle:focus-visible {
  outline:2px solid var(--tone-ink,#456854);outline-offset:6px;
}
html[data-color-mode="dark"] .guide-v5 .practice-toggle {
  color:var(--muted);border-color:#4f6155;
}
html[data-color-mode="dark"] .guide-v5 .practice-toggle i {
  border-color:#53665a;color:#bfd1c4;
}
html[data-color-mode="dark"] .guide-v5 .practice-toggle:hover,
html[data-color-mode="dark"] .guide-v5 .practice-toggle[aria-pressed="true"] {
  color:var(--ink);border-color:#91a997;
}
html[data-color-mode="dark"] .guide-v5 .practice-toggle:hover i {border-color:#91a997}
html[data-color-mode="dark"] .guide-v5 .practice-toggle[aria-pressed="true"] i {
  color:#20362a;background:#c2d5c8;border-color:#c2d5c8;
}
html[data-color-mode="dark"] .guide-v5 .practice-toggle:focus-visible {outline-color:var(--dark-accent)}
@media(prefers-reduced-motion:reduce) {
  .guide-v5 .practice-toggle,.guide-v5 .practice-toggle i,.guide-v5 .practice-toggle svg {transition:none}
}