.features-page {
  overflow: clip;
  background-color: var(--color-asphalt);
  background-image: linear-gradient(rgba(39, 39, 42, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(39, 39, 42, .12) 1px, transparent 1px);
  background-size: 44px 44px;
}

.features-page .section { position: relative; }
.features-page .panel { overflow: hidden; }
.features-page .eyebrow { margin-bottom: var(--space-3); }
.features-page p:last-child { margin-bottom: 0; }
.features-inline-accent { border-bottom: 2px solid var(--color-magenta); color: var(--color-paper); }

.features-hero { padding: var(--space-9) 0 var(--space-8); }
.features-hero__grid { display: grid; grid-template-columns: minmax(500px, 7fr) minmax(390px, 5fr); gap: var(--space-5); align-items: stretch; }
.features-hero__editorial { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-6); min-width: 0; padding: var(--space-6) 0; }
.features-hero__intro { width: 100%; min-width: 0; }
.features-hero__intro h1 { max-width: 7.3ch; margin-bottom: var(--space-5); }
.features-hero__lead { max-width: 56ch; margin-bottom: 0; font-size: var(--text-lead); font-weight: 500; line-height: 1.4; }
.features-hero__lower { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); width: min(100%, 560px); min-width: 0; }
.features-rhythm { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding: var(--space-5); }
.features-rhythm__heading { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.features-rhythm__index { color: var(--color-yellow); font-family: var(--font-mono); font-size: var(--text-telemetry); font-weight: 700; line-height: 1; }
.features-rhythm p { max-width: 48ch; margin: 0; color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }
.features-rhythm__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); min-width: 0; }
.features-rhythm__steps span { min-width: 0; padding: var(--space-2); border: 1px solid var(--color-edge); color: var(--color-paper); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.features-rhythm__steps span:nth-child(2) { border-color: var(--color-magenta); }
.features-hero__action { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); min-width: 0; }
.features-download-button { min-height: 48px; }
.features-hero__media { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; margin: 0; border: var(--border-default); clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); background: var(--color-carbon); }
.features-hero__media img { width: 100%; height: 100%; min-height: 510px; object-fit: cover; object-position: 38% center; }
.features-hero__media figcaption { margin: 0; padding: 0 var(--space-4) var(--space-4); }

.features-scores__intro { width: 41.6667%; min-width: 0; }
.features-scores__intro p { max-width: 58ch; }
.features-score-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; margin-top: var(--space-6); }
.features-score { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding: var(--space-5); transition: border-color var(--transition-fast); }
.features-score:hover { border-color: var(--color-magenta); }
.features-score__top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); min-width: 0; }
.features-score__top > * { min-width: 0; }
.features-score h3 { margin: 0; }
.features-score p { max-width: 34ch; margin: 0; color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }
.features-page [data-score-card] .meter__segment--active { opacity: 0; transform: scaleX(.15); transform-origin: left; }
.features-page [data-score-card].is-meter-visible .meter__segment--active { opacity: 1; transform: scaleX(1); transition: opacity 120ms ease, transform 420ms ease; }
.features-page [data-score-card].is-meter-visible .meter__segment--active:nth-child(2) { transition-delay: 35ms; }
.features-page [data-score-card].is-meter-visible .meter__segment--active:nth-child(3) { transition-delay: 70ms; }
.features-page [data-score-card].is-meter-visible .meter__segment--active:nth-child(4) { transition-delay: 105ms; }
.features-page [data-score-card].is-meter-visible .meter__segment--active:nth-child(5) { transition-delay: 140ms; }
.features-page [data-score-card].is-meter-visible .meter__segment--active:nth-child(6) { transition-delay: 175ms; }
.features-page [data-score-card].is-meter-visible .meter__segment--active:nth-child(7) { transition-delay: 210ms; }
.features-page [data-score-card].is-meter-visible .meter__segment--active:nth-child(8) { transition-delay: 245ms; }

