/* Tasarımdaki (design/gemini-reference.html) özel stiller — Tailwind dışı. */
::selection {
  background: #1A1A1A;
  color: #FAF9F6;
}

.hairline-border { border: 1px solid #E8E5DC; }
.hairline-border-b { border-bottom: 1px solid #E8E5DC; }
.hairline-border-t { border-top: 1px solid #E8E5DC; }

.arch-img-card img {
  transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 0.7s ease;
}
.arch-img-card:hover img { transform: scale(1.035); }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #FAF9F6; }
::-webkit-scrollbar-thumb { background: #D5D0C3; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #1A1A1A; }

/* Sticky başlığın altında kalmaması için bölüm çapaları */
section[id] { scroll-margin-top: 6rem; }

/* Panelden girilen düz HTML içerikler (yasal sayfalar, SSS yanıtları) */
.prose-gua { color: #63625C; font-size: 0.95rem; line-height: 1.8; }
.prose-gua h2 { font-family: "Cormorant Garamond", serif; color: #1A1A1A; font-size: 1.75rem; line-height: 1.25; margin: 2.25rem 0 0.75rem; }
.prose-gua h3 { font-family: "Cormorant Garamond", serif; color: #1A1A1A; font-size: 1.35rem; margin: 1.75rem 0 0.5rem; }
.prose-gua p { margin: 0 0 1rem; }
.prose-gua ul, .prose-gua ol { margin: 0 0 1rem 1.25rem; }
.prose-gua ul { list-style: disc; }
.prose-gua ol { list-style: decimal; }
.prose-gua li { margin-bottom: 0.35rem; }
.prose-gua a { color: #1A1A1A; text-decoration: underline; }
.prose-gua strong { color: #1A1A1A; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .arch-img-card img { transition: none; }
}