.guide-page {
  --guide-purple: #5b44a8;
  --guide-ink: #433d50;
  --guide-muted: #746e80;
  --guide-card: rgba(255, 255, 255, .82);
  background:
    radial-gradient(circle at 10% 4%, rgba(228, 219, 251, .72), transparent 26rem),
    radial-gradient(circle at 90% 20%, rgba(215, 242, 233, .75), transparent 24rem),
    var(--cream);
}
.guide-page .nav { position: relative; }
.guide-main {
  width: min(100% - 2rem, 860px);
  margin: 0 auto;
  padding: clamp(2rem, 6vw, 4.5rem) 0 4rem;
}
.guide-back {
  display: inline-flex;
  margin-bottom: 1.5rem;
  color: var(--guide-muted);
  font-size: .9rem;
}
.guide-hero { text-align: center; }
.guide-hero__badge {
  display: inline-flex;
  border: 1px solid rgba(91, 68, 168, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  padding: .38rem .78rem;
  color: var(--guide-purple);
  font-family: var(--font-head);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.guide-hero h1 {
  max-width: 16ch;
  margin: 1rem auto .8rem;
  font-size: clamp(2.35rem, 7vw, 4.2rem);
  letter-spacing: -.035em;
}
.guide-hero__subtitle {
  max-width: 38ch;
  margin: 0 auto .65rem;
  color: var(--guide-ink);
  font-family: var(--font-head);
  font-size: clamp(1.08rem, 2.5vw, 1.45rem);
  font-weight: 600;
  line-height: 1.3;
}
.guide-hero__byline { margin: 0 0 1.6rem; color: var(--guide-muted); font-weight: 700; }
.guide-ebook-cta {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  margin: 2rem 0;
  border: 1px solid rgba(91, 68, 168, .14);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(228, 219, 251, .8), rgba(255, 255, 255, .88));
  box-shadow: 0 14px 36px -28px rgba(54, 42, 72, .58);
  padding: 1.05rem 1.2rem;
}
.guide-ebook-cta p { margin: 0; color: var(--guide-ink); }
.guide-ebook-cta .btn { flex: 0 0 auto; }
.guide-start {
  position: relative;
  margin: 2rem 0 3rem;
  border-left: 5px solid var(--purple);
  border-radius: 0 18px 18px 0;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 14px 34px -30px rgba(54, 42, 72, .5);
  padding: 1.3rem 1.4rem;
  color: var(--guide-ink);
  font-size: 1.04rem;
}
.guide-start p { margin: 0; }
.guide-section { margin: clamp(2.8rem, 7vw, 4.5rem) 0; }
.guide-section > h2 {
  margin-bottom: 1.25rem;
  font-size: clamp(1.55rem, 4vw, 2.25rem);
}
.guide-section > p { color: var(--guide-ink); }
.guide-checklist {
  display: grid;
  gap: .75rem;
  margin: 1.2rem 0;
  padding: 0;
  list-style: none;
}
.guide-checklist li {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  border: 1px solid rgba(91, 68, 168, .08);
  border-radius: 14px;
  background: var(--guide-card);
  padding: .8rem .9rem;
}
.guide-checklist li::before { content: "✓"; color: #4e987c; font-weight: 900; }
.guide-rule {
  overflow: hidden;
  border-radius: 22px;
  background: linear-gradient(135deg, #4a405a, #2f2939);
  padding: clamp(1.5rem, 5vw, 2.4rem);
  color: #fff;
}
.guide-rule h2 { color: #fff; }
.guide-rule p { margin-bottom: 0; color: rgba(255, 255, 255, .82); font-size: 1.05rem; }
.guide-rule strong { color: #fff; }
.guide-steps,
.guide-games {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.guide-step,
.guide-game {
  border: 1px solid rgba(91, 68, 168, .09);
  border-radius: 18px;
  background: var(--guide-card);
  box-shadow: 0 12px 28px -26px rgba(54, 42, 72, .5);
  padding: 1.15rem;
}
.guide-step__num {
  display: grid;
  width: 34px;
  height: 34px;
  margin-bottom: .8rem;
  place-items: center;
  border-radius: 10px;
  background: var(--lav);
  color: var(--guide-purple);
  font-family: var(--font-head);
  font-weight: 700;
}
.guide-step h3,
.guide-game h3 { margin-bottom: .45rem; font-size: 1.03rem; }
.guide-step p,
.guide-game p { margin: 0; color: var(--guide-muted); font-size: .92rem; }
.sound-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.sound-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .9rem;
  align-items: start;
  border: 1px solid rgba(91, 68, 168, .09);
  border-radius: 18px;
  background: var(--guide-card);
  padding: 1rem;
}
.sound-card__sound {
  display: grid;
  width: 60px;
  height: 60px;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(145deg, var(--lav), var(--mint-2));
  color: var(--guide-purple);
  font-family: var(--font-head);
  font-size: 1.25rem;
  font-weight: 700;
}
.sound-card h3 { margin-bottom: .25rem; font-size: 1rem; }
.sound-card p { margin: .18rem 0; color: var(--guide-muted); font-size: .88rem; }
.sound-card .sound-card__try { color: var(--guide-ink); }
.guide-tips {
  display: grid;
  gap: .75rem;
  padding: 0;
  list-style: none;
}
.guide-tips li {
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(215, 242, 233, .72), rgba(255, 255, 255, .78));
  padding: .85rem 1rem;
}
.guide-before {
  border-radius: 24px;
  background:
    radial-gradient(circle at 90% 10%, rgba(169, 224, 206, .4), transparent 16rem),
    linear-gradient(135deg, #f1ebff, #fff9f3);
  padding: clamp(1.4rem, 5vw, 2.5rem);
}
.guide-before h2 { margin-bottom: .9rem; }
.guide-follow {
  margin-top: 1.4rem;
  border-top: 1px solid rgba(91, 68, 168, .12);
  padding-top: 1.2rem;
}
.guide-follow p { margin: .25rem 0; }
.guide-index-card {
  display: grid;
  grid-template-columns: minmax(220px, .9fr) 1.1fr;
  overflow: hidden;
  border: 1px solid rgba(91, 68, 168, .1);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.guide-index-card img {
  align-self: center;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: linear-gradient(135deg, #f4efff, #edf8f4);
  padding: 1rem;
}
.guide-index-card__body { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.25rem, 4vw, 2rem); }
.guide-index-card__body h2 { margin: .5rem 0 .65rem; }
.guide-index-card__body p { margin: 0 0 1.1rem; color: var(--guide-muted); }
.guide-index-card__body .btn { align-self: flex-start; }
.guide-list { display: grid; gap: 1.5rem; margin-top: 2rem; }
.books-hero__note {
  margin: 1.6rem 0 3rem;
  border: 1px solid rgba(91, 68, 168, .12);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(228, 219, 251, .72), rgba(255, 255, 255, .82));
  padding: 1.2rem 1.35rem;
}
.books-hero__note p { margin: .2rem 0; }
.affiliate-note {
  margin: -1.8rem 0 2rem;
  color: var(--guide-muted);
  font-size: .72rem;
  text-align: center;
}
.book-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem 1rem;
  align-items: center;
  justify-content: space-between;
  margin: -1.4rem 0 1rem;
  color: var(--guide-muted);
  font-size: .82rem;
}
.book-toolbar button {
  min-height: 38px;
  border: 1px solid rgba(91, 68, 168, .16);
  border-radius: 999px;
  background: #fff;
  padding: .45rem .85rem;
  color: var(--guide-purple);
  font: 700 .8rem var(--font-head);
  cursor: pointer;
}
.book-toolbar button:hover { background: var(--lav); }
.book-jump {
  position: sticky;
  z-index: 20;
  top: .65rem;
  display: flex;
  overflow-x: auto;
  gap: .45rem;
  margin: 0 0 1.25rem;
  border: 1px solid rgba(91, 68, 168, .12);
  border-radius: 16px;
  background: rgba(255, 249, 243, .86);
  box-shadow: 0 12px 30px -24px rgba(54, 42, 72, .55);
  backdrop-filter: blur(14px);
  padding: .45rem;
  scrollbar-width: none;
}
.book-jump::-webkit-scrollbar { display: none; }
.book-jump a {
  flex: 1 0 auto;
  border-radius: 11px;
  padding: .55rem .75rem;
  color: var(--guide-ink) !important;
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
}
.book-jump a:hover { background: #fff; color: var(--guide-purple) !important; }
.book-section {
  overflow: hidden;
  margin: 2rem 0;
  scroll-margin-top: 5.25rem;
  border: 1px solid rgba(91, 68, 168, .1);
  border-radius: 24px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 18px 42px -34px rgba(54, 42, 72, .58);
}
.book-section__head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: center;
  padding: 1.25rem 1.35rem;
}
.book-section--talk .book-section__head { background: linear-gradient(135deg, #fde9e1, #fff8f1); }
.book-section--brain .book-section__head { background: linear-gradient(135deg, #e3f3ed, #f6fbf8); }
.book-section--inside .book-section__head { background: linear-gradient(135deg, #ebe4fc, #f9f6ff); }
.book-section__icon {
  display: grid;
  width: 62px;
  height: 72px;
  place-items: center;
  border-radius: 10px 16px 16px 10px;
  box-shadow: 0 12px 26px -18px rgba(54, 42, 72, .6);
  color: #fff;
  font-size: 1.7rem;
}
.book-section--talk .book-section__icon { background: #d67d6b; }
.book-section--brain .book-section__icon { background: #70a995; }
.book-section--inside .book-section__icon { background: #8067d2; }
.book-section__head h2 { margin: 0 0 .2rem; font-size: clamp(1.4rem, 4vw, 2rem); }
.book-section__head p { margin: 0; color: var(--guide-muted); }
.book-section__best {
  display: inline-flex;
  margin-top: .55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .68);
  padding: .28rem .6rem;
  color: var(--guide-ink);
  font-size: .72rem;
  font-weight: 800;
}
.book-amazon-link {
  display: inline-flex;
  margin-top: .65rem;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 20px -16px rgba(54, 42, 72, .55);
  padding: .45rem .72rem;
  color: var(--guide-purple) !important;
  font-family: var(--font-head);
  font-size: .75rem;
  font-weight: 700;
  text-decoration: none !important;
}
.book-amazon-link:hover { transform: translateY(-1px); }
.book-section__body { padding: 1.2rem 1.35rem 1.35rem; }
.book-tap-hint {
  margin: 0 0 .8rem;
  color: var(--guide-muted);
  font-size: .82rem;
  font-weight: 700;
}
.book-insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.book-insight {
  overflow: hidden;
  border: 1px solid rgba(91, 68, 168, .1);
  border-radius: 14px;
  background: #fff;
}
.book-insight summary {
  position: relative;
  display: flex;
  gap: .55rem;
  align-items: center;
  min-height: 54px;
  cursor: pointer;
  list-style: none;
  padding: .7rem 2.2rem .7rem .8rem;
  font-size: .91rem;
}
.book-insight summary::-webkit-details-marker { display: none; }
.book-insight summary:hover { background: rgba(228, 219, 251, .18); }
.book-insight summary:focus-visible { outline: 3px solid var(--purple-2); outline-offset: -3px; }
.book-insight summary::after {
  position: absolute;
  right: .85rem;
  color: var(--guide-muted);
  content: "+";
  font-family: var(--font-head);
  font-size: 1.25rem;
}
.book-insight[open] summary::after { content: "−"; }
.book-insight[open] summary { background: rgba(228, 219, 251, .25); }
.book-insight p {
  margin: 0;
  border-top: 1px solid rgba(91, 68, 168, .08);
  padding: .8rem .9rem .95rem;
  color: var(--guide-ink);
  font-size: .9rem;
}
.book-section--talk .book-insight[open] summary { background: #fff3ee; }
.book-section--brain .book-insight[open] summary { background: #edf8f4; }
.book-section--inside .book-insight[open] summary { background: #f2edff; }
.book-reality {
  margin: 1.2rem 0 0;
  border-radius: 14px;
  background: var(--cream);
  padding: .85rem 1rem;
  color: var(--guide-ink);
  font-size: .93rem;
}
.book-final {
  margin-top: 2.5rem;
  border: 1px solid rgba(91, 68, 168, .1);
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 15%, rgba(169, 224, 206, .34), transparent 14rem),
    linear-gradient(135deg, #f0eaff, #fff8f2);
  padding: clamp(1.35rem, 5vw, 2.2rem);
}
.book-final p { margin: 0; font-family: var(--font-head); font-size: clamp(1.08rem, 2.5vw, 1.35rem); font-weight: 600; }
.sounds-subtitle {
  max-width: 42ch;
  margin: 0 auto .6rem;
  color: var(--guide-ink);
  font-family: var(--font-head);
  font-size: clamp(1.08rem, 2.7vw, 1.5rem);
  font-weight: 600;
  line-height: 1.35;
}
.sounds-progress {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  pointer-events: none;
}
.sounds-progress span {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--purple), var(--mint));
  transition: width .1s linear;
}
.sounds-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem 1rem;
  align-items: center;
  justify-content: space-between;
  margin: -1.35rem 0 .9rem;
  color: var(--guide-muted);
  font-size: .82rem;
}
.sounds-toolbar button {
  min-height: 38px;
  border: 1px solid rgba(91, 68, 168, .16);
  border-radius: 999px;
  background: #fff;
  padding: .45rem .85rem;
  color: var(--guide-purple);
  font: 700 .8rem var(--font-head);
  cursor: pointer;
}
.sounds-toolbar button:hover { background: var(--lav); }
.sounds-jump {
  position: sticky;
  z-index: 20;
  top: .55rem;
  display: flex;
  overflow-x: auto;
  gap: .35rem;
  margin: 0 0 1.5rem;
  border: 1px solid rgba(91, 68, 168, .12);
  border-radius: 16px;
  background: rgba(255, 249, 243, .88);
  box-shadow: 0 12px 30px -24px rgba(54, 42, 72, .55);
  backdrop-filter: blur(14px);
  padding: .42rem;
  scrollbar-width: none;
}
.sounds-jump::-webkit-scrollbar { display: none; }
.sounds-jump a {
  flex: 1 0 auto;
  border-radius: 10px;
  padding: .52rem .68rem;
  color: var(--guide-ink) !important;
  font-family: var(--font-head);
  font-size: .75rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
}
.sounds-jump a:hover,
.sounds-jump a.is-active {
  background: #fff;
  box-shadow: 0 7px 18px -14px rgba(54, 42, 72, .55);
  color: var(--guide-purple) !important;
}
.sounds-chapter {
  scroll-margin-top: 5.5rem;
  border-top: 1px solid rgba(91, 68, 168, .1);
  padding-top: clamp(2rem, 5vw, 3rem);
}
.sounds-chapter--accent {
  border: 1px solid rgba(91, 68, 168, .09);
  border-radius: 22px;
  background: rgba(255, 255, 255, .66);
  padding: clamp(1.25rem, 4vw, 2rem);
}
.sounds-memoir {
  margin: 1.8rem 0;
  border: 1px solid rgba(91, 68, 168, .12);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(228, 219, 251, .7), rgba(255, 255, 255, .84));
  padding: clamp(1.2rem, 4vw, 1.7rem);
}
.sounds-memoir h2 { margin-bottom: .65rem; font-size: 1.25rem; }
.sounds-memoir p { margin: .55rem 0 0; color: var(--guide-ink); }
.sounds-road {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: .65rem;
  margin: 1.5rem 0 2rem;
}
.sounds-road div {
  position: relative;
  border: 1px solid rgba(91, 68, 168, .1);
  border-radius: 15px;
  background: #fff;
  padding: .85rem .65rem;
  text-align: center;
}
.sounds-road div:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -.62rem;
  z-index: 2;
  transform: translateY(-50%);
  color: #b6adc2;
  content: "→";
  font-weight: 900;
}
.sounds-road span { display: block; color: var(--guide-purple); font-family: var(--font-head); font-size: 1rem; font-weight: 700; }
.sounds-road small { color: var(--guide-muted); font-size: .72rem; }
.stage-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .9rem;
}
.stage-card {
  border: 1px solid rgba(91, 68, 168, .09);
  border-radius: 17px;
  background: var(--guide-card);
  padding: 1rem;
}
.stage-card__top { display: flex; gap: .75rem; align-items: center; margin-bottom: .55rem; }
.stage-card__num {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: var(--lav);
  color: var(--guide-purple);
  font-family: var(--font-head);
  font-weight: 700;
}
.stage-card h3 { font-size: 1rem; }
.stage-card p { margin: .25rem 0; color: var(--guide-muted); font-size: .88rem; }
.stage-card__time { color: var(--guide-ink) !important; font-weight: 700; }
.sounds-full-stage {
  margin: 1.4rem 0 3rem;
  border-left: 5px solid #70a995;
  border-radius: 0 16px 16px 0;
  background: #edf8f4;
  padding: 1.1rem 1.2rem;
}
.sounds-full-stage p { margin: 0; }
.pure-sound-callout {
  margin: 1.3rem 0;
  border-radius: 19px;
  background: linear-gradient(135deg, #40364f, #2d2737);
  padding: 1.25rem 1.35rem;
  color: rgba(255,255,255,.84);
}
.pure-sound-callout p { margin: .55rem 0 0; }
.pure-sound-callout strong { color: #fff; }
.sounds-activities {
  display: grid;
  gap: .75rem;
}
.sounds-activity {
  overflow: hidden;
  border: 1px solid rgba(91, 68, 168, .1);
  border-radius: 17px;
  background: #fff;
}
.sounds-activity summary {
  position: relative;
  display: flex;
  gap: .8rem;
  align-items: center;
  min-height: 62px;
  cursor: pointer;
  list-style: none;
  padding: .8rem 2.5rem .8rem .9rem;
}
.sounds-activity summary::-webkit-details-marker { display: none; }
.sounds-activity summary::after {
  position: absolute;
  right: 1rem;
  color: var(--guide-muted);
  content: "+";
  font: 700 1.3rem var(--font-head);
}
.sounds-activity[open] summary::after { content: "−"; }
.sounds-activity[open] summary { background: rgba(215, 242, 233, .38); }
.sounds-activity__num {
  display: grid;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(145deg, var(--lav), var(--mint-2));
  color: var(--guide-purple);
  font-family: var(--font-head);
  font-weight: 700;
}
.sounds-activity summary strong { font-size: .95rem; }
.sounds-activity__body {
  border-top: 1px solid rgba(91, 68, 168, .08);
  padding: .95rem 1rem 1.05rem;
}
.sounds-activity__body p { margin: .65rem 0; color: var(--guide-ink); }
.sounds-reasons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .9rem;
  margin: 1.2rem 0;
}
.sounds-reason {
  border: 1px solid rgba(91, 68, 168, .09);
  border-radius: 17px;
  background: #fff;
  padding: 1rem;
}
.sounds-reason span { color: var(--guide-purple); font-family: var(--font-head); font-size: 1.35rem; font-weight: 700; }
.sounds-reason p { margin: .45rem 0 0; color: var(--guide-muted); }
.sounds-pace {
  margin: 1.4rem 0;
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 20%, rgba(169, 224, 206, .42), transparent 14rem),
    linear-gradient(135deg, #f1ebff, #fff9f3);
  padding: clamp(1.35rem, 4vw, 2rem);
  text-align: center;
}
.sounds-pace blockquote { margin: 0; color: var(--guide-ink); font-family: var(--font-head); font-size: clamp(1.2rem, 3.2vw, 1.75rem); font-weight: 600; }
.sounds-fail {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 1rem;
  align-items: stretch;
  margin: 1.25rem 0;
}
.sounds-fail > div {
  border-radius: 18px;
  padding: 1.1rem;
}
.sounds-fail__before { background: #fff1eb; }
.sounds-fail__after { background: #e8f5f0; }
.sounds-fail h3 { margin-bottom: .5rem; font-size: 1rem; }
.sounds-fail p { margin: 0; color: var(--guide-ink); }
.word-family {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 1.1rem 0;
}
.word-family span {
  border: 1px solid rgba(91, 68, 168, .12);
  border-radius: 999px;
  background: #fff;
  padding: .45rem .75rem;
  color: var(--guide-purple);
  font-family: var(--font-head);
  font-weight: 700;
}
.full-book-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .8rem;
}
.full-book-card {
  border: 1px solid rgba(91, 68, 168, .09);
  border-radius: 17px;
  background: var(--guide-card);
  padding: 1rem;
}
.full-book-card h3 { margin-bottom: .4rem; font-size: 1rem; }
.full-book-card p { margin: 0; color: var(--guide-muted); font-size: .9rem; }
.sounds-note {
  border-radius: 22px;
  background: linear-gradient(135deg, #f0eaff, #fff8f1);
  padding: clamp(1.35rem, 4vw, 2rem);
}
.sounds-note h2 { margin-bottom: .8rem; }
.sounds-note__signature { margin-top: 1.25rem; font-family: var(--font-head); font-size: 1.1rem; font-weight: 700; }
.sounds-disclaimer { margin-top: 2rem; color: var(--guide-muted); font-size: .78rem; font-style: italic; }
@media (max-width: 720px) {
  .guide-ebook-cta { align-items: stretch; flex-direction: column; }
  .guide-ebook-cta .btn { width: 100%; }
  .guide-steps,
  .guide-games,
  .sound-grid { grid-template-columns: 1fr; }
  .guide-index-card { grid-template-columns: 1fr; }
  .guide-index-card img { aspect-ratio: 1200 / 630; padding: .65rem; }
  .book-section__head { grid-template-columns: 1fr; }
  .book-insight-grid { grid-template-columns: 1fr; }
  .book-toolbar { margin-top: -1rem; }
  .book-jump { top: .35rem; }
  .sounds-road { grid-template-columns: 1fr; }
  .sounds-road div:not(:last-child)::after { top: auto; right: 50%; bottom: -.76rem; transform: translateX(50%) rotate(90deg); }
  .stage-grid,
  .sounds-reasons,
  .sounds-fail,
  .full-book-grid { grid-template-columns: 1fr; }
  .sounds-toolbar { margin-top: -1rem; }
  .sounds-jump { top: .3rem; }
}