.nala-book-library,
.nala-book-create,
.nala-book-auth {
  --book-ink: #122138;
  --book-paper: #fffef9;
  --book-green: #0f765f;
  --book-gold: #d79a2b;
  color: var(--book-ink);
}

.nala-book-library__hero,
.nala-book-create__hero {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin: 0 0 28px;
  padding: 8px 2px 26px;
  border-bottom: 1px solid var(--nala-border);
}

.nala-book-library__hero h1,
.nala-book-create__hero h1,
.nala-book-auth h1 {
  max-width: 760px;
  margin: 5px 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.25rem, 5vw, 4.5rem);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.045em;
}

.nala-book-library__hero p:not(.nala-eyebrow),
.nala-book-create__hero p:not(.nala-eyebrow),
.nala-book-auth > p {
  max-width: 700px;
  margin: 0;
  color: var(--nala-muted);
  font-size: 1.04rem;
  line-height: 1.75;
}

.nala-book-workspace-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(285px, .62fr);
  gap: 22px;
  align-items: stretch;
  margin: 0 0 38px;
}

.nala-book-workspace-overview__copy {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid #cddbd9;
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 10%, rgba(215, 154, 43, .18), transparent 30%),
    linear-gradient(125deg, #eff8f4 0%, #fbfdfc 74%);
}

.nala-book-workspace-overview__copy::after {
  position: absolute;
  right: -26px;
  bottom: -34px;
  width: 124px;
  height: 124px;
  border: 1px solid rgba(15, 118, 95, .18);
  border-radius: 50%;
  content: "";
}

.nala-book-workspace-overview__copy h2,
.nala-book-section-heading h2,
.nala-book-credit-summary h2 {
  margin: 5px 0 9px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.12;
}

.nala-book-workspace-overview__copy > p:not(.nala-book-course__kicker) {
  max-width: 650px;
  margin: 0;
  color: var(--nala-muted);
  line-height: 1.68;
}

.nala-book-credit-summary {
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid #203a50;
  border-radius: 20px;
  background:
    radial-gradient(circle at 96% 0%, rgba(114, 215, 187, .24), transparent 32%),
    #122138;
  color: #fff;
  box-shadow: 0 18px 40px rgba(18, 33, 56, .17);
}

