.guide-heading { display: flex; align-items: center; gap: 18px; margin-bottom: 18px; }
.guide-heading img { width: 88px; height: 88px; flex: 0 0 88px; object-fit: contain; image-rendering: pixelated; }
.guide-heading h1 { margin: 0; word-break: keep-all; }
.guide-meta { color: var(--muted); font-size: 13px; }
.guide-samples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.guide-sample { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
.guide-sample h3 { margin: 0 0 12px; }
.guide-sample p { font-size: 14px; }
.guide-sample dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 12px; font-size: 14px; }
.guide-sample dt { color: var(--muted); }
.guide-sample dd { margin: 0; font-variant-numeric: tabular-nums; }
.guide-matchup { padding: 24px 0; border-bottom: 1px solid var(--line); }
.guide-matchup h3 { margin: 0 0 10px; }
.guide-attacker { display: flex; align-items: center; gap: 12px; }
.guide-attacker img { width: 56px; height: 56px; object-fit: contain; image-rendering: pixelated; }
.guide-attacker p { margin: 0; font-size: 14px; color: var(--muted); }
.guide-ranges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; font-variant-numeric: tabular-nums; }
.guide-ranges strong { display: block; font-size: 20px; line-height: 1.5; }
.guide-ranges span { display: block; font-size: 13px; line-height: 1.7; color: var(--muted); }
.guide-downloads { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 16px 0; }
.guide-downloads a { display: inline-flex; min-height: 44px; align-items: center; font-weight: 600; }
.guide-turn { border-left: 3px solid var(--strong); padding-left: 16px; font-variant-numeric: tabular-nums; }
@media (max-width: 480px) {
  .guide-heading { align-items: flex-start; gap: 12px; }
  .guide-heading img { width: 60px; height: 60px; flex-basis: 60px; }
  .guide-heading h1 { font-size: 23px; }
  .guide-samples { grid-template-columns: minmax(0, 1fr); }
  .guide-ranges { gap: 12px; }
  .guide-ranges strong { font-size: 18px; }
}
@media print { .guide-sample, .guide-matchup { break-inside: avoid; } }