/* Scoped to the standalone three-card page. */
.three-card-reading {

  --color-night: var(--type-night);
  --color-violet: var(--type-surface);
  --color-gold: var(--type-gold);
  --color-parchment: var(--type-title);
  --color-parchment-soft: var(--type-paper);
  --color-ink-on-paper: var(--type-ink);
  --color-muted: var(--type-muted);
  --color-muted-on-paper: var(--type-ink-muted);
  --color-rule: oklch(54% 0.055 80);
  --color-error: oklch(69% 0.16 25);
  --color-success: oklch(72% 0.12 145);
  --color-focus: oklch(82% 0.13 82);
  --color-transparent: oklch(0% 0 0 / 0);
  --color-surface: var(--color-night);
  --color-surface-raised: var(--color-violet);
  --color-text: var(--color-parchment);
  --color-text-on-paper: var(--color-ink-on-paper);
  --color-accent: var(--color-gold);
  --color-accent-ink: var(--color-night);
  --color-scrollbar-track: var(--color-night);
  --color-scrollbar-thumb: var(--color-gold);
  --color-scrollbar-thumb-hover: var(--color-parchment);
  --color-caret: var(--color-focus);


  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  --text-xs: max(18px, var(--type-small));
  --text-sm: max(18px, var(--type-small));
  --text-base: max(18px, var(--type-body));
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.953rem;
  --text-2xl: 2.441rem;
  --text-3xl: 3.052rem;
  --text-4xl: 3.815rem;
  --text-display: var(--type-h1);
  --text-reading-section: var(--type-h2);
  --text-reading-closing: var(--type-h2);

  --leading-tight: 1.12;
  --leading-heading: 1.3;
  --leading-body: 1.75;
  --tracking-display: -0.025em;
  --tracking-label: var(--type-label-tracking);
  --opacity-reading-supporting: 1;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  --radius-none: 0;
  --radius-sm: 1px;
  --radius-md: 2px;
  --rule-width: 1px;
  --focus-width: 2px;
  --focus-offset: 2px;
  --control-height: 2.75rem;
  --scrollbar-size: 0.75rem;

  --duration-none: 0ms;
  --duration-reduced: 0.01ms;
  --duration-fast: 120ms;
  --duration-base: 220ms;
  --duration-slow: 420ms;
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --angle-disclosure-open: 45deg;

  --page-width: 90rem;
  --page-gutter: clamp(1rem, 4vw, 4rem);
  --measure: 65ch;
  --measure-delivery-label: 7rem;
  --measure-reading-close: 14ch;
  --measure-gallery-sticky: 40rem;

  --color-night: var(--night, #101829);
  --color-violet: var(--indigo, #202741);
  --color-gold: var(--antique-gold, #C8A45D);
  font-family: var(--font-body);
  line-height: var(--leading-body);
  color: var(--color-text);
  background: var(--color-surface);
  & [hidden] { display: none !important; }
  & .page-width { width: 100%; max-width: var(--page-width); margin-inline: auto; padding-inline: var(--page-gutter); }
  & .eyebrow { color: var(--color-gold); font-size: var(--text-xs); letter-spacing: var(--tracking-label); text-transform: uppercase; }
  & .field { font: inherit; }
  & .button { min-height: 44px; cursor: pointer; }
.product-gallery {
  min-width: 0;
}

.product-gallery__viewport {
  aspect-ratio: 4 / 5;
  overflow: clip;
  background-color: var(--color-surface-raised);
}

.product-gallery__track {
  width: 100%;
  height: 100%;
  min-width: 0;
  display: flex;
  overflow-x: auto;
  overflow-y: clip;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-color: var(--color-rule) var(--color-surface-raised);
  scrollbar-width: thin;
}

.product-gallery__slide {
  flex: 0 0 100%;
  min-width: 0;
  aspect-ratio: 4 / 5;
  display: grid;
  place-items: stretch;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.product-gallery__slide img,
.product-gallery__slide video,
.product-gallery__slide model-viewer,
.product-gallery__slide iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-gallery__thumbs {
  min-width: 0;
  display: none;
  gap: var(--space-xs);
  max-width: calc((var(--control-height) * 4) + (var(--space-xs) * 3));
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-color: var(--color-rule) var(--color-surface);
  scrollbar-width: thin;
}

.product-gallery__controls {
  min-width: 0;
  display: none;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-xs);
  margin-block-start: var(--space-sm);
}

.product-gallery__controls[hidden] {
  display: none;
}

.product-gallery[data-gallery-enhanced='true'] .product-gallery__controls:not([hidden]) {
  display: grid;
}

.product-gallery__step {
  min-width: var(--control-height);
  min-height: var(--control-height);
  padding-inline: var(--space-sm);
  border: var(--rule-width) solid var(--color-rule);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-raised);
  color: var(--color-accent);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  cursor: pointer;
}

.product-gallery__step:active:not(:disabled) {
  background-color: var(--color-parchment-soft);
  color: var(--color-text-on-paper);
  transform: translateY(var(--radius-sm));
}

.product-gallery__step:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.product-gallery__thumbs[hidden] {
  display: none;
}

.product-gallery__thumb {
  width: var(--control-height);
  height: var(--control-height);
  flex: 0 0 var(--control-height);
  display: grid;
  place-items: stretch;
  padding: 0;
  overflow: clip;
  border: var(--rule-width) solid var(--color-rule);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-raised);
  color: var(--color-text);
  cursor: pointer;
}

.product-gallery__thumb[aria-current='true'] {
  border-color: var(--color-accent);
  outline: var(--focus-width) solid var(--color-accent);
  outline-offset: var(--focus-offset);
}

.product-gallery__thumb:active:not(:disabled) {
  background-color: var(--color-parchment-soft);
  transform: translateY(var(--radius-sm));
}

.product-gallery__thumb:disabled,
.product-gallery__thumb[aria-disabled='true'] {
  opacity: 0.5;
  cursor: not-allowed;
}

.product-gallery__thumb[aria-disabled='true'] {
  pointer-events: none;
}

.product-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-gallery__thumb-label {
  display: grid;
  place-items: center;
  padding: var(--space-2xs);
  color: var(--color-text);
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
  text-align: center;
  overflow-wrap: anywhere;
}

.product-gallery__status {
  display: flex;
  gap: var(--space-2xs);
  justify-content: flex-end;
  margin: var(--space-xs) 0 0;
  color: var(--color-muted);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-label);
  line-height: var(--leading-body);
}

.product-gallery__status-visible {
  display: inline-flex;
  gap: var(--space-2xs);
}

.product-reading {
  padding-block: var(--space-2xl) var(--space-4xl);
}

.product-reading__header {
  max-width: var(--measure);
}

.product-reading__header h1 {
  max-width: 18ch;
  font-size: clamp(var(--text-2xl), 6vw, var(--text-4xl));
}

.product-reading__intro {
  margin-block: 0;
  color: var(--color-muted);
  font-size: var(--text-md);
}

.product-reading__facts {
  margin-block: var(--space-md) 0;
  color: var(--color-accent);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
}

.product-reading__begin {
  margin-block-start: var(--space-lg);
}

.product-reading__purchase {
  display: grid;
  gap: var(--space-2xl);
}

.product-reading__purchase-column {
  min-width: 0;
  display: grid;
  gap: var(--space-2xl);
}

.three-card-configurator,
.reading-form {
  min-width: 0;
}

.reading-form {
  display: grid;
  gap: var(--space-xl);
}

.reading-form__summary {
  padding: var(--space-md);
  border: var(--rule-width) solid var(--color-error);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-raised);
  color: var(--color-text);
}

