/* Leitfaden: Typografie und Farben der Produktseite, auch druckbar. */
.guide { max-width: 900px; padding-block: 36px 80px; }
.guide-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; font-size: 0.85rem; color: var(--muted); }
.guide-header { margin-block: 36px; }
.guide-kicker { color: var(--muted); font-weight: 600; margin-bottom: 12px; }
.guide h1 { font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.12; letter-spacing: -0.03em; }
.guide-intro { font-size: 1.1rem; margin-top: 24px; }
.guide-byline { color: var(--muted); font-size: 0.85rem; margin-top: 20px; }
.guide a:not(.btn) { text-decoration: underline; text-underline-offset: 3px; }
.guide p, .guide li, .guide dd { line-height: 1.75; }
.guide-toc, .guide-cta { background: var(--tint); padding: 28px; border: 1px solid var(--line); border-radius: var(--radius-lg); }
.guide h2 { font-size: clamp(1.3rem, 3vw, 1.65rem); line-height: 1.35; margin-bottom: 16px; }
.guide-toc ol { list-style: decimal; padding-left: 24px; margin-bottom: 16px; }
.guide section { margin-top: 48px; }
.guide section p + p { margin-top: 16px; }
.guide-checklist { list-style: disc; padding-left: 24px; margin-block: 20px; }
.guide li + li { margin-top: 8px; }
.guide .shot { margin-top: 24px; }
.guide-criteria { margin-block: 20px; }
.guide-criteria > div { border-top: 1px solid var(--line); padding-block: 16px; }
.guide-criteria dt { font-weight: 700; margin-bottom: 4px; }
.guide-cta { margin-top: 48px; }
.guide-cta .btn { margin-top: 24px; }
.guide-footer { padding-block: 28px; }
.guide-footer .footer-bottom { padding-top: 0; border-top: 0; }
.guide-footer nav { display: flex; flex-wrap: wrap; gap: 12px 24px; }
@media (max-width: 480px) {
  .guide { padding-top: 24px; }
  .guide-toc, .guide-cta { padding: 20px; }
  .guide-cta .btn { width: 100%; }
}
@media print {
  .nav, .skip-link, .guide-cta, .guide-footer { display: none; }
  .guide { max-width: none; padding: 0; }
  .guide h1 { font-size: 26pt; }
  .guide h2 { break-after: avoid; }
  .guide p, .guide li { orphans: 3; widows: 3; }
  .guide .shot { break-inside: avoid; }
}