/*
 * Solid Medya — www.solidmedya.com
 * Görevi: /site-haritasi (HTML site haritası) sayfasının düzeni; renkler public-doc.css / legal-docs.css jetonlarından gelir.
 * Yazılım, tasarım ve geliştirme: Solid Medya
 */
.sh-toc { margin: 0 0 1.25rem; }
.sh-toc ul { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.sh-toc a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 .9rem;
  border: 1px solid var(--border-soft); border-radius: 999px; background: var(--surface-1);
  color: var(--text-main); font-size: .9rem; font-weight: 600; text-decoration: none;
}
.sh-toc a:hover, .sh-toc a:focus-visible { background: var(--lg-tint); border-color: var(--pd-solid); }

.sh-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 1rem; margin-bottom: 1rem; }
.sh-card {
  border: 1px solid var(--border-soft); border-radius: var(--lg-radius, 18px); background: var(--surface-1);
  padding: 1.1rem 1.15rem 1rem; min-width: 0; scroll-margin-top: 1rem;
}
.sh-card--wide { margin-bottom: 1.25rem; }
.sh-card__t { display: flex; align-items: center; gap: .6rem; margin: 0 0 .35rem; font-size: 1.1rem; line-height: 1.3; color: var(--text-main); }
.sh-card__t i { color: var(--pd-solid); font-size: 1rem; flex: none; }
.sh-card__d { margin: 0 0 .6rem; color: var(--brand-navy-muted); font-size: .9rem; line-height: 1.5; }

.sh-list { list-style: none; margin: 0; padding: 0; }
.sh-list li + li { border-top: 1px solid var(--border-soft); }
.sh-list a { display: flex; flex-direction: column; gap: .1rem; padding: .6rem .15rem; min-height: 44px; justify-content: center; color: var(--text-main); text-decoration: none; overflow-wrap: anywhere; }
.sh-list__n { font-weight: 600; color: var(--pd-link); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.sh-list__d { font-size: .85rem; color: var(--brand-navy-muted); }
.sh-list a:hover .sh-list__n, .sh-list a:focus-visible .sh-list__n { text-decoration-thickness: 2px; }

.sh-profiles { list-style: none; margin: .25rem 0 0; padding: 0; columns: 3 15rem; column-gap: 1.25rem; }
.sh-profiles li { break-inside: avoid; }
.sh-profiles a { display: flex; flex-direction: column; padding: .45rem .15rem; min-height: 44px; justify-content: center; color: var(--text-main); text-decoration: none; overflow-wrap: anywhere; }
.sh-profiles__n { font-weight: 600; color: var(--pd-link); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.sh-profiles__u { font-size: .82rem; color: var(--brand-navy-muted); }
.sh-profiles a:hover .sh-profiles__n, .sh-profiles a:focus-visible .sh-profiles__n { text-decoration-thickness: 2px; }

.sh-pager { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.sh-pager__a {
  display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 .9rem;
  border: 1px solid var(--border-soft); border-radius: 12px; background: var(--surface-1); color: var(--text-main); font-weight: 600; text-decoration: none;
}
a.sh-pager__a:hover, a.sh-pager__a:focus-visible { background: var(--lg-tint); border-color: var(--pd-solid); }
.sh-pager__a.is-active { background: var(--pd-solid); border-color: var(--pd-solid); color: var(--pd-on-solid); }

.sh-back { margin: 0 0 1rem; }
.sh-back a { display: inline-flex; align-items: center; min-height: 44px; color: var(--pd-link); font-weight: 600; }
.sh-empty { margin: .5rem 0 0; color: var(--brand-navy-muted); }

@media (max-width: 480px) {
  .sh-card { padding: .95rem .9rem .8rem; }
  .sh-profiles { columns: 1; }
}