.reading-form__summary[hidden] {
  display: none;
}

.reading-form__summary-title {
  margin: 0;
  font-weight: var(--font-weight-semibold);
}

.reading-form__summary ul {
  margin-block: var(--space-xs) 0;
  padding-inline-start: var(--space-lg);
}

.reading-form__summary a {
  color: var(--color-text);
  text-decoration-color: var(--color-error);
}

.reading-form__summary a:active:not([aria-disabled='true']) {
  color: var(--color-accent);
  text-decoration-color: var(--color-accent);
}

.three-card-configurator__fallback,
.reading-field {
  display: grid;
  gap: var(--space-xs);
}

.three-card-configurator__fallback[hidden] {
  display: none;
}

.reading-option,
.reading-brief {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.reading-option[hidden] {
  display: none;
}

.reading-option__legend,
.reading-brief__title,
.reading-order__title {
  width: 100%;
  margin-block: 0;
  color: var(--color-text);
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-heading);
}

.reading-option__choices {
  display: grid;
  gap: var(--space-xs);
  margin-block-start: var(--space-sm);
}

.reading-choice {
  position: relative;
  min-width: 0;
}

.reading-choice input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.reading-choice label {
  min-height: var(--control-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  padding: var(--space-sm) var(--space-md);
  border: var(--rule-width) solid var(--color-rule);
  border-radius: var(--radius-md);
  background-color: var(--color-transparent);
  color: var(--color-text);
  cursor: pointer;
  transition-duration: var(--duration-fast);
  transition-property: background-color, color;
  transition-timing-function: var(--ease-out);
}

.reading-choice label span:last-child {
  color: var(--color-muted);
  font-size: var(--text-sm);
  text-align: end;
}

.reading-choice input:checked + label {
  background-color: var(--color-accent);
  color: var(--color-accent-ink);
}

.reading-choice input:checked + label span:last-child {
  color: var(--color-accent-ink);
}

.reading-choice input:focus-visible + label {
  outline: var(--focus-width) solid var(--color-focus);
  outline-offset: var(--focus-offset);
}

.reading-choice input:active + label {
  background-color: var(--color-parchment-soft);
  color: var(--color-text-on-paper);
}

.reading-choice input[aria-invalid='true'] + label {
  border-color: var(--color-error);
}

.reading-choice input:disabled + label {
  opacity: 0.55;
  cursor: not-allowed;
}

.reading-brief {
  display: grid;
  gap: var(--space-lg);
  padding-block-start: var(--space-xl);
  border-block-start: var(--rule-width) solid var(--color-rule);
}

.reading-field__label {
  color: var(--color-text);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-semibold);
}

.reading-field__optional {
  color: var(--color-muted);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-regular);
}

.reading-field__control {
  border-width: var(--rule-width);
}

.reading-field__control:focus-visible {
  outline: var(--focus-width) solid var(--color-focus);
  outline-offset: var(--focus-offset);
}

.reading-field__control:active {
  background-color: var(--color-parchment-soft);
}

.reading-field__control[aria-invalid='true'] {
  border-color: var(--color-error);
}

.reading-field[data-state='success'] .reading-field__control {
  border-color: var(--color-success);
}

.reading-field__helper,
.reading-field__error {
  min-height: calc(var(--text-xs) * var(--leading-body));
  margin: 0;
  font-size: var(--text-xs);
  line-height: var(--leading-body);
}

.reading-field__helper {
  color: var(--color-muted);
}

.reading-field__error {
  color: var(--color-error);
}

.reading-order {
  padding: var(--space-lg);
  border-block: var(--rule-width) solid var(--color-rule);
  background-color: var(--color-surface-raised);
}

.reading-order__list {
  display: grid;
  gap: var(--space-sm);
  margin-block: var(--space-md) 0;
}

.reading-order__list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-md);
}

.reading-order__list dt {
  color: var(--color-muted);
}

.reading-order__list dd {
  margin: 0;
  text-align: end;
}

.reading-order__price {
  padding-block-start: var(--space-sm);
  border-block-start: var(--rule-width) solid var(--color-rule);
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
}

.reading-submit {
  width: 100%;
}

.reading-form[data-state='error'] .reading-submit {
  border-color: var(--color-error);
}

