.walkthroughs-page {
  padding-block: var(--space-9) var(--space-10);
}

.walkthroughs-page section + section {
  margin-top: var(--space-10);
}

.walkthroughs-page .container--wide {
  width: min(calc(100% - (var(--gutter) * 2)), var(--container-wide));
  margin-inline: auto;
}

.wt-eyebrow {
  margin: 0;
  color: var(--color-ink-muted);
  font-family: var(--font-mono);
  font-size: var(--text-meta);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.wt-eyebrow--coral { color: var(--color-arcade-coral); }

.wt-section-head {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.wt-section-head > * { min-width: 0; }
.wt-section-head h2,
.wt-section-head p { margin: 0; }

.wt-opener__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
}

.wt-opener__intro {
  grid-column: 1 / span 7;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.wt-opener__intro > * { min-width: 0; margin: 0; }
.wt-opener__intro h1 { position: relative; padding-bottom: var(--space-4); }
.wt-opener__intro h1::after { position: absolute; right: auto; bottom: 0; left: 0; width: 72px; height: 3px; background: var(--color-arcade-coral); content: ""; }
.wt-opener__lead { max-width: 66ch; font-size: var(--text-lead); line-height: var(--leading-lead); }
.wt-opener__action { margin-top: var(--space-2); }

.wt-key {
  grid-column: 1 / -1;
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4);
  border: var(--border-soft);
  background: var(--color-surface-white);
}

.wt-key__icon {
  display: grid;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  background: var(--color-pixel-blue);
  color: var(--color-surface-white);
  font-family: var(--font-mono);
  font-weight: 800;
}

.wt-key__content { display: flex; min-width: 0; flex: 1 1 auto; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-4); }
.wt-key__title { margin: 0; font-family: var(--font-mono); font-size: var(--text-meta); line-height: var(--leading-meta); }
.wt-key__content p { flex: 1 1 38rem; min-width: 0; margin: 0; color: var(--color-ink-muted); font-size: var(--text-compact); line-height: var(--leading-compact); }

.wt-fresh__shell,
.wt-lab__shell { display: flex; min-width: 0; flex-direction: column; gap: var(--space-6); }
.wt-fresh__head p:last-child { max-width: 60ch; }
.wt-fresh__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-5); }
.wt-fresh__grid > *,
.wt-support-stack > * { min-width: 0; width: 100%; }

.wt-feature-card,
.wt-guide-card,
.wt-archive-card,
.wt-lab-feature,
.wt-lab-card,
.wt-retro-card {
  position: relative;
  display: block;
  min-width: 0;
  color: var(--color-ink-navy);
  text-decoration: none;
  transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.wt-feature-card::after,
.wt-guide-card::after,
.wt-archive-card::after,
.wt-lab-feature::after,
.wt-lab-card::after,
.wt-retro-card::after {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 10px;
  height: 10px;
  background: var(--color-arcade-coral);
  content: "";
}

.wt-feature-card:hover,
.wt-feature-card:focus-visible,
.wt-guide-card:hover,
.wt-guide-card:focus-visible,
.wt-archive-card:hover,
.wt-archive-card:focus-visible,
.wt-lab-feature:hover,
.wt-lab-feature:focus-visible,
.wt-lab-card:hover,
.wt-lab-card:focus-visible,
.wt-retro-card:hover,
.wt-retro-card:focus-visible { transform: translateY(-2px); color: var(--color-ink-navy); }

.wt-feature-card {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border: var(--border-featured);
  background: var(--color-ink-navy);
  box-shadow: var(--shadow-hard);
  clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
}

.wt-feature-card__media { border: 0; }
.wt-feature-card__media img { object-position: center right; }
.wt-feature-card__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); background: var(--color-surface-white); }
.wt-feature-card__body > * { min-width: 0; }
.wt-card__meta { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-2); color: var(--color-ink-muted); font-family: var(--font-mono); font-size: var(--text-meta); font-weight: 700; line-height: var(--leading-meta); letter-spacing: 0.02em; text-transform: uppercase; }
.wt-feature-card__title { max-width: 50ch; font-family: var(--font-heading); font-size: clamp(1.5rem, 1.15rem + 1.4vw, 2rem); font-weight: 900; line-height: 1.1; letter-spacing: 0.025em; text-transform: uppercase; }
.wt-feature-card__summary { max-width: 50ch; line-height: var(--leading-body); }
.wt-feature-card__steps { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); color: var(--color-ink-navy); font-family: var(--font-mono); font-size: var(--text-meta); font-weight: 800; text-transform: uppercase; }
.wt-feature-card__steps span { padding: var(--space-2); border: 1px solid var(--color-line-soft); }
.wt-text-link { color: var(--color-coral-deep); font-weight: 800; text-decoration: underline; text-decoration-color: var(--color-arcade-coral); text-underline-offset: 0.18em; }

