/* Cilt Akademisi — özel stiller */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

::selection { background-color: #14110D; color: #ffffff; }

/* Klavye odak halkası — editoryal, keskin (yarıçap yok) */
:where(a, button, input, [tabindex]):focus-visible {
  outline: 2px solid #14110D;
  outline-offset: 3px;
}

/* Yatay carousel: scrollbar gizli + snap */
.scroll-row { scrollbar-width: none; -ms-overflow-style: none; scroll-snap-type: x mandatory; }
.scroll-row::-webkit-scrollbar { display: none; }
.scroll-row > * { scroll-snap-align: start; }

/* Editoryal metin-link: hover'da soldan büyüyen ince alt çizgi */
.link-underline {
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size .25s ease;
}
.link-underline:hover { background-size: 100% 1px; }

/* Drop-cap (yazı detay sayfasında kullanılacak) */
.dropcap::first-letter {
  float: left;
  font-family: "Bodoni Moda", ui-serif, Georgia, serif;
  font-weight: 700;
  font-size: 3.6em;
  line-height: .82;
  padding: .04em .12em 0 0;
  color: #14110D;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* ── Yazı detay gövdesi (WYSIWYG HTML) — editoryal tipografi ── */
.article-body { color: #44403A; font-size: 1.0625rem; line-height: 1.8; }
.article-body > * + * { margin-top: 1.4rem; }
.article-body h2 { font-family: "Bodoni Moda", ui-serif, Georgia, serif; color: #14110D; font-weight: 700; font-size: 1.75rem; line-height: 1.25; margin-top: 2.6rem; }
.article-body h3 { font-family: "Bodoni Moda", ui-serif, Georgia, serif; color: #14110D; font-weight: 700; font-size: 1.375rem; line-height: 1.3; margin-top: 2rem; }
.article-body a { color: #8C6D33; text-decoration: underline; text-underline-offset: 3px; }
.article-body a:hover { color: #14110D; }
.article-body strong { color: #14110D; font-weight: 600; }
.article-body ul { list-style: disc; padding-left: 1.3rem; }
.article-body ol { list-style: decimal; padding-left: 1.3rem; }
.article-body li + li { margin-top: .4rem; }
.article-body blockquote { border-left: 2px solid #8C6D33; padding-left: 1.25rem; font-family: "Bodoni Moda", ui-serif, Georgia, serif; font-size: 1.5rem; line-height: 1.4; color: #14110D; }
.article-body img { width: 100%; height: auto; }
.article-body hr { border: 0; border-top: 1px solid #E7E2D8; margin: 2.6rem 0; }
.article-body > p:first-of-type::first-letter {
  float: left; font-family: "Bodoni Moda", ui-serif, Georgia, serif; font-weight: 700;
  font-size: 3.4em; line-height: .82; padding: .04em .12em 0 0; color: #14110D;
}