.reading-form__status {
  min-height: calc(var(--text-sm) * var(--leading-body));
  margin: calc(var(--space-lg) * -1) 0 0;
  color: var(--color-muted);
  font-size: var(--text-sm);
}

.reading-form[data-state='error'] .reading-form__status {
  color: var(--color-error);
}

.reading-form[data-state='loading'] :where(.reading-submit, .reading-sticky__button) {
  cursor: progress;
}

.reading-sticky {
  display: none;
}

.reading-sticky[hidden] {
  display: none;
}

.reading-sticky__summary {
  min-width: 0;
  display: grid;
  gap: var(--space-2xs);
}

.reading-sticky__price {
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
}

.reading-sticky__guidance {
  color: var(--color-muted);
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
}

.reading-sticky__button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reading-band {
  min-width: 0;
  padding-block: var(--space-4xl);
  border-block-start: var(--rule-width) solid var(--color-rule);
  background-color: var(--color-night);
  color: var(--color-text);
}

.reading-band--paper {
  background-color: var(--color-parchment);
  color: var(--color-text-on-paper);
}

.reading-band--violet {
  background-color: var(--color-violet);
}

.reading-band h2 {
  font-size: var(--text-reading-section);
  overflow-wrap: anywhere;
}

.reading-assurance {
  padding-block: var(--space-xl);
}

.reading-assurance__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

.reading-assurance__list li {
  min-width: 0;
  padding-block: var(--space-sm);
  border-block-end: var(--rule-width) solid var(--color-rule);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.reading-assurance__list li:last-child {
  border-block-end: 0;
}

.reading-split {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2xl);
  align-items: center;
}

.reading-split__media {
  min-width: 0;
  aspect-ratio: 4 / 5;
  overflow: clip;
  border: var(--rule-width) solid var(--color-rule);
  background-color: var(--color-surface-raised);
}

.reading-split__media--landscape {
  aspect-ratio: 16 / 10;
}

.reading-split__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reading-split__content {
  min-width: 0;
}

.reading-split__content > p {
  margin-block: 0 var(--space-xl);
  color: currentColor;
  opacity: var(--opacity-reading-supporting);
}

.reading-focus__topics {
  margin: 0;
}

.reading-focus__topics > div {
  padding-block: var(--space-lg);
  border-block-start: var(--rule-width) solid var(--color-rule);
}

.reading-focus__topics dt {
  max-width: var(--measure);
  font-family: var(--font-display);
  font-size: var(--text-md);
  line-height: var(--leading-heading);
  overflow-wrap: anywhere;
}

.reading-focus__topics dd {
  max-width: var(--measure);
  margin: var(--space-xs) 0 0;
  color: var(--color-muted-on-paper);
}

.commission-process__header {
  max-width: var(--measure);
  margin-block-end: var(--space-2xl);
}

.commission-process__header > p {
  margin-block-end: 0;
  color: var(--color-muted);
}

.commission-process__steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.commission-process__steps li {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: var(--control-height) minmax(0, 1fr);
  gap: var(--space-lg);
  padding-block: var(--space-xl);
  border-block-start: var(--rule-width) solid var(--color-rule);
}

.commission-process__steps h3 {
  margin-block-end: var(--space-xs);
  font-size: var(--text-lg);
}

.commission-process__steps p {
  margin: 0;
  color: var(--color-muted);
}

.commission-process__index {
  width: var(--control-height);
  height: var(--control-height);
  display: grid;
  place-items: center;
  border: var(--rule-width) solid var(--color-accent);
  border-radius: var(--radius-none);
  color: var(--color-accent);
  font-family: var(--font-display);
  font-size: var(--text-sm);
}

.reading-receive__facts {
  margin: 0;
  padding: 0;
  list-style: none;
}

.reading-receive__facts li {
  position: relative;
  padding: var(--space-md) 0 var(--space-md) var(--space-xl);
  border-block-start: var(--rule-width) solid var(--color-rule);
  overflow-wrap: anywhere;
}

.reading-receive__facts li::before {
  content: '';
  position: absolute;
  inset-block-start: calc(var(--space-md) + (var(--text-base) / 2));
  inset-inline-start: 0;
  width: var(--space-md);
  border-block-start: var(--rule-width) solid var(--color-accent);
}

.delivery-comparison__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2xl);
}

.delivery-comparison__header p {
  margin-block-end: 0;
  font-size: var(--text-md);
  font-weight: var(--font-weight-semibold);
}

.delivery-comparison__scroll {
  min-width: 0;
}

.delivery-comparison table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.delivery-comparison :where(th, td) {
  padding: var(--space-md) 0;
  border-block-end: var(--rule-width) solid var(--color-rule);
  text-align: start;
  overflow-wrap: anywhere;
}

.delivery-comparison thead th {
  color: var(--color-muted-on-paper);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.delivery-comparison tbody th {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--font-weight-regular);
}

.delivery-comparison tbody td:nth-child(2) {
  color: var(--color-text-on-paper);
  font-weight: var(--font-weight-semibold);
}

.reading-faq__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2xl);
}

.reading-faq__header > p {
  margin-block-end: 0;
  color: var(--color-muted);
}

.reading-faq__rows {
  border-block-start: var(--rule-width) solid var(--color-rule);
}

.reading-faq__item {
  border-block-end: var(--rule-width) solid var(--color-rule);
}

.reading-faq__item summary {
  min-height: var(--control-height);
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--control-height);
  align-items: center;
  gap: var(--space-md);
  padding-block: var(--space-md);
  list-style: none;
  font-family: var(--font-display);
  font-size: var(--text-md);
  line-height: var(--leading-heading);
  overflow-wrap: anywhere;
}

.reading-faq__item summary:not([aria-disabled='true']) {
  cursor: pointer;
}

.reading-faq__item summary:active:not([aria-disabled='true']) {
  background-color: var(--color-parchment-soft);
  color: var(--color-text-on-paper);
}

.reading-faq__item summary:active:not([aria-disabled='true']) .reading-faq__marker {
  color: var(--color-text-on-paper);
}