.wt-support-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
.wt-guide-card { display: grid; grid-template-columns: minmax(8rem, 0.8fr) minmax(0, 1.2fr); border: var(--border-standard); background: var(--color-surface-white); box-shadow: var(--shadow-hard); }
.wt-guide-card__media { height: 100%; border: 0; }
.wt-guide-card__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-2); padding: var(--space-4); }
.wt-guide-card__body > * { min-width: 0; }
.wt-guide-card__title,
.wt-archive-card__title,
.wt-retro-card__title { font-family: var(--font-heading); font-size: var(--text-card-title); font-weight: 900; line-height: 1.1; letter-spacing: 0.025em; text-transform: uppercase; }
.wt-guide-card__summary { color: var(--color-ink-muted); font-size: var(--text-compact); line-height: var(--leading-compact); }

.wt-missions__head { margin-bottom: var(--space-6); }
.wt-missions__head p:last-child { max-width: 60ch; }
.wt-missions__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-4); }
.wt-mission { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; min-width: 0; align-items: start; gap: var(--space-3); min-height: 100%; padding: var(--space-4); border: var(--border-standard); border-top: 4px solid var(--color-ink-navy); background: var(--color-surface-white); color: var(--color-ink-navy); text-decoration: none; box-shadow: var(--shadow-hard); transition: transform var(--transition-fast), border-color var(--transition-fast); }
.wt-mission > * { min-width: 0; }
.wt-mission:hover,
.wt-mission:focus-visible { border-top-color: var(--color-arcade-coral); color: var(--color-ink-navy); transform: translateY(-2px); }
.wt-mission__icon { display: grid; width: 2rem; height: 2rem; place-items: center; background: var(--color-ink-navy); color: var(--color-surface-white); font-family: var(--font-heading); font-size: 1.1rem; }
.wt-mission__icon--blue { background: var(--color-pixel-blue); }
.wt-mission__content { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); font-size: var(--text-compact); line-height: var(--leading-compact); }
.wt-mission__title { font-family: var(--font-heading); font-size: 1.125rem; font-weight: 900; line-height: 1.12; letter-spacing: 0.02em; text-transform: uppercase; }
.wt-mission__arrow { color: var(--color-arcade-coral); font-weight: 900; }

.wt-route-panel { padding: var(--space-6); border: var(--border-featured); background: var(--color-surface-white); box-shadow: var(--shadow-hard); }
.wt-route-panel__top { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); padding-bottom: var(--space-6); border-bottom: var(--border-soft); }
.wt-route-panel__top > * { min-width: 0; }
.wt-route-panel__synopsis { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.wt-route-panel__synopsis > * { min-width: 0; margin: 0; }
.wt-route-panel__synopsis p:not(.wt-eyebrow) { max-width: 64ch; }
.wt-route-panel__status { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-2); align-self: start; padding: var(--space-4); background: var(--color-ink-navy); color: var(--color-surface-white); font-family: var(--font-mono); font-size: var(--text-compact); line-height: var(--leading-compact); }
.wt-route-status__label { padding-bottom: var(--space-2); border-bottom: 1px solid rgb(255 255 255 / 30%); color: var(--color-arcade-coral); font-size: var(--text-meta); font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.wt-checkpoints { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); padding-top: var(--space-6); }
.wt-checkpoint { display: grid; grid-template-columns: auto minmax(0, 1fr); min-width: 0; gap: var(--space-3); }
.wt-checkpoint > * { min-width: 0; }
.wt-checkpoint h3,
.wt-checkpoint p { margin: 0; }
.wt-checkpoint h3 { margin-bottom: var(--space-2); }
.wt-checkpoint__number { color: var(--color-arcade-coral); font-family: var(--font-mono); font-size: 1.75rem; font-weight: 800; line-height: 1; }

