/* Kitapevi Okuyucu — temanın renk değişkenlerini kullanır */

.ako { padding-top: 20px; }
.ako-bas { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cizgi, #e4dccb); padding-bottom: 14px; margin-bottom: 18px; }
.ako-kunye { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ako-kitap { font: 700 1.5rem/1.6 var(--ar-baslik, serif); text-decoration: none; color: var(--yazi, #1f2421); text-align: left; }
.ako-kitap:hover { color: var(--ana, #1f4d3a); }
.ako-bolum { color: var(--soluk, #6b6a63); font-size: 1.05rem; text-align: left; }
.ako-ara { display: flex; gap: 6px; flex: 1; max-width: 420px; min-width: 240px; }
.ako-ara input { flex: 1; min-width: 0; padding: 9px 12px; border: 1px solid var(--cizgi, #e4dccb); border-radius: 8px; background: var(--yuzey, #fff); color: inherit; font: inherit; }

.ako-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 28px; align-items: start; }
.ako-fihrist { order: 2; position: sticky; top: 84px; max-height: calc(100vh - 100px); overflow: auto; background: var(--yuzey, #fff); border: 1px solid var(--cizgi, #e4dccb); border-radius: 10px; padding: 10px 14px; }
.ako-fihrist summary { cursor: pointer; font-weight: 700; padding: 4px 0; }
.ako-fihrist ol { list-style: none; margin: 8px 0 0; padding: 0; font-size: 1rem; line-height: 1.8; }
.ako-fihrist li a { display: block; padding: 2px 6px; border-radius: 6px; text-decoration: none; color: var(--yazi, #1f2421); }
.ako-fihrist li a:hover { background: var(--yuzey-2, #f3ecdd); }
.ako-fihrist li.secili a { background: var(--ana, #1f4d3a); color: var(--ana-yazi, #fff); }
.ako-fihrist .sev2 { padding-right: 14px; } .ako-fihrist .sev3 { padding-right: 28px; } .ako-fihrist .sev4, .ako-fihrist .sev5, .ako-fihrist .sev6 { padding-right: 40px; font-size: .95rem; }
@media (max-width: 900px) {
	.ako-duzen { grid-template-columns: minmax(0, 1fr); }
	.ako-fihrist { order: 0; position: static; max-height: 50vh; }
}

.ako-arac { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: var(--soluk, #6b6a63); font-size: .92rem; margin-bottom: 10px; }
.ako-yazi button { border: 1px solid var(--cizgi, #e4dccb); background: var(--yuzey, #fff); color: inherit; border-radius: 6px; padding: 4px 10px; cursor: pointer; font: 600 .9rem var(--tr, sans-serif); }

.ako-metin {
	background: var(--yuzey, #fff); border: 1px solid var(--cizgi, #e4dccb); border-radius: 12px;
	padding: 28px 32px; font-family: var(--ar, serif); font-size: 1.35rem; line-height: 2.1; text-align: justify;
	overflow-wrap: anywhere;
}
@media (max-width: 600px) { .ako-metin { padding: 18px 16px; } }
.ako-metin .title { display: block; font-weight: 700; color: var(--ana, #1f4d3a); margin: .6em 0 .2em; }
.ako-metin .footnote { font-size: .82em; color: var(--soluk, #6b6a63); line-height: 1.9; }
.ako-metin .footnote-hr, .ako-metin hr { border: 0; border-top: 1px solid var(--cizgi, #e4dccb); width: 30%; margin: 1.2em 0 .6em auto; }
.ako-metin mark { background: #fde68a; color: inherit; border-radius: 3px; padding: 0 2px; }
@media (prefers-color-scheme: dark) { .ako-metin mark { background: #7a5c12; } }

.ako-gezinti { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin: 18px 0 8px; }
.ako-git { display: flex; align-items: center; gap: 6px; }
.ako-git input { width: 90px; padding: 8px; border: 1px solid var(--cizgi, #e4dccb); border-radius: 8px; background: var(--yuzey, #fff); color: inherit; font: inherit; }
.ako-kaynak { font-size: .85rem; }

.ako-sonuc ol { list-style: none; padding: 0; margin: 0; }
.ako-sonuc li a { display: flex; gap: 12px; align-items: baseline; padding: 10px 12px; border-bottom: 1px solid var(--cizgi, #e4dccb); text-decoration: none; color: var(--yazi, #1f2421); }
.ako-sonuc li a:hover { background: var(--yuzey-2, #f3ecdd); }
.ako-s-no { flex: none; min-width: 56px; font-weight: 700; color: var(--ana, #1f4d3a); font-size: .9rem; }
.ako-oku-kutu { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 6px 0 18px; }