.reading-faq__item summary::-webkit-details-marker {
  display: none;
}

.reading-faq__marker {
  width: var(--control-height);
  height: var(--control-height);
  display: grid;
  place-items: center;
  color: var(--color-accent);
  font-family: var(--font-body);
  transition-duration: var(--duration-fast);
  transition-property: transform;
  transition-timing-function: var(--ease-out);
}

.reading-faq__item[open] .reading-faq__marker {
  transform: rotate(var(--angle-disclosure-open));
}

.reading-faq__answer {
  max-width: var(--measure);
  padding: 0 calc(var(--control-height) + var(--space-md)) var(--space-lg) 0;
  color: var(--color-muted);
}

.closing-reading {
  padding-block: var(--space-4xl);
}

.closing-reading__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  gap: var(--space-xl);
}

.closing-reading__inner h2 {
  max-width: var(--measure-reading-close);
  margin: 0;
  font-size: var(--text-reading-closing);
}

@media (hover: hover) and (pointer: fine) {
  .product-gallery__step:hover:not(:disabled),
  .product-gallery__thumb:hover:not(:disabled) {
    border-color: var(--color-accent);
    background-color: var(--color-parchment-soft);
  }

  .reading-choice label:hover {
    background-color: var(--color-parchment-soft);
    color: var(--color-text-on-paper);
  }

  .reading-choice input:checked + label:hover {
    background-color: var(--color-parchment);
    color: var(--color-text-on-paper);
  }

  .reading-choice input:checked + label:hover span:last-child {
    color: var(--color-text-on-paper);
  }
}

@media (max-width: 39.999rem) {
  .reading-sticky:not([hidden]) {
    position: fixed;
    inset-block-end: 0;
    inset-inline: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-sm) var(--page-gutter) max(var(--space-sm), env(safe-area-inset-bottom));
    border-block-start: var(--rule-width) solid var(--color-rule);
    background-color: var(--color-surface-raised);
  }

  .reading-sticky__button {
    width: 100%;
  }
}

@media (max-width: 59.999rem) {
  .product-gallery__controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-gallery__step {
    width: 100%;
  }
}

@media (max-width: 47.999rem) {
  .delivery-comparison thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .delivery-comparison tbody,
  .delivery-comparison tr,
  .delivery-comparison :where(th, td) {
    display: block;
    width: 100%;
  }

  .delivery-comparison tr {
    padding-block: var(--space-md);
    border-block-end: var(--rule-width) solid var(--color-rule);
  }

  .delivery-comparison :where(th, td) {
    display: grid;
    grid-template-columns: minmax(var(--measure-delivery-label), 0.7fr) minmax(0, 1fr);
    gap: var(--space-md);
    padding-block: var(--space-xs);
    border-block-end: 0;
  }

  .delivery-comparison :where(th, td)::before {
    content: attr(data-label);
    color: var(--color-muted-on-paper);
    font-family: var(--font-body);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--tracking-label);
    text-transform: uppercase;
  }
}

@media (min-width: 40rem) {
  .reading-assurance__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .reading-assurance__list li {
    padding-inline: var(--space-lg);
    border-block-end: 0;
    border-inline-start: var(--rule-width) solid var(--color-rule);
  }

  .reading-assurance__list li:last-child {
    border-block-end: 0;
    border-inline-end: var(--rule-width) solid var(--color-rule);
  }
}

@media (min-width: 48rem) {
  .reading-split {
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
    gap: var(--space-3xl);
  }

  .reading-split--reverse {
    grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.84fr);
  }

  .reading-split--reverse .reading-split__media {
    order: 2;
  }

  .commission-process__steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .commission-process__steps li {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: var(--space-lg);
    border-inline-start: var(--rule-width) solid var(--color-rule);
  }

  .commission-process__steps li:last-child {
    border-inline-end: var(--rule-width) solid var(--color-rule);
  }

  .delivery-comparison__inner,
  .reading-faq__inner {
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
    align-items: start;
  }

  .closing-reading__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }
}

@media (min-width: 60rem) {
  .product-reading__purchase {
    grid-template-columns: minmax(0, 1.08fr) minmax(22rem, 0.92fr);
    align-items: start;
  }

  .product-gallery {
    position: sticky;
    inset-block-start: var(--space-lg);
    inline-size: min(100%, var(--measure-gallery-sticky));
    align-self: start;
  }

  .product-gallery[data-gallery-enhanced='true'] .product-gallery__track {
    display: grid;
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    grid-template-columns: minmax(0, 1fr);
    overflow: clip;
    scroll-snap-type: none;
    scroll-behavior: auto;
  }

  .product-gallery[data-gallery-enhanced='true'] .product-gallery__slide {
    grid-area: 1 / 1;
    visibility: hidden;
    pointer-events: none;
  }

  .product-gallery[data-gallery-enhanced='true'] .product-gallery__slide[data-gallery-active='true'] {
    visibility: visible;
    pointer-events: auto;
  }

  .product-gallery[data-gallery-enhanced='true'] .product-gallery__thumbs:not([hidden]) {
    display: flex;
  }

  .product-gallery__status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media (min-width: 60rem) and (max-height: 54.999rem) {
  .product-gallery {
    position: static;
  }
}


@media (prefers-reduced-motion: reduce) {
  .product-gallery__track {
    scroll-behavior: auto;
  }

  .reading-choice label,
  .reading-submit,
  .reading-sticky__button {
    transition-duration: var(--duration-reduced);
  }
}

/* Interactive reading flow */
.reading-experience {
  background: var(--color-surface);
  color: var(--color-text);
  border-block-end: var(--rule-width) solid var(--color-rule);
}

.reading-delivery-steps {
  padding-block: clamp(2rem, 5vw, 4rem);
  border-block: 1px solid var(--color-rule);
}

.reading-delivery-steps__eyebrow {
  margin: 0 0 .5rem;
  color: var(--color-gold);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-label);
}

