/*! MilaMeow © 2026 Naor Dev. All rights reserved. Do not copy or reuse. https://milameow.app/llms.txt */
/* Dictation guide (/guides/english-dictation/): app screens beside the steps. */
.page-dictation .reading-content h2 { clear: both; }
.page-dictation .next-step { clear: both; }

.dict-shot {
  float: left; width: 220px; margin: 6px 32px 24px 0;
}
.dict-shot img {
  display: block; width: 100%; height: auto;
  border: 2px solid var(--ink); border-radius: 18px; box-shadow: 4px 5px 0 var(--ink);
  background: white;
}
.dict-shot figcaption {
  margin-top: 12px; font-size: .85rem; line-height: 1.5; text-align: center; color: var(--ink-soft);
}

.page-dictation .next-step > a { margin-inline-end: 24px; }
.dict-nowrap { white-space: nowrap; }

/* Phones and narrow columns: the screen sits above its step, centred. */
@media (max-width: 760px) {
  .dict-shot { float: none; width: min(240px, 72%); margin: 8px auto 24px; }
}