.features-observations__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(320px, 4fr); gap: var(--space-5); align-items: start; }
.features-observations__article { min-width: 0; padding: var(--space-6); }
.features-observations__article h2 { max-width: 16ch; }
.features-observations__copy { max-width: 70ch; }
.features-observations__copy p { margin-bottom: var(--space-5); }
.features-rule-copy { padding-left: var(--space-5); border-left: 2px solid var(--color-magenta); }
.features-mini-label { display: inline-block; margin-right: var(--space-2); color: var(--color-magenta); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.features-observations__rail { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); min-width: 0; }
.features-detail-image { min-width: 0; margin: 0; }
.features-detail-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: var(--border-default); }
.features-control-points { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.features-control-points__row { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding-top: var(--space-3); border-top: 1px solid var(--color-edge); }
.features-control-points__row b { color: var(--color-yellow); font-family: var(--font-mono); }
.features-control-points__row p { margin: 0; color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }

.features-tactics__intro { width: 50%; min-width: 0; }
.features-tactics__intro p { max-width: 60ch; }
.features-tactics__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; margin-top: var(--space-6); }
.features-scenario { min-width: 0; padding: 0; }
.features-scenario summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-width: 0; min-height: 54px; padding: var(--space-4) var(--space-5); color: var(--color-paper); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; letter-spacing: .06em; list-style: none; text-transform: uppercase; cursor: pointer; }
.features-scenario summary::-webkit-details-marker { display: none; }
.features-scenario summary span { min-width: 0; }
.features-scenario summary i { color: var(--color-yellow); font-size: 1.25rem; font-style: normal; }
.features-scenario[open] summary { border-bottom: 2px solid var(--color-magenta); }
.features-scenario[open] summary i { color: var(--color-paper); transform: rotate(45deg); }
.features-scenario__body { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; padding: 0 var(--space-5) var(--space-5); }
.features-scenario__body p { margin: 0; color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }
.features-game-note { display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: var(--space-3); min-width: 0; margin-top: var(--space-5); padding: var(--space-4); border: var(--border-default); background: var(--color-track); }
.features-game-note__slash { width: 2px; min-height: 100%; background: var(--color-magenta); transform: skewX(-22deg); }
.features-game-note p { margin: 0; color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }

.features-screen__header { width: 41.6667%; min-width: 0; margin-left: 58.3333%; }
.features-screen__header p { max-width: 55ch; }
.features-screen__grid { display: grid; grid-template-columns: minmax(480px, 7fr) minmax(360px, 5fr); gap: var(--space-5); align-items: start; min-width: 0; margin-top: var(--space-6); }
.features-screen__image { min-width: 0; margin: 0; }
.features-screen__image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border: var(--border-default); }
.features-signals { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); min-width: 0; }
.features-signal { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; transition: border-color var(--transition-fast); }
.features-signal:hover { border-color: var(--color-magenta); }
.features-signal h3 { margin: 0; }
.features-signal p { max-width: 40ch; margin: 0; color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }

.features-tuning__frame { width: 83.3333%; min-width: 0; margin-inline: auto; }
.features-tuning__intro { width: 100%; min-width: 0; }
.features-tuning__intro p { max-width: 62ch; }
.features-tuning__arguments { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; margin-top: var(--space-6); border-top: 1px solid var(--color-edge); }
.features-tuning__argument { display: grid; grid-template-columns: 52px minmax(160px, 3fr) minmax(240px, 6fr); gap: var(--space-4); min-width: 0; padding: var(--space-4) 0; border-bottom: 1px solid var(--color-edge); transition: border-color var(--transition-fast); }
.features-tuning__argument:hover { border-color: var(--color-magenta); }
.features-tuning__argument > * { min-width: 0; }
.features-tuning__argument b { color: var(--color-yellow); font-family: var(--font-mono); font-size: var(--text-telemetry); line-height: 1; }
.features-tuning__argument h3 { margin: 0; }
.features-tuning__argument p { max-width: 56ch; margin: 0; color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }

