.reading-guide .editorial-index a,
.reading-guide .editorial-section > header { grid-template-columns:minmax(0,1fr); }
.group-explainer { margin-block:var(--space-xl); border-block:2px solid var(--color-ink); padding-block:var(--space-lg); }
.group-explainer summary { cursor:pointer; font:700 var(--text-heading)/1.15 var(--font-display); }
.group-explainer summary:focus-visible { outline:3px solid var(--color-accent); outline-offset:5px; }
.group-explainer > p,.guide-criteria-section > p { max-width:70ch; margin-block:var(--space-md); }
.group-explainer .group-guide { margin-block:var(--space-lg); }
.criteria-explanations { margin-block:var(--space-lg); }
.criterion-explanation { padding-block:var(--space-lg); border-top:1px solid var(--color-rule); }
.criterion-explanation dt { font:700 1.6rem/1.15 var(--font-display); }
.criterion-explanation dt small { display:block; margin-top:var(--space-sm); color:var(--color-muted); font:400 .85rem/1.5 var(--font-body); }
.criterion-explanation dd { margin:var(--space-md) 0 0; max-width:65ch; }
.criterion-ends { font-weight:600; margin-bottom:var(--space-sm); }
.guide-criteria-section,.guide-group-index { padding-block:var(--space-xl); border-top:3px solid var(--color-ink); scroll-margin-top:var(--space-lg); }
.guide-group-index > p { margin-block:var(--space-md); }
.guide-criteria-section h2 { font-size:var(--text-heading); }
@media(min-width:768px) { .criterion-explanation { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:var(--space-xl); } .criterion-explanation dd { margin:0; } }

/* Hallmark · component: video card · genre: editorial · theme: inherited Sport
 * audience: ski guide readers · use: open the original film · tone: editorial
 * states: default, hover, focus-visible, active; async/disabled states: not applicable to this static link
 * pre-emit critique: P5 H4 E4 S5 R5 V3; responsive browser results in evidence/browser-result.json
 */
.how-test-video {
  margin-block: var(--space-xl);
  min-width: 0;
}
.how-test-video h2 {
  margin: 0 0 var(--space-md);
  font-style: normal;
  font-size: var(--text-heading);
  overflow-wrap: anywhere;
  min-width: 0;
}
.how-test-video figure { margin: 0; min-width: 0; }
.how-test-video .how-test-video__link {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  color: inherit;
  line-height: 0;
}
.how-test-video img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }
.how-test-video .how-test-video__play {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--color-ink);
  color: var(--color-inverse);
  pointer-events: none;
}
.how-test-video .how-test-video__play::before {
  content: "";
  width: 0;
  height: 0;
  margin-left: 4px;
  border-block: 8px solid transparent;
  border-left: 12px solid currentColor;
}
.how-test-video .how-test-video__link:hover .how-test-video__play,
.how-test-video .how-test-video__link:active .how-test-video__play {
  background: var(--color-ink);
}
.how-test-video .how-test-video__link:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 4px;
}
.how-test-video figcaption { margin-top: var(--space-md); }
.how-test-video figcaption p { margin: 0; max-width: 65ch; }
.how-test-video .how-test-video__credit {
  margin-top: var(--space-sm);
  font-size: var(--text-small);
  color: var(--color-muted);
}

.how-test-video .how-test-video__link:hover .how-test-video__play { background:var(--color-accent); color:var(--color-accent-ink); }
.how-test-video .how-test-video__link:active .how-test-video__play { background:var(--color-inverse); color:var(--color-ink); }