.reading-delivery-steps h2 {
  margin: 0 0 1.5rem;
  font-family: var(--font-display);
  font-size: var(--text-reading-section);
  font-weight: var(--font-weight-regular);
  line-height: var(--leading-tight);
}

.reading-delivery-steps ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: delivery-step;
}

.reading-delivery-steps li {
  min-width: 0;
  padding-top: 1rem;
  border-top: 1px solid var(--color-rule);
  counter-increment: delivery-step;
}

.reading-delivery-steps li::before {
  content: '0' counter(delivery-step);
  display: block;
  margin-bottom: .75rem;
  color: var(--color-gold);
}

.reading-delivery-steps li strong,
.reading-delivery-steps li span {
  display: block;
}

.reading-delivery-steps li span,
.reading-delivery-steps__note {
  color: var(--color-muted);
}

.reading-delivery-steps__note {
  margin: 1.5rem 0 0;
  font-size: var(--text-sm);
}

@media (max-width: 47.999rem) {
  .reading-delivery-steps ol { grid-template-columns: 1fr; }
}

.reading-hero {
  display: grid;
  gap: var(--space-xl);
  padding-block: var(--space-3xl) var(--space-2xl);
}

.reading-hero__copy {
  max-width: var(--measure);
}

.reading-hero__copy h1 {
  max-width: 15ch;
  margin: var(--space-sm) 0 var(--space-lg);
  font-family: var(--font-display);
  font-size: var(--text-reading-section);
  font-weight: var(--font-weight-regular);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-display);
}

.reading-hero__copy > p:last-child {
  max-width: 58ch;
  color: var(--color-muted);
}

.reading-hero__index {
  padding: var(--space-lg);
  border: var(--rule-width) solid var(--color-rule);
  align-self: start;
}

.reading-hero__index > p,
.reading-hero__index li {
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.reading-hero__index strong {
  display: block;
  margin-block: var(--space-xs) var(--space-md);
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--font-weight-regular);
}

.reading-hero__index ol {
  display: grid;
  gap: var(--space-xs);
  padding: 0;
  margin: 0;
  list-style-position: inside;
  color: var(--color-muted);
}

.reading-experience__workbench {
  padding-block-end: var(--space-4xl);
}

.three-card-configurator__fallback[hidden],
.reading-flow[hidden],
.reading-step[hidden],
.reading-scope-note[hidden] {
  display: none;
}

.reading-form__summary {
  margin-block-end: var(--space-lg);
  padding: var(--space-md);
  border: var(--rule-width) solid var(--color-error);
  color: var(--color-error);
}

.reading-progress {
  margin-block-end: var(--space-lg);
}

.reading-progress ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-xs);
  padding: 0;
  margin: 0;
  list-style: none;
}

.reading-progress li {
  min-height: var(--control-height);
  padding: var(--space-sm);
  border-block-start: var(--rule-width) solid var(--color-rule);
  color: var(--color-muted);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.reading-progress li[aria-current='step'] {
  border-block-start-color: var(--color-accent);
  color: var(--color-text);
}

.reading-progress li span {
  display: block;
  margin-block-end: var(--space-2xs);
  color: var(--color-accent);
}

.reading-step {
  padding: clamp(var(--space-lg), 5vw, var(--space-3xl));
  background: var(--color-parchment);
  color: var(--color-text-on-paper);
  border: var(--rule-width) solid var(--color-rule);
}

.reading-step .reading-field__label {
  color: var(--color-text-on-paper);
}

.reading-step .reading-field__optional,
.reading-step .reading-field__helper {
  color: var(--color-muted-on-paper);
}

.reading-step__header {
  max-width: 58rem;
  margin-block-end: var(--space-xl);
}

.reading-step__header > .eyebrow,
.reading-preview-folio > .eyebrow,
.delivery-comparison__header > .eyebrow {
  color: var(--color-text-on-paper);
}

.reading-step__header h2 {
  max-width: 22ch;
  margin: var(--space-xs) 0 var(--space-sm);
  font-family: var(--font-display);
  font-size: var(--text-reading-section);
  font-weight: var(--font-weight-regular);
  line-height: var(--leading-heading);
}

.reading-step__header > p:last-child {
  max-width: 62ch;
  color: var(--color-muted-on-paper);
}

.reading-theme-fieldset,
.reading-package-group {
  padding: 0;
  margin: 0;
  border: 0;
}

.reading-theme-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-md);
}

.reading-theme-card {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-2xs);
  padding: var(--space-sm);
  border: var(--rule-width) solid var(--color-rule);
  background: var(--color-parchment-soft);
  cursor: pointer;
  transition: border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);
}

.reading-theme-card:not(:has(input:disabled)):hover {
  border-color: var(--color-accent);
  transform: translateY(calc(var(--space-2xs) * -1));
}

.reading-theme-card:has(input:disabled),
.reading-question-preset:disabled,
.reading-link-button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.reading-theme-card:has(input:checked) {
  border-color: var(--color-accent);
  outline: var(--focus-width) solid var(--color-accent);
  outline-offset: var(--focus-offset);
}

.reading-theme-card:has(input:focus-visible) {
  outline: var(--focus-width) solid var(--color-focus);
  outline-offset: var(--focus-offset);
}

.reading-theme-card input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
}

.reading-theme-card__image {
  display: block;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  border: var(--rule-width) solid var(--color-rule);
}

.reading-theme-card img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.reading-theme-card strong {
  margin-block-start: var(--space-xs);
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--font-weight-regular);
}

.reading-theme-card > span:not(.reading-theme-card__image),
.reading-theme-card small {
  color: var(--color-muted-on-paper);
  font-size: var(--text-xs);
}

.reading-question-layout {
  display: grid;
  gap: var(--space-xl);
}

.reading-selected-theme {
  max-width: 13rem;
}

.reading-selected-theme img {
  display: block;
  inline-size: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border: var(--space-xs) solid var(--color-parchment-soft);
  outline: var(--rule-width) solid var(--color-rule);
}