.wt-archive__shell { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); }
.wt-archive__head p:last-child { max-width: 60ch; }
.wt-filter-console { display: grid; grid-template-columns: minmax(15rem, 3fr) repeat(3, minmax(11.25rem, 2fr)) minmax(10rem, 2fr) minmax(12rem, auto); gap: var(--space-3); align-items: end; padding: var(--space-5); border: var(--border-standard); background: var(--color-surface-white); }
.wt-filter-console > * { min-width: 0; }
.wt-filter-console__field { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); }
.wt-filter-console__field label { margin: 0; }
.wt-filter-console__actions { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); }
.wt-filter-console__actions > * { min-width: 0; flex: 1 1 8rem; }
.wt-result-status { min-height: 1.5rem; padding-left: var(--space-3); border-left: 4px solid var(--color-pixel-blue); color: var(--color-ink-muted); font-family: var(--font-mono); font-size: var(--text-compact); line-height: var(--leading-compact); }
.wt-result-error { padding: var(--space-3); border-left: 4px solid var(--color-arcade-coral); background: var(--color-surface-white); }
.wt-result-error button { min-height: 2rem; margin-left: var(--space-2); }
.wt-archive__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-height: 25rem; }
.wt-archive__grid > * { min-width: 0; width: 100%; }
.wt-archive-card { display: grid; grid-template-rows: auto 1fr; border: var(--border-standard); background: var(--color-surface-white); box-shadow: var(--shadow-hard); }
.wt-archive-card__media { border: 0; }
.wt-archive-card__media--illustrated { display: grid; place-items: center; background: linear-gradient(135deg, var(--color-ink-navy), var(--color-pixel-blue)); color: var(--color-surface-white); font-family: var(--font-heading); font-size: 4rem; }
.wt-archive-card__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); }
.wt-archive-card__body > * { min-width: 0; }
.wt-archive-card__summary { color: var(--color-ink-muted); line-height: var(--leading-body); }
.wt-empty-state { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-6); border: var(--border-standard); background: var(--color-surface-white); }
.wt-empty-state > * { min-width: 0; margin: 0; }

.wt-quick__head { margin-bottom: var(--space-6); }
.wt-quick__head p:last-child { max-width: 56ch; }
.wt-quick__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.wt-quick-item { min-width: 0; border: var(--border-standard); background: var(--color-surface-white); }
.wt-quick-item h3 { margin: 0; }
.wt-accordion-button { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; width: 100%; min-width: 0; min-height: 4rem; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 0; background: var(--color-surface-white); box-shadow: none; color: var(--color-ink-navy); font-family: var(--font-heading); font-size: 1rem; letter-spacing: 0.02em; text-align: left; text-transform: uppercase; }
.wt-accordion-button:hover { background: var(--color-canvas-milk); color: var(--color-ink-navy); }
.wt-accordion-button:active { transform: none; box-shadow: none; }
.wt-accordion-icon { display: grid; width: 2rem; height: 2rem; place-items: center; background: var(--color-ink-navy); color: var(--color-surface-white); font-family: var(--font-heading); }
.wt-accordion-icon--blue { background: var(--color-pixel-blue); }
.wt-accordion-mark { color: var(--color-arcade-coral); font-family: var(--font-mono); font-size: 1.5rem; font-weight: 800; }
.wt-accordion-button[aria-expanded="true"] .wt-accordion-mark { transform: rotate(45deg); }
.wt-accordion-panel { padding: var(--space-4); border-top: var(--border-soft); }
.wt-accordion-panel p { max-width: 58ch; }
.wt-accordion-panel p:last-of-type { margin-bottom: var(--space-3); }

