.mitdb-pause-study {
  margin: 22px 0 28px;
  padding: clamp(15px, 2.2vw, 28px);
  border: 1px solid #a9ada4;
  border-radius: 18px;
  background: #f3efe7;
  color: #213534;
  box-shadow: 0 15px 30px rgba(29, 40, 36, .11);
}
.mitdb-pause-eyebrow { margin: 0; color: #21665f; font: 800 .73rem system-ui; letter-spacing: .11em; text-transform: uppercase; }
.mitdb-pause-study h3 { margin: 6px 0 8px; color: #173937; font-size: clamp(1.2rem, 2.1vw, 1.6rem); }
.mitdb-pause-intro, .mitdb-pause-source { max-width: 82ch; line-height: 1.5; }
.mitdb-pause-intro { margin: 0 0 16px; }
.mitdb-pause-controls, .mitdb-pause-marks { display: grid; grid-template-columns: minmax(145px, 1fr) minmax(210px, 2fr); gap: 12px; align-items: end; margin: 14px 0; }
.mitdb-pause-marks { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.mitdb-pause-controls label, .mitdb-pause-marks label { display: grid; gap: 6px; min-width: 0; font-size: .85rem; font-weight: 700; }
.mitdb-pause-controls select { min-height: 44px; padding: 8px 10px; border: 1px solid #738783; border-radius: 8px; background: #fffdf8; color: #173937; }
.mitdb-pause-controls input[type=range], .mitdb-pause-marks input[type=range] { width: 100%; min-height: 44px; margin: 0; accent-color: #216f68; }
.mitdb-pause-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.mitdb-pause-panel { min-width: 0; margin: 0; padding: 8px; border: 1px solid #a5afa8; border-radius: 10px; background: #e6e8e3; }
.mitdb-pause-panel figcaption { padding: 1px 3px 8px; color: #24433e; font: 800 .82rem ui-monospace, Consolas, monospace; }
.mitdb-pause-panel canvas { display: block; width: 100%; height: 178px; border: 1px solid #ad7772; background: #fffdf8; }
.mitdb-pause-scale { max-width: 84ch; margin: 10px 0 16px; color: #495d58; font-size: .8rem; line-height: 1.45; }
.mitdb-pause-interval { grid-column: 1 / -1; margin: 0; padding: 9px 12px; border-radius: 7px; background: #e5eee8; font-size: .85rem; }
.mitdb-pause-question { padding: 13px; border: 1px solid #b7c0b5; border-radius: 10px; background: #fffdf8; }
.mitdb-pause-question fieldset { margin: 0; padding: 0; border: 0; }
.mitdb-pause-question legend { margin-bottom: 10px; font-weight: 800; }
.mitdb-pause-question fieldset label { display: block; margin: 8px 0; line-height: 1.42; }
.mitdb-pause-question input[type=radio] { margin-right: 4px; accent-color: #216f68; }
.mitdb-pause-question button { min-height: 44px; margin: 10px 9px 0 0; padding: 8px 13px; border: 1px solid #1c6d63; border-radius: 8px; background: #166d62; color: white; font-weight: 700; cursor: pointer; }
.mitdb-pause-question button+button { background: #fffdf8; color: #16584e; }
.mitdb-pause-question button:focus-visible, .mitdb-pause-study a:focus-visible, .mitdb-pause-study select:focus-visible, .mitdb-pause-study input:focus-visible { outline: 3px solid #e2aa38; outline-offset: 2px; }
.mitdb-pause-feedback { margin: 10px 0 0; line-height: 1.5; }
.mitdb-pause-feedback:empty { display: none; }
.mitdb-pause-source { margin: 16px 0 7px; font-size: .82rem; }
.mitdb-pause-study > a { color: #075f55; font-weight: 800; font-size: .82rem; }
@media (max-width: 720px) {
  .mitdb-pause-panels, .mitdb-pause-controls, .mitdb-pause-marks { grid-template-columns: minmax(0, 1fr); }
  .mitdb-pause-interval { grid-column: auto; }
}