.nexus-playing-page {
  --npl-bg: #0b0b0f;
  --npl-surface: #100d16;
  --npl-surface-raised: #15111d;
  --npl-line: #2b2535;
  --npl-line-strong: #3b3247;
  --npl-text: #f4f4f6;
  --npl-muted: #a39daa;
  --npl-violet: #9161e7;
  --npl-violet-soft: #cbb3f7;
  --npl-mint: #63d6a3;
}

.nexus-playing-page .main {
  max-width: 1520px;
  padding-top: 26px;
}

.nexus-playing-page .brand img {
  width: 158px;
}

.npl,
.npl * {
  box-sizing: border-box;
}

.npl {
  color: var(--npl-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.npl h1,
.npl h2,
.npl h3,
.npl p {
  margin: 0;
}

.npl button {
  font: inherit;
}

/* CSP-safe chart geometry: templates select a bounded class instead of
   emitting inline styles, which are intentionally blocked by the app CSP. */
.npl-pct-0 { --npl-value: 0%; }
.npl-pct-1 { --npl-value: 1%; }
.npl-pct-2 { --npl-value: 2%; }
.npl-pct-3 { --npl-value: 3%; }
.npl-pct-4 { --npl-value: 4%; }
.npl-pct-5 { --npl-value: 5%; }
.npl-pct-6 { --npl-value: 6%; }
.npl-pct-7 { --npl-value: 7%; }
.npl-pct-8 { --npl-value: 8%; }
.npl-pct-9 { --npl-value: 9%; }
.npl-pct-10 { --npl-value: 10%; }
.npl-pct-11 { --npl-value: 11%; }
.npl-pct-12 { --npl-value: 12%; }
.npl-pct-13 { --npl-value: 13%; }
.npl-pct-14 { --npl-value: 14%; }
.npl-pct-15 { --npl-value: 15%; }
.npl-pct-16 { --npl-value: 16%; }
.npl-pct-17 { --npl-value: 17%; }
.npl-pct-18 { --npl-value: 18%; }
.npl-pct-19 { --npl-value: 19%; }
.npl-pct-20 { --npl-value: 20%; }
.npl-pct-21 { --npl-value: 21%; }
.npl-pct-22 { --npl-value: 22%; }
.npl-pct-23 { --npl-value: 23%; }
.npl-pct-24 { --npl-value: 24%; }
.npl-pct-25 { --npl-value: 25%; }
.npl-pct-26 { --npl-value: 26%; }
.npl-pct-27 { --npl-value: 27%; }
.npl-pct-28 { --npl-value: 28%; }
.npl-pct-29 { --npl-value: 29%; }
.npl-pct-30 { --npl-value: 30%; }
.npl-pct-31 { --npl-value: 31%; }
.npl-pct-32 { --npl-value: 32%; }
.npl-pct-33 { --npl-value: 33%; }
.npl-pct-34 { --npl-value: 34%; }
.npl-pct-35 { --npl-value: 35%; }
.npl-pct-36 { --npl-value: 36%; }
.npl-pct-37 { --npl-value: 37%; }
.npl-pct-38 { --npl-value: 38%; }
.npl-pct-39 { --npl-value: 39%; }
.npl-pct-40 { --npl-value: 40%; }
.npl-pct-41 { --npl-value: 41%; }
.npl-pct-42 { --npl-value: 42%; }
.npl-pct-43 { --npl-value: 43%; }
.npl-pct-44 { --npl-value: 44%; }
.npl-pct-45 { --npl-value: 45%; }
.npl-pct-46 { --npl-value: 46%; }
.npl-pct-47 { --npl-value: 47%; }
.npl-pct-48 { --npl-value: 48%; }
.npl-pct-49 { --npl-value: 49%; }
.npl-pct-50 { --npl-value: 50%; }
.npl-pct-51 { --npl-value: 51%; }
.npl-pct-52 { --npl-value: 52%; }
.npl-pct-53 { --npl-value: 53%; }
.npl-pct-54 { --npl-value: 54%; }
.npl-pct-55 { --npl-value: 55%; }
.npl-pct-56 { --npl-value: 56%; }
.npl-pct-57 { --npl-value: 57%; }
.npl-pct-58 { --npl-value: 58%; }
.npl-pct-59 { --npl-value: 59%; }
.npl-pct-60 { --npl-value: 60%; }
.npl-pct-61 { --npl-value: 61%; }
.npl-pct-62 { --npl-value: 62%; }
.npl-pct-63 { --npl-value: 63%; }
.npl-pct-64 { --npl-value: 64%; }
.npl-pct-65 { --npl-value: 65%; }
.npl-pct-66 { --npl-value: 66%; }
.npl-pct-67 { --npl-value: 67%; }
.npl-pct-68 { --npl-value: 68%; }
.npl-pct-69 { --npl-value: 69%; }
.npl-pct-70 { --npl-value: 70%; }
.npl-pct-71 { --npl-value: 71%; }
.npl-pct-72 { --npl-value: 72%; }
.npl-pct-73 { --npl-value: 73%; }
.npl-pct-74 { --npl-value: 74%; }
.npl-pct-75 { --npl-value: 75%; }
.npl-pct-76 { --npl-value: 76%; }
.npl-pct-77 { --npl-value: 77%; }
.npl-pct-78 { --npl-value: 78%; }
.npl-pct-79 { --npl-value: 79%; }
.npl-pct-80 { --npl-value: 80%; }
.npl-pct-81 { --npl-value: 81%; }
.npl-pct-82 { --npl-value: 82%; }
.npl-pct-83 { --npl-value: 83%; }
.npl-pct-84 { --npl-value: 84%; }
.npl-pct-85 { --npl-value: 85%; }
.npl-pct-86 { --npl-value: 86%; }
.npl-pct-87 { --npl-value: 87%; }
.npl-pct-88 { --npl-value: 88%; }
.npl-pct-89 { --npl-value: 89%; }
.npl-pct-90 { --npl-value: 90%; }
.npl-pct-91 { --npl-value: 91%; }
.npl-pct-92 { --npl-value: 92%; }
.npl-pct-93 { --npl-value: 93%; }
.npl-pct-94 { --npl-value: 94%; }
.npl-pct-95 { --npl-value: 95%; }
.npl-pct-96 { --npl-value: 96%; }
.npl-pct-97 { --npl-value: 97%; }
.npl-pct-98 { --npl-value: 98%; }
.npl-pct-99 { --npl-value: 99%; }
.npl-pct-100 { --npl-value: 100%; }

.npl-meta-bar {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
  color: var(--npl-muted);
  font-size: 12px;
}

.npl-demo-label,
.npl-eyebrow,
.npl-label,
.npl-state,
.npl-marker-label,
.npl-agreement-status {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.npl-demo-label,
.npl-eyebrow {
  color: var(--npl-violet-soft);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.npl-page-head {
  margin-bottom: 20px;
}

.npl-page-head h1 {
  margin-top: 0;
  color: var(--npl-text);
  font-size: clamp(34px, 4vw, 46px);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1;
}

.npl-page-head p {
  margin-top: 10px;
  color: var(--npl-muted);
  font-size: 13px;
}

.npl-license {
  position: relative;
  display: grid;
  grid-template-columns: 175px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--npl-line-strong);
  background: linear-gradient(122deg, #171220 0%, var(--npl-surface) 72%);
}

.npl-license::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--npl-violet) 35%, var(--npl-violet-soft) 62%, transparent);
  opacity: .78;
  pointer-events: none;
}

.npl-identity {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 24px 25px;
  border-right: 1px solid var(--npl-line);
}

.npl-identity span {
  color: var(--npl-violet-soft);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  letter-spacing: .16em;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.npl-identity strong {
  margin-top: 4px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 42px;
  font-weight: 400;
  letter-spacing: -.06em;
  line-height: 1;
}

.npl-identity small {
  margin-top: 10px;
  color: var(--npl-muted);
  font-size: 12px;
}

.npl-license-data {
  display: grid;
  grid-template-columns: minmax(180px, .7fr) minmax(240px, 1.3fr);
  min-width: 0;
}

.npl-license-field {
  min-width: 0;
  padding: 22px 27px;
}

.npl-license-field + .npl-license-field {
  border-left: 1px solid var(--npl-line);
}

.npl-label {
  display: block;
  color: var(--npl-muted);
  font-size: 11px;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.npl-license-field strong {
  display: block;
  margin-top: 8px;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.npl-license-field strong.is-empty {
  color: #d1ccd6;
  font-size: 20px;
}

.npl-license-field p {
  margin-top: 9px;
  color: var(--npl-muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.npl-live-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
  margin-top: 18px;
  border-block: 1px solid var(--npl-line);
  background: rgba(16, 13, 22, .9);
}

.npl-volume,
.npl-review {
  min-width: 0;
  padding: 27px 28px 26px;
}

.npl-review {
  border-left: 1px solid var(--npl-line);
}

.npl-block-head,
.npl-fast-head,
.npl-access-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.npl-block-head h2 {
  font-size: 17px;
  font-weight: 500;
}

.npl-block-head p,
.npl-access-head p,
.npl-fast-head p {
  margin-top: 6px;
  color: var(--npl-muted);
  font-size: 12px;
}

.npl-state {
  color: var(--npl-violet-soft);
  font-size: 11px;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.npl-volume-number {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin-top: 25px;
}

.npl-volume-number strong {
  font-size: clamp(48px, 6vw, 70px);
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: .9;
}

.npl-volume-number span {
  color: var(--npl-muted);
  font-size: 20px;
}

.npl-runway-wrap {
  position: relative;
  margin-top: 6px;
  padding: 27px 0 29px;
}

.npl-runway {
  position: relative;
  height: 9px;
  border-radius: 999px;
  background: #25202c;
}

.npl-runway-fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--npl-value);
  border-radius: inherit;
  background: linear-gradient(90deg, #6840b3, var(--npl-violet));
  transform-origin: left center;
}

.npl-runway-current {
  position: absolute;
  left: var(--npl-value);
  top: 50%;
  width: 15px;
  height: 15px;
  border: 3px solid var(--npl-surface);
  border-radius: 50%;
  background: var(--npl-violet-soft);
  box-shadow: 0 0 0 1px var(--npl-violet);
  transform: translate(-50%, -50%);
}

.npl-minimum {
  position: absolute;
  left: var(--npl-value);
  top: 15px;
  width: 1px;
  height: 34px;
  background: #8e8795;
}

.npl-marker-label {
  position: absolute;
  top: 53px;
  color: var(--npl-muted);
  font-size: 11px;
  white-space: nowrap;
}

.npl-marker-label.is-min {
  left: var(--npl-value);
  transform: translateX(-50%);
}

.npl-marker-label.is-target {
  right: 0;
}

.npl-volume-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 8px;
}

.npl-fact {
  padding-top: 16px;
  border-top: 1px solid var(--npl-line);
}

.npl-fact strong {
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.npl-fact span {
  display: block;
  margin-top: 5px;
  color: var(--npl-muted);
  font-size: 12px;
}

.npl-fast {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--npl-line);
}

.npl-fast-head {
  align-items: flex-end;
}

.npl-fast-head h3 {
  font-size: 14px;
  font-weight: 500;
}

.npl-fast-value {
  display: flex;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
}

.npl-fast-value strong {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: .9;
}

.npl-fast-value span {
  color: var(--npl-muted);
  font-size: 11px;
}

.npl-fast-track {
  display: flex;
  height: 12px;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 999px;
  background: #25202c;
}

.npl-fast-turbo,
.npl-fast-hyper {
  width: var(--npl-value);
  transform-origin: left center;
}

.npl-fast-turbo {
  background: var(--npl-violet);
}

.npl-fast-hyper {
  background: var(--npl-violet-soft);
}

.npl-fast-breakdown {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 14px;
  color: #d8d4dc;
  font-size: 12px;
}

.npl-fast-breakdown span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.npl-fast-breakdown i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--npl-violet);
}

.npl-fast-breakdown span:last-child i {
  background: var(--npl-violet-soft);
}

.npl-review-number {
  margin-top: 26px;
}

.npl-review-number strong {
  display: block;
  font-size: clamp(31px, 3.5vw, 45px);
  font-weight: 500;
  letter-spacing: -.05em;
  line-height: .98;
}

.npl-review-number span {
  display: block;
  margin-top: 8px;
  color: var(--npl-muted);
  font-size: 12px;
}

.npl-sample,
.npl-sample-labels {
  display: grid;
  gap: 7px;
}

.npl-sample.npl-steps-3,
.npl-sample-labels.npl-steps-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.npl-sample.npl-steps-5,
.npl-sample-labels.npl-steps-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.npl-sample {
  margin-top: 24px;
}

.npl-sample-step {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #25202c;
}

.npl-sample-step i {
  display: block;
  width: var(--npl-value);
  height: 100%;
  border-radius: inherit;
  background: var(--npl-violet);
  transform-origin: left center;
}

.npl-sample-labels {
  margin-top: 8px;
  color: #7f7887;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  text-align: center;
}

.npl-review-foot {
  margin-top: 22px;
  padding-top: 17px;
  border-top: 1px solid var(--npl-line);
}

.npl-review-foot strong {
  display: block;
  font-size: 13px;
  font-weight: 500;
}

.npl-review-foot span {
  display: block;
  margin-top: 5px;
  color: var(--npl-muted);
  font-size: 12px;
  line-height: 1.48;
}

.npl-empty-state {
  margin-top: 25px;
  padding: 24px 0;
  border-block: 1px solid var(--npl-line);
}

.npl-empty-state strong {
  display: block;
  font-size: 20px;
  font-weight: 500;
}

.npl-empty-state p {
  max-width: 520px;
  margin-top: 8px;
  color: var(--npl-muted);
  font-size: 12px;
  line-height: 1.5;
}

.npl-access,
.npl-agreements {
  padding-top: 29px;
}

.npl-access-head {
  align-items: flex-end;
}

.npl-access-head h2 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -.02em;
}

.npl-formats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 19px;
  border-block: 1px solid var(--npl-line);
}