.wt-lab__head p:last-child { max-width: 62ch; }
.wt-lab__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.wt-lab__grid > * { min-width: 0; width: 100%; }
.wt-lab-feature { display: grid; grid-template-rows: auto auto; overflow: hidden; border: var(--border-standard); background: var(--color-surface-white); box-shadow: var(--shadow-hard); }
.wt-lab-feature__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.wt-lab-feature__body > * { min-width: 0; }
.wt-lab-feature__title { max-width: 60ch; font-family: var(--font-heading); font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); font-weight: 900; line-height: 1.1; letter-spacing: 0.025em; text-transform: uppercase; }
.wt-lab-feature__summary { max-width: 60ch; }
.wt-lab-feature__media { border: 0; }
.wt-lab-feature__media img { object-position: center; }
.wt-lab__stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
.wt-lab-card { display: grid; grid-template-columns: auto minmax(0, 1fr); min-width: 0; gap: var(--space-4); padding: var(--space-4); border: var(--border-standard); background: var(--color-surface-white); box-shadow: var(--shadow-hard); font-size: var(--text-compact); line-height: var(--leading-compact); }
.wt-lab-card > * { min-width: 0; }
.wt-lab-card > span:last-child { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); }
.wt-lab-card__icon { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; background: var(--color-ink-navy); color: var(--color-surface-white); font-family: var(--font-heading); font-size: 1.25rem; }
.wt-lab-card__title { font-family: var(--font-heading); font-size: 1.1rem; font-weight: 900; line-height: 1.12; letter-spacing: 0.02em; text-transform: uppercase; }

.wt-retro__top { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: stretch; margin-bottom: var(--space-6); }
.wt-retro__top > * { min-width: 0; }
.wt-retro__intro { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.wt-retro__intro > * { min-width: 0; margin: 0; }
.wt-retro__intro p:last-child { max-width: 58ch; }
.wt-retro__callout { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-4); padding: var(--space-5); background: var(--color-ink-navy); color: var(--color-surface-white); }
.wt-retro__callout > * { min-width: 0; margin: 0; }
.wt-retro__callout > span { width: 12px; height: 12px; background: var(--color-arcade-coral); }
.wt-retro__callout p { max-width: 44ch; }
.wt-retro__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.wt-retro__cards > * { min-width: 0; width: 100%; }
.wt-retro-card { display: grid; grid-template-rows: auto 1fr; overflow: hidden; border: var(--border-standard); background: var(--color-surface-white); box-shadow: var(--shadow-hard); }
.wt-retro-card__media { border: 0; }
.wt-retro-card__media img { object-position: center; filter: saturate(0.9) contrast(1.03); }
.wt-retro-card__media--pixel { display: grid; place-items: center; background: linear-gradient(135deg, #31405f, var(--color-ink-navy)); color: var(--color-surface-white); font-family: var(--font-heading); font-size: 5rem; }
.wt-retro-card__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); }
.wt-retro-card__body > * { min-width: 0; }
.wt-retro-card__summary { color: var(--color-ink-muted); }