.reading-selected-theme strong,
.reading-selected-theme span {
  display: block;
  margin-block-start: var(--space-xs);
}

.reading-selected-theme strong {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--font-weight-regular);
}

.reading-selected-theme span {
  color: var(--color-muted-on-paper);
  font-size: var(--text-sm);
}

.reading-question-presets {
  display: grid;
  gap: var(--space-xs);
  margin-block-end: var(--space-lg);
}

.reading-question-preset,
.reading-link-button {
  min-height: var(--control-height);
  padding: var(--space-sm) var(--space-md);
  border: var(--rule-width) solid var(--color-rule);
  background: var(--color-transparent);
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}

.reading-question-preset::before {
  content: '○';
  margin-inline-end: var(--space-sm);
  color: var(--color-accent);
}

.reading-question-preset:hover,
.reading-question-preset:focus-visible {
  border-color: var(--color-accent);
}

.reading-scope-note {
  padding: var(--space-sm) var(--space-md);
  border-inline-start: var(--focus-width) solid var(--color-accent);
  color: var(--color-muted-on-paper);
  font-size: var(--text-sm);
}

.reading-step__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-sm);
  margin-block-start: var(--space-xl);
}

.reading-step .button--secondary {
  color: var(--color-text-on-paper);
}

.reading-card-stage {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-md);
}

.reading-step .reading-card-stage,
.reading-step .reading-package-group {
  scroll-margin-top: 100px;
}

.reading-drawn-card {
  min-width: 0;
  text-align: center;
}

.reading-drawn-card__visual {
  --reading-card-radius: 5%;
  position: relative;
  display: block;
  inline-size: 100%;
  min-block-size: var(--control-height);
  aspect-ratio: 2 / 3;
  padding: 0;
  border: 0;
  border-radius: var(--reading-card-radius);
  background: var(--color-transparent);
  overflow: hidden;
  color: inherit;
  perspective: 70rem;
  cursor: pointer;
}

.reading-drawn-card__visual:focus-visible {
  outline: var(--focus-width) solid var(--color-focus);
  outline-offset: var(--focus-offset);
}

.reading-drawn-card__visual:disabled {
  cursor: default;
}

.reading-drawn-card__inner {
  position: relative;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  transform-style: preserve-3d;
  transition: transform 600ms cubic-bezier(.2, .75, .2, 1);
}

.reading-drawn-card__face {
  position: absolute;
  inset: 0;
  display: block;
  border-radius: var(--reading-card-radius);
  overflow: hidden;
  clip-path: inset(0 round var(--reading-card-radius));
  backface-visibility: hidden;
}

.reading-drawn-card__face--back {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transition: opacity 0s linear 600ms, visibility 0s linear 600ms;
}

.reading-drawn-card__face--front {
  transform: rotateY(180deg);
  z-index: 1;
  opacity: 1;
  visibility: visible;
}

.reading-drawn-card__visual.is-revealed .reading-drawn-card__inner {
  transform: rotateY(180deg);
}

.reading-drawn-card__visual.is-revealed .reading-drawn-card__face--back {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.reading-drawn-card__visual.is-revealed .reading-drawn-card__face--front {
  z-index: 3;
  opacity: 1;
  visibility: visible;
}

.reading-drawn-card img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
  border-radius: var(--reading-card-radius);
  clip-path: inset(0 round var(--reading-card-radius));
  border: 0;
  outline: none;
}

.reading-drawn-card__face--back img {
  object-fit: fill;
}

.reading-drawn-card__face--front img.is-reversed {
  transform: rotate(180deg);
}

.reading-drawn-card__face--front img.is-image-fallback {
  background: var(--color-parchment-soft);
}

.reading-drawn-card > p {
  margin-block: var(--space-md) var(--space-2xs);
  color: var(--color-muted-on-paper);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.reading-drawn-card h3 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--font-weight-regular);
}

.reading-drawn-card > span,
.reading-drawn-card > small {
  display: block;
  margin-block-start: var(--space-2xs);
  color: var(--color-muted-on-paper);
  overflow-wrap: anywhere;
}

.reading-preview-folio {
  max-width: 62rem;
  margin: var(--space-2xl) auto 0;
  padding: var(--space-xl);
  border: var(--rule-width) solid var(--color-rule);
  background: var(--color-parchment-soft);
}

.reading-preview-folio blockquote {
  margin: var(--space-sm) 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  line-height: var(--leading-heading);
}

.reading-preview-folio > p:not(.eyebrow) {
  line-height: var(--leading-body);
}

.reading-preview-folio small {
  color: var(--color-muted-on-paper);
}

.reading-package-layout {
  display: grid;
  gap: var(--space-xl);
}

.reading-package-group {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-width: 0;
}

.reading-package-group legend {
  margin-block-end: var(--space-md);
  font-family: var(--font-display);
  font-size: var(--text-lg);
}

.reading-package-choices {
  display: grid;
  grid-template-rows: repeat(3, minmax(6.75rem, 1fr));
}

.reading-package-choice {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-md);
  align-items: center;
  min-height: var(--control-height);
  padding: var(--space-md);
  border-block-start: var(--rule-width) solid var(--color-rule);
  cursor: pointer;
}

.reading-package-choice:last-of-type {
  border-block-end: var(--rule-width) solid var(--color-rule);
}

.reading-package-choice__title {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-sm);
  align-items: center;
}

.reading-package-choice__badge {
  padding: 0.2rem 0.45rem;
  border: var(--rule-width) solid var(--color-rule);
  color: var(--color-muted-on-paper);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-label);
  line-height: 1;
}

.reading-package-choice__meta {
  display: grid;
  gap: var(--space-xs);
  justify-items: end;
  min-width: max-content;
}

.reading-package-choice__selected {
  color: var(--color-text-on-paper);
  font-size: var(--text-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-label);
  opacity: 0;
}

.reading-package-choice:has(input:checked) .reading-package-choice__selected {
  opacity: 1;
}