.npl-format {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px;
  border: 0;
  border-right: 1px solid var(--npl-line);
  background: transparent;
  color: var(--npl-muted);
  text-align: left;
}

.npl-format:last-child {
  border-right: 0;
}

.npl-format.is-selected {
  color: var(--npl-text);
  background: linear-gradient(180deg, rgba(145, 97, 231, .11), rgba(145, 97, 231, .025));
  box-shadow: inset 0 -2px 0 var(--npl-violet);
}

.npl-format strong,
.npl-format span span {
  display: block;
}

.npl-format strong {
  font-size: 13px;
  font-weight: 500;
}

.npl-format span span {
  margin-top: 5px;
  color: var(--npl-muted);
  font-size: 11px;
}

.npl-format svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: var(--npl-violet-soft);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

.npl-rule-detail {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  min-height: 108px;
  background: var(--npl-surface);
  transition: opacity .16s ease, transform .16s ease;
}

.npl-rule-detail.is-changing {
  opacity: .35;
  transform: translateY(3px);
}

.npl-rule-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 22px;
}

.npl-rule-cell + .npl-rule-cell {
  border-left: 1px solid var(--npl-line);
}

.npl-rule-cell strong {
  margin-top: 7px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.npl-rule-cell strong.is-positive {
  color: var(--npl-mint);
}

.npl-coach-note {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 20px;
  padding: 18px 22px;
  border-top: 1px solid var(--npl-line);
  background: rgba(145, 97, 231, .045);
}

.npl-coach-note[hidden] {
  display: none;
}

.npl-coach-note span {
  color: var(--npl-violet-soft);
  font-size: 12px;
}

.npl-coach-note p {
  min-width: 0;
  color: #d8d4dc;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.npl-agreement-list {
  margin-top: 19px;
  border-block: 1px solid var(--npl-line);
}

.npl-agreement-item {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 15px 3px;
}

.npl-agreement-item + .npl-agreement-item {
  border-top: 1px solid var(--npl-line);
}

.npl-agreement-item strong {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.npl-agreement-item > div {
  min-width: 0;
}

.npl-agreement-item a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--npl-violet-soft);
  font-size: 12px;
  white-space: nowrap;
}