.nala-book-credit-summary .nala-book-course__kicker { color: #7be1c2; }
.nala-book-credit-summary h2 { color: #fff; }

.nala-book-credit-summary__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.nala-book-credit-summary__header > a {
  margin-top: 3px;
  color: #d9f5eb;
  font-size: .76rem;
  font-weight: 750;
  text-decoration-color: rgba(217, 245, 235, .4);
  text-underline-offset: 3px;
}

.nala-book-credit-summary__header > a:hover { color: #fff; }

.nala-book-credit-summary__balances {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0 0;
}

.nala-book-credit-summary__balances > div {
  min-width: 0;
  padding: 13px 12px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 12px;
  background: rgba(255, 255, 255, .07);
}

.nala-book-credit-summary dt {
  color: #c8d7e2;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nala-book-credit-summary dd {
  margin: 4px 0 1px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
  line-height: 1;
}

.nala-book-credit-summary small { color: #a9bdcb; font-size: .68rem; }

.nala-book-create-panel,
.nala-book-history { margin-top: 42px; }

.nala-book-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 17px;
  padding: 0 2px;
}

.nala-book-section-heading > p {
  max-width: 480px;
  margin: 0;
  color: var(--nala-muted);
  font-size: .86rem;
  line-height: 1.6;
  text-align: right;
}

.nala-book-section-heading > p a {
  color: var(--book-green);
  font-weight: 750;
  text-decoration-color: rgba(15, 118, 95, .35);
  text-underline-offset: 3px;
}

.nala-book-auth {
  min-height: 420px;
  padding: clamp(34px, 7vw, 84px);
  border: 1px solid var(--nala-border);
  border-radius: 24px;
  background:
    linear-gradient(115deg, rgba(15, 118, 95, .08), transparent 52%),
    repeating-linear-gradient(0deg, transparent, transparent 31px, rgba(18, 33, 56, .035) 32px),
    var(--book-paper);
}

.nala-book-auth .nala-btn { margin-top: 24px; }

.nala-book-course {
  overflow: hidden;
  margin: 0 0 24px;
  border: 1px solid #ced8e8;
  border-radius: 22px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 20px 50px rgba(25, 44, 76, .08);
}

.nala-book-course__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  padding: clamp(22px, 4vw, 36px) clamp(20px, 4vw, 38px) 19px;
}

.nala-book-course__header h2,
.nala-book-steps h2,
.nala-book-upload h2 {
  margin: 4px 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.nala-book-course__kicker {
  margin: 0;
  color: var(--book-green);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.nala-book-status {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 11px;
  border: 1px solid #b9d7cf;
  border-radius: 999px;
  background: #eef9f5;
  color: #075e4c;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1;
}

.nala-book-status--failed,
.nala-book-status--partial_failed,
.nala-book-status--cancelled { border-color: #efc0ca; background: #fff2f4; color: #9f2542; }
.nala-book-status--awaiting_review { border-color: #efd69b; background: #fff9e8; color: #7b5310; }
.nala-book-status--awaiting_confirmation { border-color: #c9bfdc; background: #f7f3fc; color: #5b477c; }
.nala-book-status--small { min-height: 25px; padding: 4px 8px; border-color: var(--nala-border); background: #f7f9fc; color: var(--nala-muted); font-size: .7rem; }
.nala-book-status--small.nala-book-status--completed { border-color: #a9d7cb; background: #edf9f5; color: #075e4c; }
.nala-book-status--small.nala-book-status--queued,
.nala-book-status--small.nala-book-status--waiting_for_queue { border-color: #b8c9e8; background: #f0f5ff; color: #244f91; }
.nala-book-status--small.nala-book-status--processing,
.nala-book-status--small.nala-book-status--rendered,
.nala-book-status--small.nala-book-status--delivering { border-color: #d8bf7e; background: #fff8e5; color: #74500e; }
.nala-book-status--small.nala-book-status--staged { border-color: #c9bfdc; background: #f7f3fc; color: #5b477c; }
.nala-book-status--small.nala-book-status--ignored { border-color: #d7dce5; background: #f3f4f6; color: #697181; }
.nala-book-status--small.nala-book-status--failed { border-color: #efc0ca; background: #fff2f4; color: #9f2542; }

.nala-book-progress {
  height: 7px;
  margin: 0 clamp(20px, 4vw, 38px);
  overflow: hidden;
  border-radius: 99px;
  background: #e7ecf4;
}
.nala-book-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--book-green), #38a987); transition: width .5s ease; }

.nala-book-course__meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px clamp(20px, 4vw, 38px) 26px;
  color: var(--nala-muted);
  font-size: .84rem;
}
.nala-book-course__meta strong { color: var(--book-ink); }

.nala-book-video-plan { border-top: 1px solid var(--nala-border); }
.nala-book-video-plan__intro { display: flex; align-items: end; justify-content: space-between; gap: 26px; padding: 23px clamp(20px, 4vw, 38px) 19px; background: linear-gradient(100deg, rgba(15, 118, 95, .045), transparent 60%); }
.nala-book-video-plan__intro h3 { margin: 4px 0 0; font-family: Georgia, serif; font-size: 1.35rem; font-weight: 500; }
.nala-book-video-plan__intro > p { max-width: 560px; margin: 0; color: var(--nala-muted); font-size: .82rem; line-height: 1.55; text-align: right; }
.nala-book-video-plan__head { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(190px, .55fr) minmax(170px, .45fr); gap: 22px; padding: 10px clamp(20px, 4vw, 38px) 10px calc(clamp(20px, 4vw, 38px) + 62px); border-top: 1px solid #e5eaf2; border-bottom: 1px solid #e5eaf2; background: #f7f9fc; color: #667187; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.nala-book-chapters { margin: 0; padding: 0; list-style: none; }
.nala-book-chapter { display: grid; grid-template-columns: 40px minmax(260px, 1fr) minmax(190px, .55fr) minmax(170px, .45fr); align-items: start; gap: 22px; padding: 23px clamp(20px, 4vw, 38px); border-bottom: 1px solid #e5eaf2; }
.nala-book-chapter:last-child { border-bottom: 0; }
.nala-book-chapter--ignored { background: #fafbfc; }
.nala-book-chapter--ignored .nala-book-chapter__body { opacity: .68; }
.nala-book-chapter__number { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #122138; color: #fff; font-family: Georgia, serif; font-size: .88rem; }
.nala-book-chapter__title { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.nala-book-chapter__title h3 { margin: 2px 0; font-size: 1rem; line-height: 1.4; }
.nala-book-chapter__body > p { margin: 4px 0 0; color: var(--nala-muted); font-size: .84rem; }
.nala-book-chapter__body .nala-book-chapter__error { color: var(--nala-danger); }
.nala-book-player { margin-top: 14px; }
.nala-book-player video { display: block; width: min(100%, 760px); border-radius: 14px; background: #08111f; box-shadow: 0 10px 30px rgba(5, 15, 28, .2); }
.nala-book-column-label { display: block; margin-bottom: 8px; color: #7b8494; font-size: .64rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.nala-book-video-controls { display: grid; gap: 7px; }
.nala-book-inline-form { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; }
.nala-book-control,
.nala-book-link { min-height: 32px; padding: 6px 9px; border: 1px solid #cad3e1; border-radius: 8px; background: #fff; color: #344257; font: inherit; font-size: .72rem; font-weight: 750; line-height: 1.2; cursor: pointer; }
.nala-book-control:hover,
.nala-book-link:hover { border-color: #8495ae; background: #f6f8fb; }
.nala-book-control--primary { border-color: #0f765f; background: #0f765f; color: #fff; }
.nala-book-control--primary:hover { border-color: #095846; background: #095846; }
.nala-book-control:disabled { border-color: #d9dee7; background: #f2f4f7; color: #8b94a2; cursor: not-allowed; opacity: .72; }
.nala-book-control--quiet { border-color: transparent; background: transparent; color: #7a5360; }
.nala-book-create-video { min-height: 39px; padding-inline: 15px; justify-self: start; font-size: .78rem; box-shadow: 0 6px 16px rgba(15, 118, 95, .18); }
.nala-book-create-video__hint { color: #6c7789; font-size: .67rem; line-height: 1.4; }
.nala-book-credit-state { justify-self: start; padding: 4px 8px; border-radius: 999px; background: #eef1f5; color: #596579; font-size: .66rem; font-weight: 800; }
.nala-book-credit-state--free { background: #e6f6f0; color: #075e4c; }
.nala-book-credit-state--premium { background: #fff4ce; color: #664b02; }
.nala-book-credit-help { color: #6c7789; font-size: .67rem; line-height: 1.4; }
a.nala-book-credit-help { color: #075e4c; font-weight: 750; }
.nala-book-action-status { min-height: 1em; color: #596579; font-size: .68rem; }
.nala-book-chapter__downloads { display: grid; justify-items: start; gap: 7px; }
.nala-book-chapter__downloads .nala-book-column-label { margin-bottom: 1px; }
.nala-book-link { border: 0; padding: 2px 0; min-height: 24px; background: transparent; color: #075e4c; text-decoration: underline; text-decoration-color: rgba(7, 94, 76, .3); text-underline-offset: 3px; }
.nala-book-link:hover { border: 0; background: transparent; color: #053e33; text-decoration-color: currentColor; }
.nala-book-download-pending,
.nala-book-control-locked { color: #8a93a2; font-size: .74rem; line-height: 1.45; }
.nala-book-staged-action { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px clamp(20px, 4vw, 38px); border-top: 1px solid #ded5ed; background: #faf7ff; }
.nala-book-staged-action span { display: grid; gap: 2px; }
.nala-book-staged-action strong { color: #4e3b6d; font-size: .85rem; }
.nala-book-staged-action small { color: #746985; font-size: .75rem; }

.nala-book-callout {
  margin: 0 clamp(20px, 4vw, 38px) 24px;
  padding: 15px 17px;
  border-left: 4px solid var(--book-gold);
  border-radius: 4px 12px 12px 4px;
  background: #fff9e8;
}
.nala-book-create > .nala-book-callout { margin: 24px 0; }
.nala-book-callout p { margin: 4px 0 0; color: #66522e; line-height: 1.55; }

.nala-book-course-actions { display: grid; gap: 12px; padding: 18px clamp(20px, 4vw, 38px) 26px; border-top: 1px solid var(--nala-border); }
.nala-book-course-actions > .nala-btn { justify-self: start; }
.nala-book-danger-zone { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 6px; padding: 16px 17px; border: 1px solid #efc0ca; border-radius: 13px; background: #fff7f8; }
.nala-book-danger-zone strong { color: #87213a; font-size: .86rem; }
.nala-book-danger-zone p { max-width: 560px; margin: 4px 0 0; color: #79515c; font-size: .81rem; line-height: 1.5; }
.nala-book-danger-zone .nala-btn { flex: 0 0 auto; }

.nala-book-review { margin: 0 clamp(20px, 4vw, 38px) 28px; padding: clamp(18px, 3vw, 27px); border: 1px solid #ead49d; border-radius: 16px; background: var(--book-paper); }
.nala-book-review h3 { margin: 4px 0; font-family: Georgia, serif; font-size: 1.35rem; }
.nala-book-review p { color: var(--nala-muted); }
.nala-book-review__rows { display: grid; gap: 10px; margin-top: 18px; }
.nala-book-review__row { display: grid; grid-template-columns: 42px minmax(180px, 1.6fr) minmax(100px, .5fr) minmax(100px, .5fr) auto; align-items: end; gap: 10px; }
.nala-book-review__row label { display: grid; gap: 5px; color: var(--nala-muted); font-size: .73rem; font-weight: 700; }
.nala-book-review__row input { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--nala-border); border-radius: 9px; background: #fff; color: var(--book-ink); }
.nala-book-row-remove { min-height: 40px; border: 0; background: transparent; color: var(--nala-danger); font-weight: 700; cursor: pointer; }
.nala-book-review__actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }

.nala-book-upload { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(24px, 5vw, 64px); padding: clamp(24px, 5vw, 48px); border: 1px solid #cfd9e8; border-radius: 22px; background: linear-gradient(135deg, #f6fbf9 0%, #fff 66%); box-shadow: 0 20px 50px rgba(25, 44, 76, .08); }
.nala-book-upload__intro > p { color: var(--nala-muted); line-height: 1.7; }
.nala-book-upload__intro ul { padding-left: 20px; color: var(--nala-muted); line-height: 1.9; }
.nala-book-upload__form { align-content: start; }
.nala-book-upload__form label { margin-top: 3px; font-weight: 750; }
.nala-book-upload__form input[type="text"],
.nala-book-upload__form input[type="file"] { width: 100%; }
.nala-book-file { margin: 4px 0 2px; padding: 11px 13px; border-radius: 10px; background: #edf8f4; color: #0b624f; font-size: .85rem; }

.nala-book-steps { margin-top: 42px; padding: clamp(24px, 4vw, 42px); border-radius: 22px; background: #122138; color: #fff; }
.nala-book-steps .nala-book-course__kicker { color: #72d7bb; }
.nala-book-steps h2 { max-width: 690px; color: #fff; }
.nala-book-steps ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 28px 0 0; padding: 1px; list-style: none; background: rgba(255, 255, 255, .13); }
.nala-book-steps li { display: grid; grid-template-columns: 48px 1fr; gap: 16px; padding: 23px; background: #122138; }
.nala-book-steps li > span { color: #72d7bb; font-family: Georgia, serif; font-size: 1.25rem; }
.nala-book-steps strong { font-size: 1rem; }
.nala-book-steps p { margin: 7px 0 0; color: #b9c6d9; line-height: 1.6; }

.nala-book-empty { min-height: 320px; display: grid; place-items: center; align-content: center; text-align: center; padding: 40px; border: 1px dashed #b8c5d9; border-radius: 22px; background: rgba(255,255,255,.72); }
.nala-book-empty > span { color: var(--book-green); font-family: Georgia, serif; font-size: 2rem; }
.nala-book-empty h2 { margin: 6px 0; font-family: Georgia, serif; font-size: 2rem; }
.nala-book-empty p { max-width: 470px; color: var(--nala-muted); }
.nala-book-live { min-height: 1.2em; color: var(--nala-muted); font-size: .82rem; }

.nala-book-credit-dialog {
  width: min(680px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  margin: auto;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 22px;
  background: transparent;
  color: var(--book-ink);
  box-shadow: 0 30px 90px rgba(6, 18, 34, .35);
}
.nala-book-credit-dialog::backdrop { background: rgba(8, 20, 36, .68); backdrop-filter: blur(3px); }
.nala-book-credit-dialog__panel {
  position: relative;
  overflow: auto;
  max-height: calc(100vh - 32px);
  padding: clamp(25px, 5vw, 42px);
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 2%, rgba(114, 215, 187, .22), transparent 31%),
    #fffef9;
}
.nala-book-credit-dialog__close {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #d5dce7;
  border-radius: 50%;
  background: rgba(255, 255, 255, .88);
  color: #344257;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
}
.nala-book-credit-dialog__close:hover { border-color: #8b99ad; background: #fff; }
.nala-book-credit-dialog__mark {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  margin-bottom: 20px;
  border-radius: 13px;
  background: #122138;
  color: #72d7bb;
  font-size: .85rem;
}
.nala-book-credit-dialog h2 { margin: 5px 40px 9px 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.8rem, 5vw, 2.65rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.05; }
.nala-book-credit-dialog__choices > p:not(.nala-book-course__kicker),
.nala-book-credit-dialog__empty > p:not(.nala-book-course__kicker) { color: #667187; line-height: 1.6; }
.nala-book-credit-dialog__lesson { margin: 14px 0 4px; color: #122138 !important; font-size: .88rem; font-weight: 800; }
.nala-book-credit-dialog__form { margin-top: 18px; }
.nala-book-credit-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.nala-book-credit-option {
  display: flex;
  min-height: 126px;
  padding: 18px;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid;
  border-radius: 16px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.nala-book-credit-option:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(18, 33, 56, .12); }
.nala-book-credit-option--free { border-color: #8ccdbb; background: #edf9f5; color: #075e4c; }
.nala-book-credit-option--free:hover:not(:disabled) { border-color: #0f765f; }
.nala-book-credit-option--premium { border-color: #d6b75e; background: #172943; color: #fff; }
.nala-book-credit-option--premium:hover:not(:disabled) { border-color: #bf9728; }
.nala-book-credit-option strong { display: block; font-size: .95rem; }
.nala-book-credit-option small { display: block; margin-top: 5px; font-size: .72rem; font-weight: 700; opacity: .76; }
.nala-book-credit-option__balance { font-size: .72rem; font-weight: 700; opacity: .85; }
.nala-book-credit-option__balance b { font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; }
.nala-book-credit-option:disabled { border-color: #d9dee7; background: #f0f2f5; color: #8b94a2; cursor: not-allowed; }
.nala-book-credit-dialog__refill,
.nala-book-credit-dialog__buy-help { margin: 12px 0 0; color: #6c7789; font-size: .74rem; }
.nala-book-credit-dialog__buy-help a { color: #075e4c; font-weight: 800; }
.nala-book-credit-dialog__status { min-height: 1.2em; margin: 12px 0 0; color: #075e4c; font-size: .76rem; font-weight: 700; }
.nala-book-credit-dialog__later { margin: 3px 0 0; padding: 5px 0; border: 0; background: transparent; color: #667187; font: inherit; font-size: .77rem; font-weight: 750; cursor: pointer; }
.nala-book-credit-dialog__later:hover { color: #122138; text-decoration: underline; }
.nala-book-credit-dialog__empty { padding: 4px 0 2px; }
.nala-book-credit-dialog__advantage { margin-top: 16px; padding: 12px 14px; border-left: 3px solid #d79a2b; border-radius: 4px 10px 10px 4px; background: #fff7dc; color: #604918 !important; font-size: .84rem; }
.nala-book-credit-dialog__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.nala-book-credit-dialog__actions .nala-btn { min-height: 43px; }

@media (max-width: 900px) {
  .nala-book-library__hero,
  .nala-book-create__hero { align-items: flex-start; flex-direction: column; }
  .nala-book-workspace-overview { grid-template-columns: 1fr; }
  .nala-book-upload { grid-template-columns: 1fr; }
  .nala-book-steps ol { grid-template-columns: 1fr; }
  .nala-book-course__header,
  .nala-book-course__meta,
  .nala-book-chapter__title,
  .nala-book-video-plan__intro,
  .nala-book-danger-zone,
  .nala-book-section-heading { align-items: flex-start; flex-direction: column; }
  .nala-book-video-plan__intro > p { text-align: left; }
  .nala-book-section-heading > p { text-align: left; }
  .nala-book-video-plan__head { display: none; }
  .nala-book-chapter { grid-template-columns: 40px minmax(0, 1fr); gap: 14px; }
  .nala-book-chapter__controls,
  .nala-book-chapter__downloads { grid-column: 2; }
  .nala-book-staged-action { align-items: flex-start; flex-direction: column; }
  .nala-book-review__row { grid-template-columns: 38px 1fr 1fr; }
  .nala-book-review__row label:first-of-type { grid-column: 2 / -1; }
  .nala-book-row-remove { grid-column: 2 / -1; justify-self: start; }
}

@media (max-width: 480px) {
  .nala-book-workspace-overview__copy,
  .nala-book-credit-summary { padding: 22px; }
  .nala-book-credit-summary__balances { gap: 8px; }
  .nala-book-credit-summary__balances > div { padding: 11px 9px; }
  .nala-book-credit-summary dd { font-size: 1.7rem; }
  .nala-book-credit-dialog { width: calc(100vw - 20px); max-height: calc(100vh - 20px); }
  .nala-book-credit-dialog__panel { max-height: calc(100vh - 20px); padding: 24px 19px; }
  .nala-book-credit-options { grid-template-columns: 1fr; }
  .nala-book-credit-option { min-height: 102px; }
  .nala-book-credit-dialog__actions { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  .nala-book-progress span { transition: none; }
  .nala-book-credit-option { transition: none; }
}