.features-limits__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(310px, 5fr); gap: var(--space-5); align-items: start; min-width: 0; }
.features-limits__article { min-width: 0; padding: var(--space-6); }
.features-limits__copy { max-width: 68ch; }
.features-limits__copy p { margin-bottom: var(--space-5); }
.features-limits__copy blockquote { margin-bottom: var(--space-5); }
.features-checklist { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.features-checklist h3 { margin: 0; }
.features-checklist__item { display: grid; grid-template-columns: 14px minmax(0, 1fr); column-gap: var(--space-3); row-gap: var(--space-1); width: 100%; min-width: 0; min-height: 58px; padding: var(--space-3) 0; border: 0; border-top: 1px solid var(--color-edge); border-radius: 0; background: transparent; color: var(--color-paper); text-align: left; }
.features-checklist__item > span { grid-row: span 2; width: 12px; height: 12px; margin-top: 5px; border: 1px solid var(--color-steel); }
.features-checklist__item strong { grid-column: 2; font-size: var(--text-compact); }
.features-checklist__item em { grid-column: 2; color: var(--color-steel); font-size: var(--text-sm); font-style: normal; line-height: var(--line-meta); }
.features-checklist__item.is-checked { border-color: var(--color-magenta); }
.features-checklist__item.is-checked > span { border-color: var(--color-magenta); background: var(--color-magenta); }

.features-final { padding-bottom: var(--space-9); }
.features-final__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(310px, 5fr); gap: var(--space-5); align-items: end; min-width: 0; }
.features-final__copy { min-width: 0; }
.features-final__copy > p { max-width: 62ch; }
.features-final__action { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); min-width: 0; margin-top: var(--space-5); }
.features-final__action p { max-width: 55ch; margin: 0; color: var(--color-steel); }
.features-final__action .button { min-width: 260px; min-height: 48px; }
.features-final__verdict { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.features-final__verdict h3 { margin: 0; }
.features-final__verdict p { max-width: 34ch; margin: 0; color: var(--color-steel); font-size: var(--text-compact); line-height: var(--line-compact); }

.features-reading { padding-top: 0; padding-bottom: var(--space-8); }
.features-reading__frame { width: 83.3333%; min-width: 0; margin-inline: auto; }
.features-reading__intro { width: 100%; min-width: 0; }
.features-reading__intro p { max-width: 56ch; }
.features-reading__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; margin-top: var(--space-5); }
.features-reading__link { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); min-width: 0; min-height: 148px; padding: var(--space-5); border: var(--border-default); background: var(--color-carbon); color: var(--color-paper); text-decoration: none; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); transition: border-color var(--transition-fast), background-color var(--transition-fast); }
.features-reading__link:hover { border-color: var(--color-magenta); background: var(--color-track); color: var(--color-paper); }
.features-reading__link span { color: var(--color-magenta); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; }
.features-reading__link strong { min-width: 0; text-decoration: underline; text-decoration-color: var(--color-magenta); text-underline-offset: .16em; }
.features-reading__link em { max-width: 30ch; color: var(--color-steel); font-size: var(--text-sm); font-style: normal; line-height: var(--line-meta); }

@media (max-width: 1039px) {
  .features-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .features-hero__editorial { padding: 0; }
  .features-hero__media img { min-height: 360px; }
  .features-scores__intro, .features-tactics__intro { width: 100%; }
  .features-score-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .features-score-grid > :nth-child(3) { grid-column: 1 / -1; }
  .features-tactics__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .features-tactics__grid > :nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width: 959px) {
  .features-observations__grid, .features-screen__grid { grid-template-columns: minmax(0, 1fr); }
  .features-observations__article h2 { max-width: 20ch; }
  .features-screen__header { width: 100%; margin-left: 0; }
  .features-screen__image img { aspect-ratio: 3 / 2; }
}

@media (max-width: 899px) {
  .features-limits__grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 879px) {
  .features-reading__links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .features-reading__links > :nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width: 860px) {
  .features-tuning__argument { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  .features-tuning__argument b { font-size: var(--text-telemetry); }
  .features-final__grid { grid-template-columns: minmax(0, 1fr); align-items: start; }
}

@media (max-width: 720px) {
  .features-hero { padding: var(--space-7) 0; }
  .features-hero__lead { font-size: 1.125rem; }
  .features-hero__media img { min-height: 0; aspect-ratio: 4 / 3; object-position: 40% center; }
  .features-hero__lower { width: 100%; }
  .features-hero__action .button { width: 100%; }
  .features-score-grid, .features-tactics__grid, .features-reading__links { grid-template-columns: minmax(0, 1fr); }
  .features-score-grid > :nth-child(3), .features-tactics__grid > :nth-child(3), .features-reading__links > :nth-child(3) { grid-column: auto; }
  .features-observations__article, .features-limits__article { padding: 18px; }
  .features-screen__image img { aspect-ratio: 4 / 3; }
  .features-tuning__frame, .features-reading__frame { width: 100%; }
  .features-final__action { align-items: stretch; }
  .features-final__action .button { width: 100%; min-height: 52px; min-width: 0; }
  .features-scenario summary { min-height: 44px; padding: var(--space-3) 18px; }
  .features-scenario__body { padding: 0 18px 18px; }
}

@media (max-width: 619px) {
  .features-reading__links { grid-template-columns: minmax(0, 1fr); }
  .features-reading__link { min-height: 112px; }
}

@media (prefers-reduced-motion: reduce) {
  .features-page [data-score-card] .meter__segment--active { opacity: 1; transform: scaleX(1); }
  .features-score, .features-signal, .features-tuning__argument, .features-reading__link { transition: none; }
}

ul { list-style: none !important; }
.nav-toggle { flex-direction: column; }