.npl-agreement-status {
  color: var(--npl-muted);
  font-size: 11px;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.npl-history {
  margin-top: 15px;
  border-bottom: 1px solid var(--npl-line);
}

.npl-history > summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  color: var(--npl-violet-soft);
  font-size: 12px;
  cursor: pointer;
}

.npl-history > summary::-webkit-details-marker {
  display: none;
}

.npl-history > summary::after {
  content: "+";
  margin-left: auto;
  color: var(--npl-muted);
  font-size: 18px;
  font-weight: 300;
}

.npl-history[open] > summary::after {
  content: "−";
}

.npl-history-groups {
  padding-bottom: 19px;
}

.npl-history-groups section + section {
  margin-top: 20px;
}

.npl-history-groups h3 {
  color: var(--npl-muted);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.npl-history-groups ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.npl-history-groups li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  padding: 11px 0;
  border-top: 1px solid var(--npl-line);
}

.npl-history-groups li > div,
.npl-history-groups li > a {
  min-width: 0;
}

.npl-history-groups a,
.npl-history-groups strong {
  color: var(--npl-text);
  font-size: 12px;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.npl-history-groups p {
  margin-top: 5px;
  color: var(--npl-muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.npl-history-groups li > span {
  flex: 0 0 auto;
  max-width: 44%;
  color: var(--npl-muted);
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  text-align: right;
}

.npl.has-motion .npl-runway-fill,
.npl.has-motion .npl-sample-step i {
  transform: scaleX(0);
}

.npl.has-motion .npl-fast-track {
  clip-path: inset(0 100% 0 0);
}

.npl.has-motion .npl-runway-current {
  opacity: 0;
  transform: translate(-50%, -50%) scale(.72);
}

.npl.has-motion.is-ready .npl-runway-fill {
  animation: npl-data-fill .52s cubic-bezier(.22, .8, .26, 1) .06s forwards;
}

.npl.has-motion.is-ready .npl-runway-current {
  animation: npl-current-point .18s ease-out .5s forwards;
}

.npl.has-motion.is-ready .npl-sample-step i {
  animation: npl-data-fill .34s cubic-bezier(.22, .8, .26, 1) .14s forwards;
}

.npl.has-motion.is-ready .npl-fast-track {
  animation: npl-track-reveal .4s cubic-bezier(.22, .8, .26, 1) .2s forwards;
}

@keyframes npl-data-fill {
  to { transform: scaleX(1); }
}

@keyframes npl-current-point {
  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

@keyframes npl-track-reveal {
  to { clip-path: inset(0); }
}

@media (max-width: 1120px) {
  .npl-live-grid {
    grid-template-columns: 1fr;
  }

  .npl-review {
    border-top: 1px solid var(--npl-line);
    border-left: 0;
  }
}

@media (max-width: 820px) {
  .npl-license {
    grid-template-columns: 145px minmax(0, 1fr);
  }

  .npl-license-data {
    grid-template-columns: 1fr;
  }

  .npl-license-field + .npl-license-field {
    border-top: 1px solid var(--npl-line);
    border-left: 0;
  }
}

@media (max-width: 700px) {
  .nexus-playing-page .main {
    padding-top: 20px;
  }

  .nexus-playing-page .brand img {
    width: 122px;
  }

  .npl-meta-bar {
    margin-bottom: 18px;
  }

  .npl-meta-bar span:last-child {
    display: none;
  }

  .npl-page-head p {
    max-width: 310px;
    line-height: 1.45;
  }

  .npl-license {
    grid-template-columns: 112px minmax(0, 1fr);
  }

  .npl-identity {
    padding: 19px 16px;
  }

  .npl-identity strong {
    font-size: 35px;
  }

  .npl-identity span {
    font-size: 9px;
    letter-spacing: .08em;
  }

  .npl-license-field {
    padding: 17px 16px;
  }

  .npl-license-field strong {
    font-size: 21px;
  }

  .npl-volume,
  .npl-review {
    padding: 23px 19px;
  }

  .npl-volume-number strong {
    font-size: 52px;
  }

  .npl-review-number strong {
    font-size: clamp(28px, 8vw, 35px);
  }

  .npl-access,
  .npl-agreements {
    padding-top: 25px;
  }

  .npl-formats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .npl-rule-detail {
    grid-template-columns: 1fr;
  }

  .npl-rule-cell + .npl-rule-cell {
    border-top: 1px solid var(--npl-line);
    border-left: 0;
  }

  .npl-coach-note {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .npl-agreement-item {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 17px 2px;
  }
}

@media (max-width: 460px) {
  .npl-license {
    grid-template-columns: 104px minmax(0, 1fr);
  }

  .npl-identity,
  .npl-license-field {
    padding-inline: 14px;
  }

  .npl-license-field strong {
    font-size: 18px;
  }

  .npl-license-field p {
    font-size: 11px;
  }

  .npl-block-head {
    align-items: flex-start;
  }

  .npl-state {
    white-space: normal;
    text-align: right;
  }

  .npl-volume-number {
    gap: 6px;
  }

  .npl-volume-number strong {
    font-size: 48px;
  }

  .npl-volume-number span {
    font-size: 17px;
  }

  .npl-marker-label.is-min {
    display: none;
  }

  .npl-volume-facts {
    gap: 12px;
  }

  .npl-fast-head {
    align-items: flex-start;
  }

  .npl-fast-value {
    align-items: flex-end;
    flex-direction: column;
    gap: 3px;
  }

  .npl-fast-breakdown {
    display: grid;
  }

  .npl-format {
    min-height: 78px;
    padding: 12px;
  }

  .npl-format svg {
    display: none;
  }

  .npl-history-groups li {
    flex-direction: column;
    gap: 6px;
  }

  .npl-history-groups li > span {
    max-width: none;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .npl.has-motion .npl-runway-fill,
  .npl.has-motion .npl-sample-step i {
    transform: none;
  }

  .npl.has-motion .npl-fast-track {
    clip-path: none;
  }

  .npl.has-motion .npl-runway-current {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}