.wt-standards__head { margin-bottom: var(--space-6); }
.wt-standards__head p:last-child { max-width: 60ch; }
.wt-standards__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: var(--border-standard); background: var(--color-surface-white); }
.wt-standard { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.wt-standard + .wt-standard { border-left: var(--border-soft); }
.wt-standard > * { min-width: 0; margin: 0; }
.wt-standard h3 { font-size: 1.125rem; }
.wt-standard p { max-width: 42ch; color: var(--color-ink-muted); font-size: var(--text-compact); line-height: var(--leading-compact); }
.wt-standard__number { color: var(--color-arcade-coral); font-family: var(--font-mono); font-size: 1.5rem; font-weight: 800; line-height: 1; }
.wt-standard__number--blue { color: var(--color-pixel-blue); }

.wt-closing__panel { padding: var(--space-8) var(--space-5); border: var(--border-featured); background: var(--color-ink-navy); box-shadow: var(--shadow-hard); }
.wt-closing__content { display: flex; min-width: 0; flex-direction: column; align-items: center; gap: var(--space-4); max-width: 38.75rem; margin-inline: auto; text-align: center; }
.wt-closing__content > * { min-width: 0; margin: 0; }
.wt-closing__content h2 { color: var(--color-surface-white); }
.wt-closing__content p:not(.wt-eyebrow) { max-width: 58ch; color: var(--color-surface-white); }
.wt-closing__links { display: flex; min-width: 0; flex-wrap: wrap; justify-content: center; gap: var(--space-4); }
.wt-closing__links a { color: var(--color-surface-white); font-weight: 800; }

@media (max-width: 74rem) {
  .wt-missions__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 70rem) {
  .wt-fresh__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-support-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-support-stack > :last-child { grid-column: 1 / -1; }
  .wt-guide-card { grid-template-columns: minmax(0, 1fr); }
  .wt-guide-card__media { height: auto; }
  .wt-filter-console { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-filter-console__search { grid-column: span 2; }
  .wt-filter-console__actions { grid-column: span 2; }
}

@media (max-width: 67.5rem) {
  .wt-lab__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 62.5rem) {
  .wt-route-panel__top { grid-template-columns: minmax(0, 1fr); }
  .wt-checkpoints { grid-template-columns: minmax(0, 1fr); }
  .wt-checkpoint { max-width: 60ch; }
  .wt-standards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-standard:nth-child(3) { border-left: 0; border-top: var(--border-soft); }
  .wt-standard:nth-child(4) { border-top: var(--border-soft); }
}

@media (max-width: 56.25rem) {
  .wt-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-quick__grid { grid-template-columns: minmax(0, 1fr); }
  .wt-retro__top { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 51.25rem) {
  .wt-missions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-lab__grid { grid-template-columns: minmax(0, 1fr); }
  .wt-lab__stack { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-lab__stack > :last-child { grid-column: 1 / -1; }
}

@media (max-width: 47.5rem) {
  .walkthroughs-page { padding-block: var(--space-7) var(--space-9); }
  .walkthroughs-page section + section { margin-top: var(--space-9); }
  .wt-opener__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .wt-opener__intro,
  .wt-key { grid-column: 1; }
  .wt-opener__lead { max-width: none; }
  .wt-key__content { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
  .wt-key__content p { flex-basis: auto; }
  .wt-fresh__grid,
  .wt-support-stack,
  .wt-missions__grid,
  .wt-filter-console,
  .wt-archive__grid,
  .wt-lab__stack,
  .wt-retro__cards,
  .wt-standards__grid { grid-template-columns: minmax(0, 1fr); }
  .wt-support-stack > :last-child,
  .wt-filter-console__search,
  .wt-filter-console__actions,
  .wt-lab__stack > :last-child { grid-column: auto; }
  .wt-feature-card__body,
  .wt-route-panel,
  .wt-filter-console,
  .wt-lab-feature__body,
  .wt-closing__panel { padding: var(--space-4); }
  .wt-feature-card__title { font-size: clamp(1.75rem, 7vw, 1.9rem); }
  .wt-mission { grid-template-columns: auto minmax(0, 1fr) auto; }
  .wt-route-panel__top { padding-bottom: var(--space-5); }
  .wt-checkpoints { padding-top: var(--space-5); gap: var(--space-4); }
  .wt-filter-console__actions { flex-direction: column; }
  .wt-filter-console__actions > * { width: 100%; flex-basis: auto; }
  .wt-archive__grid { min-height: 0; }
  .wt-standard + .wt-standard { border-top: var(--border-soft); border-left: 0; }
  .wt-standard:nth-child(3),
  .wt-standard:nth-child(4) { border-left: 0; }
  .wt-closing__content { max-width: none; }
  .wt-closing__content .button { width: 100%; }
}

@media (max-width: 24.375rem) {
  .wt-mission { grid-template-columns: minmax(0, 1fr) auto; }
  .wt-mission__icon { grid-column: 1; }
  .wt-mission__content { grid-column: 1; }
  .wt-mission__arrow { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  .wt-checkpoint { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .wt-feature-card:hover,
  .wt-feature-card:focus-visible,
  .wt-guide-card:hover,
  .wt-guide-card:focus-visible,
  .wt-archive-card:hover,
  .wt-archive-card:focus-visible,
  .wt-lab-feature:hover,
  .wt-lab-feature:focus-visible,
  .wt-lab-card:hover,
  .wt-lab-card:focus-visible,
  .wt-retro-card:hover,
  .wt-retro-card:focus-visible,
  .wt-mission:hover,
  .wt-mission:focus-visible { transform: none; }
}