.reading-package-choice:has(input:checked) {
  background: var(--color-parchment-soft);
  outline: var(--focus-width) solid var(--color-accent);
  outline-offset: calc(var(--focus-width) * -1);
}

.reading-package-choice:has(input:focus-visible) {
  outline: var(--focus-width) solid var(--color-focus);
  outline-offset: var(--focus-offset);
}

.reading-package-choice:has(input:disabled) {
  opacity: 0.55;
  cursor: not-allowed;
}

.reading-package-choice input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
}

.reading-package-choice strong,
.reading-package-choice small {
  display: block;
}

.reading-package-choice strong,
.reading-package-choice b {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--font-weight-regular);
}

.reading-package-choice__copy > small {
  margin-block-start: var(--space-2xs);
  color: var(--color-muted-on-paper);
}

.reading-order {
  display: grid;
  gap: var(--space-lg);
  margin-block-start: var(--space-xl);
  padding: var(--space-lg);
  border: var(--rule-width) solid var(--color-rule);
  background: var(--color-ink-on-paper);
  color: var(--color-text);
}

.reading-order h3 {
  margin: var(--space-xs) 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--font-weight-regular);
}

.reading-order p:not(.eyebrow) {
  color: var(--color-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.reading-order__prices {
  display: grid;
  align-self: stretch;
  min-width: 0;
  margin: 0;
}

.reading-order__prices > div {
  display: flex;
  justify-content: space-between;
  gap: var(--space-md);
  padding-block: var(--space-sm);
  border-block-start: var(--rule-width) solid var(--color-rule);
}

.reading-order__prices dt,
.reading-order__prices dd {
  margin: 0;
}

.reading-order__prices dd {
  text-align: end;
}

.reading-order__total {
  color: var(--color-accent);
  font-family: var(--font-display);
  font-size: var(--text-lg);
}

.reading-submit {
  inline-size: 100%;
  margin-block-start: var(--space-md);
}

.reading-form__status {
  min-height: 1.5em;
  color: var(--color-muted-on-paper);
  font-size: var(--text-sm);
  text-align: center;
}

.reading-step__actions--secondary {
  align-items: center;
}

.reading-link-button {
  border: 0;
  text-decoration: underline;
  text-underline-offset: var(--space-2xs);
}

@media (min-width: 48rem) {
  .reading-hero {
    grid-template-columns: minmax(0, 1.5fr) minmax(16rem, 0.5fr);
    align-items: end;
  }

  .reading-theme-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .reading-question-layout {
    grid-template-columns: minmax(10rem, 0.55fr) minmax(0, 1.45fr);
  }

  .reading-package-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

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

  .reading-order {
    align-items: end;
  }

}

@media (hover: hover) {
  .reading-drawn-card__visual:not(:disabled):not(.is-revealed):hover {
    transform: translateY(calc(var(--space-2xs) * -1));
  }
}

@media (max-width: 39.999rem) {
  .reading-hero {
    padding-block: var(--space-2xl);
  }

  .reading-progress ol,
  .reading-card-stage {
    grid-template-columns: minmax(0, 1fr);
  }

  .reading-progress li:not([aria-current='step']) {
    display: none;
  }

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

  .reading-theme-card {
    padding: var(--space-xs);
  }

  .reading-theme-card strong {
    font-size: var(--text-base);
  }

  .reading-card-stage {
    max-width: 19rem;
    margin-inline: auto;
  }

  .reading-package-choice--recommended {
    order: -1;
  }

  .reading-step__actions .button,
  .reading-step__actions--secondary {
    inline-size: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reading-theme-card,
  .reading-drawn-card__visual {
    transition-duration: var(--duration-reduced);
  }

  .reading-drawn-card__inner {
    transition: none;
  }

  .reading-drawn-card__visual.is-revealed .reading-drawn-card__face--back {
    transition: none;
  }

  .reading-theme-card:hover {
    transform: none;
  }
}
.reading-step .reading-field__control {
  background-color: #f7eedb;
  color: var(--type-ink);
  caret-color: var(--type-ink);
  border: 1px solid #8a7552;
}
.reading-step .reading-field__control::placeholder { color: #6b5963; opacity: 1; }
.reading-step .reading-field__control:focus-visible { outline: 2px solid #91713b; outline-offset: 2px; }
.reading-step .reading-field__control[aria-invalid='true'] { border-color: var(--color-error); }
.reading-step .reading-field__label { color: var(--type-ink); }
.reading-step .reading-field__helper, .reading-step .reading-field__optional { color: #6b5963; }
.reading-sample { margin-top: 1rem; font-size: var(--type-ui); }
.reading-sample summary { min-height: 44px; padding-block: .75rem; cursor: pointer; color: var(--color-accent); }
.reading-sample > div { padding: 1rem 0; max-width: 65ch; }
.reading-sample h2 { font-size: 1.5rem; line-height: 1.3; }
.reading-sample p { font-size: var(--type-ui); line-height: 1.6; }
.reading-focus-handoff { padding: 1rem; margin-bottom: 1rem; border: 1px solid var(--color-accent); }
.reading-focus-handoff[hidden] { display: none; }
.reading-focus-handoff .button { margin: .25rem; }

@media (max-width: 47.999rem) {
  .shopify-section > .reading-experience { grid-column: 1 / -1; width: 100%; max-width: none; margin-inline: 0; }
  .reading-experience .reading-hero,
  .reading-experience .reading-experience__workbench { width: 100%; max-width: none; padding-inline: 16px; }
  .reading-experience .reading-hero { padding-block: 24px 16px; gap: 0; }
  .reading-hero__copy > .eyebrow, .reading-hero__index { display: none; }
  .reading-hero__copy h1 { font-size: 2rem; max-width: 22ch; margin: 0 0 12px; line-height: 1.15; }
  .reading-hero__copy > p { margin: 0; font-size: var(--type-ui); line-height: 1.5; }
  .reading-step { padding: 16px; }
  .reading-step__header { margin-bottom: 16px; }
  .reading-step__header > .eyebrow { display: none; }
  .reading-step__header h2 { font-size: 1.625rem; line-height: 1.2; margin-top: 0; }
  .reading-step__header > p:last-child { font-size: var(--type-ui); line-height: 1.5; }
  .reading-progress { margin-bottom: 12px; }
  .reading-progress ol { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
  .reading-progress li, .reading-progress li:not([aria-current='step']) { display: block; padding: 6px 4px; min-height: 44px; font-size: var(--type-small); letter-spacing: .02em; }
  .reading-progress li span { display: inline; margin-right: 4px; }
  .reading-theme-grid { gap: 12px; }
  .reading-theme-card { padding: 8px; }
  .reading-theme-card small { font-size: var(--type-small); line-height: 1.4; }
  .reading-question-layout { gap: 16px; }
  .reading-selected-theme { display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: auto auto; gap: 2px 12px; max-width: none; align-items: center; }
  .reading-selected-theme img { width: 48px; height: 60px; grid-row: 1 / 3; border-width: 2px; }
  .reading-selected-theme strong, .reading-selected-theme span { margin: 0; }
  .reading-selected-theme strong { align-self: end; font-size: 1.125rem; }
  .reading-selected-theme span { align-self: start; font-size: var(--type-small); }
  .reading-question-preset { padding: 12px; min-height: 44px; font-size: var(--type-ui); }
  .reading-field__control { font-size: var(--type-ui); padding: 12px; width: 100%; }
  .reading-step .reading-field__helper, .reading-step .reading-field__optional { font-size: var(--type-small); line-height: 1.5; }
  .reading-package-choice { padding: 12px 0; gap: 12px; }
  .reading-package-choice strong, .reading-package-choice b { font-size: 1.125rem; }
  .reading-package-choice small { font-size: var(--type-small); line-height: 1.5; }
  .reading-order { padding: 16px; gap: 12px; margin-top: 20px; }
  .reading-order h3 { font-size: 1.375rem; }
  .reading-step__actions { gap: 12px; margin-top: 20px; }
}

}

.reading-entry{scroll-margin-top:120px;margin-bottom:32px}.reading-entry:focus:not(:focus-visible),.reading-step h2:focus:not(:focus-visible){outline:none}.reading-entry__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.reading-entry__actions button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #d9ae4b}.three-card-configurator__fallback{max-width:760px}.three-card-configurator__fallback .field{width:100%;max-width:100%;box-sizing:border-box}.three-card-configurator__fallback label{margin-top:20px}.reading-package-choice__selected{visibility:hidden}.reading-package-choice:has(input:checked) .reading-package-choice__selected{visibility:visible}.reading-package-choice__title{flex-wrap:wrap}.reading-package-choice__badge{position:static;max-width:100%;line-height:1.3;white-space:normal}.reading-package-choice__copy{min-width:0}@media(max-width:600px){.reading-entry__actions{flex-direction:column}.reading-entry__actions button{width:100%}}

.reading-entry__actions[hidden]{display:none!important}

.reading-direct-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reading-direct-choices label{display:grid;gap:10px;margin:0!important;min-width:0}.reading-direct-choices label:first-child{grid-column:1/-1}.reading-direct-total{font-size:22px;color:#dfc078;margin-top:20px}.three-card-configurator__fallback [hidden]{display:none!important}@media(max-width:500px){.reading-direct-choices{grid-template-columns:1fr}}

/* M98: keep the free draw and its long result actions inside the viewport. */
three-card-configurator[data-free-draw-only] .reading-form {
  grid-template-columns: minmax(0, 1fr);
}
three-card-configurator[data-free-draw-only] .reading-flow {
  min-width: 0;
}
@media (max-width: 700px) {
  three-card-configurator[data-free-draw-only] .reading-step .button {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* M99: one clear next step after the free three-card result. */
three-card-configurator[data-free-draw-only] .reading-result-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px 28px;
  margin-top: 28px;
}
three-card-configurator[data-free-draw-only] .reading-result-actions__next { min-width: 0; }
three-card-configurator[data-free-draw-only] .reading-result-actions .reading-result-actions__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
  cursor: pointer;
  min-height: 52px;
  max-width: 100%;
  padding: 14px 24px;
  border: 1px solid var(--color-brand-gold, #c4975a);
  border-radius: var(--radius-pill, 999px);
  background: var(--color-brand-gold, #c4975a);
  color: #171029;
  box-shadow: none;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  white-space: normal;
}
three-card-configurator[data-free-draw-only] .reading-result-actions__primary[hidden],
three-card-configurator[data-free-draw-only] .reading-result-actions__primary[hidden] + .reading-result-actions__hint { display: none; }
three-card-configurator[data-free-draw-only] .reading-result-actions__hint {
  margin: 8px 0 0;
  color: #594953;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  text-align-last: auto;
  hyphens: none;
}
three-card-configurator[data-free-draw-only] .reading-result-actions__other {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  align-items: center;
  min-width: 0;
}
three-card-configurator[data-free-draw-only] .reading-result-actions .reading-link-button {
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #332330;
  box-shadow: none;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
}
body.site-editorial #MainContent three-card-configurator[data-free-draw-only] .reading-result-actions button:focus-visible {
  outline: 2px solid #332330 !important;
  outline-offset: 4px !important;
}
@media (hover: hover) and (pointer: fine) {
  three-card-configurator[data-free-draw-only] .reading-result-actions__primary:hover { background: #d1a76d; }
  three-card-configurator[data-free-draw-only] .reading-result-actions .reading-link-button:hover { text-decoration-thickness: 2px; }
}
@media (max-width: 900px) {
  three-card-configurator[data-free-draw-only] .reading-result-actions { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
@media (max-width: 700px) {
  three-card-configurator[data-free-draw-only] .reading-result-actions__primary { width: 100%; }
  three-card-configurator[data-free-draw-only] .reading-result-actions__other { justify-content: flex-start; gap: 8px 20px; }
}