/*
 * ÇandName CSS modülü: günün sözü, editör seçkisi, en çok okunanlar, dil rozeti,
 * erişilebilirlik paneli, içindekiler vurgusu (inc/home-extras.php)
 * Bu dosya diğer CSS dosyalarından bağımsızdır.
 */
.cn-qotd { margin: 2em 0; padding: 26px 22px; text-align: center; border-block: 1px solid var(--line, #dfe5e0); }
.cn-qotd-label { margin: 0 0 8px; font-size: calc(12px * var(--fs, 1)); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--gold, #8a6d0f); }
.cn-qotd-text { margin: 0 auto; max-width: 34em; font-family: var(--serif, Georgia, serif); font-size: calc(24px * var(--fs, 1)); line-height: 1.4; font-style: italic; }
.cn-qotd-text a { color: var(--ink, #1a201c); text-decoration: none; }
.cn-qotd-text::before { content: "“"; }
.cn-qotd-text::after { content: "”"; }
.cn-qotd-src { margin: 10px 0 0; font-size: calc(14px * var(--fs, 1)); }
.cn-qotd-src a { color: var(--green, #1e5a3c); text-decoration: none; }
.cn-pop-list { margin: 0; padding: 0; list-style: none; counter-reset: pop; display: grid; gap: 8px; }
.cn-pop-list li { counter-increment: pop; display: flex; gap: 12px; align-items: baseline; padding: 10px 14px; border: 1px solid var(--line, #dfe5e0); border-radius: 10px; background: var(--surface, #fff); }
.cn-pop-list li::before { content: counter(pop); flex: 0 0 auto; font-family: var(--serif, Georgia, serif); font-size: calc(22px * var(--fs, 1)); font-weight: 700; color: var(--gold, #8a6d0f); min-width: 1.2em; }
.cn-pop-list a { font-family: var(--serif, Georgia, serif); font-weight: 600; color: var(--ink, #1a201c); text-decoration: none; }
.cn-pop-list a:hover { text-decoration: underline; }
.cn-translations { margin: 0 0 1.2em; padding: 8px 14px; border-radius: 8px; background: var(--mint, #e8f2ec); font-size: calc(14.5px * var(--fs, 1)); }
.cn-translations a { margin-inline-start: 6px; font-weight: 700; color: var(--green, #1e5a3c); }
.toc a.is-active { font-weight: 700; color: var(--green, #1e5a3c); text-decoration: underline; }

.cn-a11y-btn { position: fixed; inset-inline-start: 14px; bottom: 14px; z-index: 95; width: 44px; height: 44px; border: 1px solid var(--line, #dfe5e0); border-radius: 50%; background: var(--surface, #fff); color: var(--ink, #1a201c); box-shadow: 0 2px 10px rgba(0,0,0,.15); cursor: pointer; font-size: calc(20px * var(--fs, 1)); line-height: 1; }
.cn-a11y-panel { position: fixed; inset-inline-start: 14px; bottom: 66px; z-index: 96; width: min(300px, calc(100vw - 28px)); padding: 14px 16px; border: 1px solid var(--line, #dfe5e0); border-radius: 14px; background: var(--surface, #fff); color: var(--ink, #1a201c); box-shadow: 0 8px 28px rgba(0,0,0,.22); }
.cn-a11y-panel[hidden] { display: none; }
.cn-a11y-panel h2 { margin: 0 0 8px; font-size: calc(16px * var(--fs, 1)); }
.cn-a11y-panel label { display: flex; gap: 10px; align-items: center; padding: 6px 0; font-size: calc(15px * var(--fs, 1)); cursor: pointer; }
.cn-a11y-row { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; }
.cn-a11y-row button { padding: 6px 12px; border: 1px solid var(--line, #dfe5e0); border-radius: 8px; background: transparent; color: inherit; cursor: pointer; }
@media (max-width: 959px) { .cn-a11y-btn { bottom: 74px; } .cn-a11y-panel { bottom: 126px; } }

html.cn-a11y-lh .entry-content, html.cn-a11y-lh .entry-content p, html.cn-a11y-lh .entry-content li { line-height: 2.05 !important; }
html.cn-a11y-ls body { letter-spacing: .05em; word-spacing: .12em; }
html.cn-a11y-ul a { text-decoration: underline !important; text-underline-offset: 3px; }
html.cn-a11y-rd body, html.cn-a11y-rd .entry-content, html.cn-a11y-rd h1, html.cn-a11y-rd h2, html.cn-a11y-rd h3 { font-family: Verdana, Tahoma, "Trebuchet MS", sans-serif !important; }
html.cn-a11y-rm *, html.cn-a11y-rm *::before, html.cn-a11y-rm *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html.cn-a11y-hc body { background: var(--surface, #fff) !important; color: #000 !important; }
html.cn-a11y-hc .entry-content, html.cn-a11y-hc .entry-content p, html.cn-a11y-hc .entry-content li { color: #000 !important; }
html.cn-a11y-hc a { color: #0033cc !important; }
html.cn-a11y-hc[data-theme="dark"] body { background: #000 !important; color: #fff !important; }
html.cn-a11y-hc[data-theme="dark"] .entry-content, html.cn-a11y-hc[data-theme="dark"] .entry-content p, html.cn-a11y-hc[data-theme="dark"] .entry-content li { color: #fff !important; }
html.cn-a11y-hc[data-theme="dark"] a { color: #8fc2ff !important; }

html[data-theme="dark"] .cn-qotd-text a, html[data-theme="dark"] .cn-pop-list a { color: #eef3ef; }
html[data-theme="dark"] .cn-pop-list li, html[data-theme="dark"] .cn-a11y-btn, html[data-theme="dark"] .cn-a11y-panel { background: #18211c; border-color: #2b3a31; color: #eef3ef; }
html[data-theme="dark"] .cn-translations { background: #24362b; color: #bfe3cf; }