/* 09.67: grouped selection directory, scoped to this page. */
.selection-index-page .guide-index > .lead { margin-bottom: 28px; }
.selection-help { padding: 24px; border-left: 3px solid #9b7a43; background: #e7e3da; }
.selection-help p { margin: 0 0 12px; max-width: 780px; }
.selection-help a { display: inline-block; padding: 8px 0; font-weight: 700; text-underline-offset: 4px; }
.selection-jumps { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 44px; }
.selection-jumps a { padding: 10px 14px; border: 1px solid #9da8a2; text-decoration: none; font-size: 15px; color: #203630; }
.selection-jumps a:hover { background: #e7e3da; }
.selection-group { margin-top: 48px; }
.selection-group > h2 { scroll-margin-top: 110px; margin: 0; font: 700 34px/1.2 Georgia, serif; }
.selection-group-intro { color: #4d5954; margin: 12px 0 24px; max-width: 780px; }
.selection-index-page .guide-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.selection-index-page .guide-card { min-width: 0; min-height: 0; padding: 24px; border-top: 3px solid #9b7a43; }
.selection-index-page .guide-card h3 { font: 700 27px/1.18 Georgia, serif; margin: 20px 0 14px; overflow-wrap: anywhere; }
.selection-index-page .guide-card p { line-height: 1.6; }
.selection-index-page .guide-card b { padding-top: 18px; }
.selection-index-page .guide-card:focus-visible, .selection-jumps a:focus-visible, .selection-help a:focus-visible { outline: 3px solid #52685f; outline-offset: 4px; }
@media (max-width: 1050px) { .selection-index-page .guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) {
  .selection-index-page .guide-grid { grid-template-columns: minmax(0, 1fr); }
  .selection-group > h2 { font-size: 29px; }
  .selection-help { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) { html:has(.selection-index-page) { scroll-behavior: auto; } }