/* Aanvulling voor de geschiedenis-overzichtspagina van OnlineTarot.nl */
.gh-index { padding: 25px 22px; background: #101a30; border: 1px solid #34415d; border-radius: 10px; }
.gh-index h2 { margin: 8px 0 9px; font-family: 'Cormorant Garamond', serif; font-size: 29px; line-height: 1.1; font-weight: 600; color: #e6e9f0; }
.gh-index p { color: #b9c1d0; font-size: 13px; line-height: 1.7; margin: 0 0 18px; }
.gh-index-links { list-style: none; margin: 0; padding: 0; }
.gh-index-links li + li { border-top: 1px solid rgba(182,195,216,.13); }
.gh-index-links a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; color: #d5dce8; text-decoration: none; font-size: 13px; line-height: 1.55; transition: color .2s ease; }
.gh-index-links a span:last-child { color: #c9a96e; font-size: 19px; flex-shrink: 0; }
.gh-index-links a:hover, .gh-index-links a:focus-visible { color: #e4ca87; }
.gh-index-links a:focus-visible, .gh-mobile-nav summary:focus-visible { outline: 2px solid #e4ca87; outline-offset: 3px; border-radius: 3px; }
.gh-mobile-nav { display: none; }
@media (max-width: 767px) {
  .gh-index { display: none; }
  .gh-mobile-nav { display: block; margin: 0 0 28px; padding: 0 18px; background: #101a30; border: 1px solid #34415d; border-radius: 9px; }
  .gh-mobile-nav summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 17px 0; cursor: pointer; list-style: none; }
  .gh-mobile-nav summary::-webkit-details-marker { display: none; }
  .gh-mobile-nav summary strong { display: block; margin-top: 4px; color: #e6e9f0; font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 600; line-height: 1.2; }
  .gh-mobile-eyebrow { color: #c9a96e; font-size: 10px; letter-spacing: 1.4px; }
  .gh-mobile-chevron { color: #c9a96e; font-size: 24px; transition: transform .2s ease; }
  .gh-mobile-nav[open] .gh-mobile-chevron { transform: rotate(180deg); }
  .gh-mobile-nav nav { border-top: 1px solid rgba(182,195,216,.2); padding-bottom: 8px; }
  .gh-index-links a { padding: 13px 0; font-size: 14px; }
}
