/* Reyhan Çekirdek · taban CSS (E4). Tokenlar temadan; tema yoksa yedek değerler. Kart, gölge, gradyan, yeşil yok. */

/* 1. Token takma adları */
:where(:root){
color-scheme:light dark;
--r-paper:var(--wp--preset--color--paper,light-dark(#FEFDFC,#161412));
--r-paper-2:var(--wp--preset--color--paper-2,light-dark(#FBF9F6,#1F1D1B));
--r-paper-3:var(--wp--preset--color--paper-3,light-dark(#F5F2EE,#2A2724));
--r-ink:var(--wp--preset--color--ink,light-dark(#1F1C19,#EEEAE7));
--r-ink-2:var(--wp--preset--color--ink-2,light-dark(#605B56,#BFBAB4));
--r-line:var(--wp--preset--color--line,color-mix(in srgb,currentColor 14%,transparent));
--r-rule-strong:var(--wp--preset--color--rule-strong,light-dark(#8B857F,#77716B));
--r-accent:var(--wp--preset--color--accent,light-dark(#A52018,#F38B7C));
--r-accent-soft:var(--wp--preset--color--accent-soft,light-dark(#FFE6E2,#3A1A15));
--r-marker:var(--wp--preset--color--marker,light-dark(#FFF1B8,#4F3815));
--r-f-serif:var(--wp--preset--font-family--newsreader,Georgia,serif);
--r-f-sans:var(--wp--preset--font-family--hanken-grotesk,Arial,sans-serif);
--r-f-mono:var(--wp--preset--font-family--ibm-plex-mono,ui-monospace,monospace);
--r-f-ar:var(--wp--preset--font-family--amiri,"Amiri","Noto Naskh Arabic",serif);
--r-f-quran:var(--wp--preset--font-family--amiri-quran,"Amiri Quran","Amiri","Noto Naskh Arabic",serif);
--r-dur-0:var(--wp--custom--dur--0,80ms);
--r-dur-1:var(--wp--custom--dur--1,160ms);
--r-dur-2:var(--wp--custom--dur--2,220ms);
--r-dur-3:var(--wp--custom--dur--3,300ms);
--r-dur-4:var(--wp--custom--dur--4,450ms);
--r-ease:var(--wp--custom--ease--std,cubic-bezier(.22,.61,.36,1));
--r-ease-expo:var(--wp--custom--ease--out-expo,cubic-bezier(.19,1,.22,1));
--r-player-h:var(--wp--custom--player--h,64px);
}
@media (max-width:719px){:where(:root){--r-player-h:var(--wp--custom--player--h-mobil,56px)}}

/* 2. Sayı ve konu kapsamı */
:where(:root){--sayi:var(--r-ink)}
[data-sayi]{--sayi:light-dark(var(--sayi-acik,var(--r-ink)),var(--sayi-koyu,var(--r-ink)))}
:where(:root),[data-sayi]{
--sayi-05:color-mix(in oklab,var(--sayi) 5%,var(--r-paper));
--sayi-15:color-mix(in oklab,var(--sayi) 15%,var(--r-paper));
--sayi-35:color-mix(in oklab,var(--sayi) 35%,var(--r-paper));
--takip-cizgi:light-dark(var(--sayi),var(--r-ink));
}
[data-konu]{--konu:light-dark(var(--konu-acik,var(--r-ink)),var(--konu-koyu,var(--r-ink)))}

/* 3. İlkel bileşenler */
.r-gizli{position:absolute!important;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.r-onizleme{margin:0;padding:12px 16px;border:1px dashed var(--r-rule-strong);font:400 13px/1.5 var(--r-f-sans);color:var(--r-ink-2)}
.r-bos{display:none}
.r-ikon{display:inline-block;flex-shrink:0;vertical-align:middle;color:inherit}
:where([class^="r-"],[class*=" r-"]):focus-visible{outline:2px solid var(--r-accent);outline-offset:3px}

.r-muhur{display:inline-block;flex-shrink:0;inline-size:40px;block-size:40px;color:#B99347}
.r-muhur>svg{display:block;inline-size:100%;block-size:100%}
.r-muhur--28{inline-size:28px;block-size:28px}
.r-muhur--32{inline-size:32px;block-size:32px}
.r-muhur--16{inline-size:16px;block-size:16px}

.r-mikro{font:400 13px/1.5 var(--r-f-sans);color:var(--r-ink-2);font-variant-numeric:tabular-nums}
.r-rubrik,.r-kicker{font:600 12px/1.2 var(--r-f-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--r-accent);margin:0}
.r-rubrik::before{content:"["}.r-rubrik::after{content:"]"}
.r-grup-basligi{font:600 12px/1.2 var(--r-f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--r-ink-2);margin:32px 0 0;padding-block-end:8px;border-block-end:1px solid var(--r-line)}
.r-hurmet{font-size:.8em;color:var(--r-ink-2)}
.r-bolunmez{white-space:nowrap}

/* Düğmeler */
.r-metin-dugme{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;padding:0;background:none;border:0;color:var(--r-ink);font:400 15px/1.33 var(--r-f-sans);text-decoration:underline 1px var(--r-accent);text-underline-offset:.2em;cursor:pointer;transition:text-decoration-thickness var(--r-dur-1) var(--r-ease)}
.r-ikon-dugme{display:inline-grid;place-items:center;inline-size:44px;block-size:44px;padding:0;background:transparent;border:0;border-radius:0;color:var(--r-ink);cursor:pointer;transition:background-color var(--r-dur-1) var(--r-ease)}
.r-dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:48px;padding:0 20px;border:1px solid var(--r-ink);border-radius:0;background:var(--r-ink);color:var(--r-paper);font:600 15px/1.33 var(--r-f-sans);text-decoration:none;cursor:pointer;transition:background-color var(--r-dur-1) var(--r-ease),color var(--r-dur-1) var(--r-ease)}
.r-dugme--ikincil{background:var(--r-paper);color:var(--r-ink);border-color:var(--r-rule-strong)}
.r-dugme[aria-disabled="true"]{background:var(--r-paper);color:var(--r-ink-2);border-color:var(--r-ink-2);cursor:default}

/* Oynat düğmesi (§7.4; E3 üretir) */
.r-oynat{--r-o:40px;position:relative;display:inline-grid;place-items:center;flex-shrink:0;inline-size:var(--r-o);block-size:var(--r-o);padding:0;border:0;border-radius:999px;background:var(--sayi);color:var(--r-paper);cursor:pointer;transition:background-color var(--r-dur-3) var(--r-ease),transform var(--r-dur-0) var(--r-ease)}
.r-oynat--56{--r-o:56px}.r-oynat--48{--r-o:48px}.r-oynat--44{--r-o:44px}
.r-oynat::after{content:"";position:absolute;inset:min(0px,calc((var(--r-o) - 44px) / 2))}
.r-oynat .r-ikon{inline-size:20px;block-size:20px}
.r-oynat--56 .r-ikon,.r-oynat--48 .r-ikon{inline-size:24px;block-size:24px}
.r-oynat:active{transform:scale(.92)}
.r-oynat .r-ikon--duraklat,.r-oynat--caliyor .r-ikon--oynat{display:none}
.r-oynat--caliyor .r-ikon--duraklat{display:inline-block}
.r-oynat--yukleniyor{animation:r-nabiz 1.2s var(--r-ease) infinite}
@keyframes r-nabiz{50%{opacity:.55}}

/* Liste hapı (SPEC 3.13) */
.r-hap-kap{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.r-hap{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;block-size:28px;padding:0 10px;border:0;border-radius:999px;background:var(--r-paper-3);color:var(--r-ink);font:500 14px/16px var(--r-f-sans);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:background-color var(--r-dur-1) var(--r-ease),color var(--r-dur-1) var(--r-ease)}
.r-hap::after{content:"";position:absolute;inset:-8px 0}
/* Sayı bandında hap zemini bandın kendi tonundan (N5); metin ink, AA */
[class*="is-style-sayi-bandi"] .r-hap{background:color-mix(in oklab,var(--sayi) 12%,var(--r-paper))}
.r-hap .r-ikon{inline-size:16px;block-size:16px}
.r-hap .r-ikon--duraklat,.r-hap .r-ikon--dinlendi,.r-hap__iz{display:none}
.r-hap--caliyor .r-ikon--oynat,.r-hap--dinlendi .r-ikon--oynat{display:none}
.r-hap--caliyor .r-ikon--duraklat,.r-hap--dinlendi:not(.r-hap--caliyor) .r-ikon--dinlendi{display:inline-block}
.r-hap--dinlendi:not(.r-hap--caliyor){color:var(--r-ink-2)}
.r-hap--yarim .r-hap__iz{display:block;inline-size:24px;block-size:2px;background:var(--sayi-35)}
.r-hap__dolgu{display:block;block-size:100%;inline-size:0;background:var(--sayi)}
.r-oku{font:400 13px/16px var(--r-f-sans);color:var(--r-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.r-ilerleme{display:block;block-size:2px;background:var(--sayi-35)}
.r-ilerleme>*,.r-ilerleme__dolgu{display:block;block-size:100%;background:var(--sayi)}

/* "Tamamını dinle" */
.r-tumunu-dinle{gap:8px;text-decoration:none}
.r-tumunu-dinle__metin{text-decoration:underline 1px var(--r-accent);text-underline-offset:.2em}
.r-ses-kapagi{display:block;flex-shrink:0;border-radius:0}

/* Liste öğesi (SPEC 3.12) */
.r-oge{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:start;padding-block:24px;border-block-end:1px solid var(--r-line);list-style:none}
.r-oge:has(>.r-oge__no){grid-template-columns:48px minmax(0,1fr) auto}
.r-oge__no{margin:0;padding-block-start:4px;font:400 14px/20px var(--r-f-mono);color:var(--r-ink-2);font-variant-numeric:tabular-nums}
.r-oge__govde{min-inline-size:0}
.r-oge__baglanti{color:inherit;text-decoration:none}
.r-oge__baglanti::after{content:"";position:absolute;inset:0}
.r-oge__baslik{margin:0;font:400 20px/26px var(--r-f-serif);letter-spacing:-.01em;color:var(--r-ink);text-wrap:balance;text-decoration:none;transition:color var(--r-dur-1) var(--r-ease)}
.r-oge__yazar{margin:6px 0 0;font:400 14px/20px var(--r-f-sans);color:var(--r-ink-2)}
.r-oge__dek{margin:8px 0 0;font:400 15px/22px var(--r-f-sans);color:var(--r-ink-2)}
.r-oge__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin:6px 0 0;font:400 13px/18.2px var(--r-f-sans);letter-spacing:.02em;color:var(--r-ink-2);font-variant-numeric:tabular-nums}
.r-oge__meta--ust{margin:0 0 12px}
.r-oge__meta .r-rozet{position:relative;z-index:1;min-block-size:0;font-size:13px}
.r-oge__rubrik{margin-block-end:8px}
.r-oge__ses{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding-block-start:2px}
.r-oge__sure{align-self:center;font:400 13px/16px var(--r-f-mono);color:var(--r-ink-2);font-variant-numeric:tabular-nums}
.r-oge--caliyor::before,.r-oge--mevcut::before{content:"";position:absolute;inset-block:16px;inset-inline-start:-16px;inline-size:2px;background:var(--sayi)}
.r-oge--mevcut::before{background:var(--r-ink)}
.r-oge--kompakt,.r-oge--yeni-satir{padding-block:16px}
.r-oge--yeni{display:block}
.r-oge--yeni .r-oge__yazar{margin-block-start:8px}
.r-oge--yeni .r-oge__ses,.r-oge--arama .r-oge__ses{justify-content:flex-start;margin-block-start:16px}
.r-oge--parca{align-items:center;min-block-size:48px;padding-block:12px}
.r-oge--parca:has(>.r-oge__no){grid-template-columns:48px minmax(0,1fr) auto}
.r-oge--parca .r-oge__baslik{font-size:18px;line-height:24px}
/* < 520 parça ve yeni-satır düzeni: icindekiler/style.css; arşiv/konu/arama kompakt satırı (.r-oge--arama): hap/style.css ve arama-sonuclari/style.css */
.r-oge--yazar .r-oge__baslik{font-size:clamp(22px,1.375rem + .3vw,26px);line-height:1.25}
.r-oge--yazar .r-oge__baslik,.r-oge--yazar .r-oge__dek{margin-block-start:8px}
.r-oge--yazar .r-oge__rubrik+.r-oge__baglanti .r-oge__baslik{margin-block-start:0}
.r-oge--parca .r-oge__yazar{font-size:13px;line-height:18px}
@media (max-width:719px){
.r-oge{padding-block:16px}
.r-oge--tam,.r-oge--ozet,.r-oge--yazar,.r-oge--kompakt{grid-template-columns:minmax(0,1fr)}
.r-oge--tam:has(>.r-oge__no),.r-oge--ozet:has(>.r-oge__no),.r-oge--yazar:has(>.r-oge__no),.r-oge--kompakt:has(>.r-oge__no){grid-template-columns:48px minmax(0,1fr)}
.r-oge--tam .r-oge__ses,.r-oge--ozet .r-oge__ses,.r-oge--yazar .r-oge__ses,.r-oge--kompakt .r-oge__ses{grid-column:-2/-1;justify-content:flex-start;margin-block-start:12px}
.r-oge--caliyor::before,.r-oge--mevcut::before{inset-inline-start:-12px}
}

/* Segment, çip, rozet */
.r-segment{display:inline-flex;border:1px solid var(--r-rule-strong)}
.r-segment__oge{position:relative;block-size:48px;padding:0 16px;border:0;border-radius:0;background:var(--r-paper);color:var(--r-ink);font:400 15px/1 var(--r-f-sans);cursor:pointer}
.r-segment__oge+.r-segment__oge{border-inline-start:1px solid var(--r-rule-strong)}
.r-segment__oge::after{content:"";position:absolute;inset:-3px 0}
.r-segment__oge[aria-pressed="true"]{background:var(--r-accent-soft);color:var(--r-accent)}
.r-cip{position:relative;display:inline-flex;align-items:center;gap:4px;min-block-size:36px;padding:0 12px;border:1px solid var(--r-rule-strong);border-radius:0;background:var(--r-accent-soft);color:var(--r-accent);font:400 14px/1.2 var(--r-f-sans);text-decoration:none}
.r-cip::after{content:"";position:absolute;inset:-4px 0}
.r-rozet{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;color:var(--r-ink);font:400 14px/20px var(--r-f-sans);text-decoration:none}
.r-rozet__nokta{inline-size:8px;block-size:8px;flex-shrink:0;border-radius:50%;background:var(--konu,var(--r-ink))}
a.r-rozet .r-rozet__ad{transition:color var(--r-dur-1) var(--r-ease)}

/* Hover yalnız ince imleçte */
@media (hover:hover) and (pointer:fine){
.r-metin-dugme:hover,.r-tumunu-dinle:hover .r-tumunu-dinle__metin{text-decoration-thickness:2px}
.r-ikon-dugme:hover{background:var(--r-paper-3)}
.r-dugme:hover{background:var(--r-paper);color:var(--r-ink)}
.r-dugme--ikincil:hover{background:var(--r-ink);color:var(--r-paper)}
.r-oynat:hover{background:var(--r-ink)}
.r-hap:hover{background:var(--r-ink);color:var(--r-paper)}
.r-oge:hover .r-oge__baslik,a.r-rozet:hover .r-rozet__ad{color:var(--r-ink-2)}
}
.r-oge__baglanti:focus-visible{outline:0}
.r-oge__baglanti:focus-visible::after{outline:2px solid var(--r-accent);outline-offset:3px}
a.r-rozet:focus-visible .r-rozet__ad{text-decoration-color:currentColor}

@media (prefers-reduced-motion:reduce){
:where([class^="r-"],[class*=" r-"]){transition-duration:.01ms!important;animation:none!important}
.r-oynat:active{transform:none}
}
@media (forced-colors:active){
.r-rozet__nokta,.r-hap__dolgu,.r-ilerleme>*{background:CanvasText}
.r-oynat,.r-hap,.r-segment__oge[aria-pressed="true"]{border:1px solid ButtonText}
.r-oge--caliyor::before,.r-oge--mevcut::before{background:Highlight}
}