:root{
  --accent:#FF5A5F; --accent-2:#0E7C7B; --accent-3:#F2B705;
  --ink:#22223B; --paper:#FFF8F0;
  --bg:#FFF8F0; --surface:#ffffff; --surface-2:#fdefe2; --text:#22223B; --muted:#6b6b7b;
  --border:#ece2d6; --shadow:0 6px 24px rgba(34,34,59,.08); --shadow-sm:0 2px 8px rgba(34,34,59,.06);
  --radius:18px; --radius-sm:12px; --radius-lg:28px;
  --maxw:1100px; --gap:1.25rem;
  --font:'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --font-scale:1;
  --card-accent:var(--accent);
}
[data-theme="dark"]{
  --bg:#16161f; --surface:#1f1f2b; --surface-2:#262633; --text:#f3f0ec; --muted:#a6a6b8;
  --border:#33333f; --paper:#16161f; --shadow:0 6px 24px rgba(0,0,0,.4); --shadow-sm:0 2px 8px rgba(0,0,0,.3);
}
/* Kitle modlari */
[data-audience="cocuk"]{ --radius:26px; --radius-sm:18px; --font-scale:1.06; }
[data-audience="yetiskin"]{ --radius:12px; --radius-sm:8px; }
/* Konu aksanlari */
[data-category="matematik"]{--card-accent:#4C6FFF}[data-category="hayvanlar"]{--card-accent:#2BB673}
[data-category="meyveler-sebzeler"]{--card-accent:#E5483D}[data-category="doga-bitkiler"]{--card-accent:#1FA774}
[data-category="fen-bilim"]{--card-accent:#8E5AF7}[data-category="uzay"]{--card-accent:#3D5AFE}
[data-category="cografya"]{--card-accent:#0E9AA7}[data-category="teknoloji"]{--card-accent:#555E7B}
[data-category="esyalar"]{--card-accent:#C77D2F}[data-category="vucudumuz"]{--card-accent:#FF5A5F}
[data-category="renkler"]{--card-accent:#E84393}[data-category="mevsimler"]{--card-accent:#00A8A8}
[data-category="yiyecek-icecek"]{--card-accent:#F2994A}[data-category="ulasim"]{--card-accent:#2D9CDB}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:calc(1rem*var(--font-scale));line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
h1,h2,h3{line-height:1.2;color:var(--text);margin:.2em 0 .5em}
h1{font-size:clamp(1.7rem,4vw,2.6rem)}h2{font-size:clamp(1.3rem,3vw,1.9rem)}
a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{width:min(100% - 2rem,var(--maxw));margin-inline:auto}
.section{padding-block:2.2rem}
.section.narrow{width:min(100% - 2rem,720px)}
.muted{color:var(--muted)}
.center{text-align:center}
hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}
.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius-sm) 0;z-index:1000}
.skip-link:focus{left:0}
:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px;border-radius:4px}

/* Butonlar */
.btn{display:inline-flex;align-items:center;gap:.5rem;border:2px solid transparent;border-radius:999px;padding:.6rem 1.2rem;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .12s,box-shadow .2s,background .2s;text-decoration:none;line-height:1}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{box-shadow:0 6px 18px rgba(255,90,95,.35)}
.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}
.btn-ghost:hover{border-color:var(--accent-2);color:var(--accent-2)}
.btn-lg{padding:.8rem 1.6rem;font-size:1.1rem}
.btn-reveal{background:var(--card-accent,var(--accent));color:#fff}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.site-header .wrap{display:flex;align-items:center;gap:1rem;padding-block:.8rem;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem;color:var(--text)}
.brand:hover{text-decoration:none;color:var(--accent)}
.brand .brand-ico{width:34px;height:34px}
.site-nav{display:flex;gap:.4rem;align-items:center;margin-left:auto;flex-wrap:wrap}
.site-nav a{padding:.4rem .7rem;border-radius:var(--radius-sm);color:var(--text);font-weight:600}
.site-nav a:hover,.site-nav a.is-active{background:var(--surface-2);text-decoration:none;color:var(--accent)}
.nav-search{display:flex;align-items:center}
.nav-search input{border:1px solid var(--border);border-radius:999px;padding:.45rem .9rem;background:var(--bg);color:var(--text);min-width:8rem}
.icon-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;width:40px;height:40px;display:inline-grid;place-items:center;cursor:pointer;color:var(--text);font-size:1.1rem}
.icon-btn:hover{border-color:var(--accent-2)}
.nav-toggle{display:none}
.audience-switch{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px}
.aud-btn{border:none;background:transparent;border-radius:999px;padding:.35rem .8rem;cursor:pointer;color:var(--muted);font-weight:600;font-size:.9rem}
.aud-btn[aria-pressed="true"]{background:var(--accent);color:#fff}

/* Hero */
.hero{padding-block:3rem 1.5rem}
.hero h1{margin-top:0}
.hero .lead{font-size:1.2rem;color:var(--muted);max-width:48ch}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}

.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.section-head .more{font-weight:600}
.page-head{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}
.page-head .page-ico{font-size:2.4rem;background:var(--surface-2);border-radius:var(--radius);width:64px;height:64px;display:grid;place-items:center;border-left:6px solid var(--card-accent,var(--accent))}

/* Izgaralar */
.riddle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gap)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--gap)}
.chip-grid{display:flex;flex-wrap:wrap;gap:.6rem}
.daily-wrap{max-width:560px}

/* Kart */
.riddle-card{background:var(--surface);border:1px solid var(--border);border-top:5px solid var(--card-accent,var(--accent));border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.8rem;transition:transform .15s,box-shadow .2s}
.riddle-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.riddle-card .riddle-q{font-size:1.1rem;font-weight:700;margin:0;color:var(--text)}
.riddle-card .chips{display:flex;flex-wrap:wrap;gap:.4rem}
.card-actions{margin-top:auto;display:flex;gap:.5rem;align-items:center}
.riddle-answer{background:var(--surface-2);border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:1.05rem}
.riddle-answer[hidden]{display:none}
.answer-label{color:var(--muted);font-size:.85rem;display:block}
/* Reveal flip */
.btn-reveal[aria-expanded="true"]{opacity:.6}
.riddle-answer{animation:reveal .35s ease}
@keyframes reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.3rem .7rem;font-size:.85rem;color:var(--text);font-weight:600}
a.chip:hover{border-color:var(--accent-2);text-decoration:none}
.chip-lg{padding:.5rem 1rem;font-size:1rem}
.chip-zorluk[data-zorluk="kolay"]{background:#e6f7ee;color:#138a52;border-color:#bce8d0}
.chip-zorluk[data-zorluk="orta"]{background:#fff4e0;color:#b9770c;border-color:#f3dca8}
.chip-zorluk[data-zorluk="zor"]{background:#fde8e8;color:#c0392b;border-color:#f4c2c2}
[data-theme="dark"] .chip-zorluk{filter:brightness(.85)}

/* Tek bilmece */
.riddle-single{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border-top:6px solid var(--card-accent,var(--accent))}
.riddle-single .riddle-q{font-size:clamp(1.4rem,3vw,2rem)}
.riddle-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}
.riddle-hint{background:var(--surface-2);border-radius:var(--radius-sm);padding:.6rem .9rem}
.riddle-hint span{font-weight:700;color:var(--accent-2)}
.riddle-tools{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
.riddle-explain{margin-top:1rem;color:var(--muted)}
.cat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;box-shadow:var(--shadow-sm);border-left:6px solid var(--card-accent,var(--accent));transition:transform .15s,box-shadow .2s}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none}
.cat-ico{font-size:2rem}
.cat-name{font-weight:700;color:var(--text)}
.cat-count{font-size:.85rem;color:var(--muted)}

/* Filtre */
.filter-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.filter-pill{border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem;font-weight:600;color:var(--text)}
.filter-pill.is-active{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}
.filter-pill:hover{text-decoration:none;border-color:var(--accent-2)}

/* Sayfalama */
.pagination{display:flex;gap:.4rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
.pagination a,.pagination span{min-width:42px;text-align:center;padding:.5rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);font-weight:600}
.pagination .is-active{background:var(--accent);color:#fff;border-color:var(--accent)}
.pagination a:hover{text-decoration:none;border-color:var(--accent-2)}

/* Arama */
.search-big{display:flex;gap:.6rem;margin:1rem 0 1.5rem;flex-wrap:wrap}
.search-big input{flex:1;min-width:200px;border:2px solid var(--border);border-radius:999px;padding:.7rem 1.1rem;font-size:1.05rem;background:var(--surface);color:var(--text)}
.search-big input:focus{border-color:var(--accent-2)}

/* Bos / hata / iskelet */
.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}
.empty-state .empty-ico{font-size:3rem;display:block;margin-bottom:.5rem;opacity:.5}
.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius);min-height:120px}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.alert{padding:.8rem 1rem;border-radius:var(--radius-sm);margin:1rem 0}
.alert-ok{background:#e6f7ee;color:#138a52}
.alert-err{background:#fde8e8;color:#c0392b}
.alert-info{background:#e7f0fb;color:#2466b0}
[data-theme="dark"] .alert{filter:brightness(.9)}

/* Footer */
.site-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:3rem;padding-block:2rem}
.site-footer .foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}
.site-footer h3{font-size:1rem}
.site-footer a{color:var(--muted)}
.site-footer a:hover{color:var(--accent)}
.foot-bottom{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem;color:var(--muted);font-size:.9rem;text-align:center}
.newsletter-form{display:flex;gap:.5rem;flex-wrap:wrap}
.newsletter-form input{flex:1;min-width:160px;border:1px solid var(--border);border-radius:999px;padding:.55rem .9rem;background:var(--bg);color:var(--text)}

/* Cerez & yukari */
.cookie-bar{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:560px;margin-inline:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;box-shadow:var(--shadow);z-index:500;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.cookie-bar p{margin:0;flex:1;min-width:200px;font-size:.92rem}
.cookie-bar .cookie-actions{display:flex;gap:.5rem}
.to-top{position:fixed;bottom:1.2rem;right:1.2rem;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:1.2rem;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s;z-index:400}
.to-top.show{opacity:1;visibility:visible}
.to-top:hover{transform:translateY(-3px)}
.hp{position:absolute!important;left:-9999px!important}
.prose :is(h2,h3){margin-top:1.4em}
.prose ul{padding-left:1.2rem}

/* Mobil */
.nav-toggle{display:none;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:42px;height:42px;cursor:pointer;font-size:1.3rem;color:var(--text)}
@media (max-width:760px){
  .nav-toggle{display:inline-grid;place-items:center;order:3;margin-left:auto}
  .site-nav{order:5;flex-basis:100%;flex-direction:column;align-items:stretch;display:none}
  .site-nav.open{display:flex}
  .site-nav a{padding:.7rem .9rem}
  .nav-search{flex-basis:100%}
  .nav-search input{width:100%}
}

/* ---- Admin ---- */
.admin-login-body{display:grid;place-items:center;min-height:100vh;background:var(--surface-2)}
.admin-login{background:var(--surface);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);width:min(100% - 2rem,380px)}
.admin-login h1{margin-top:0}
.admin-login label,.grid-form label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.92rem;margin-bottom:.8rem}
.admin-login input,.grid-form input,.grid-form textarea,.grid-form select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem;font:inherit;background:var(--bg);color:var(--text)}
.admin-body{background:var(--surface-2);min-height:100vh}
.admin-top{display:flex;align-items:center;justify-content:space-between;background:var(--surface);padding:.8rem 1.2rem;border-bottom:1px solid var(--border)}
.admin-top-r{display:flex;align-items:center;gap:.8rem}
.admin-tabs{display:flex;gap:.2rem;background:var(--surface);padding:0 1.2rem;border-bottom:1px solid var(--border);overflow-x:auto}
.admin-tabs a{padding:.8rem 1rem;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}
.admin-tabs a.is-active{color:var(--accent);border-bottom-color:var(--accent)}
.admin-tabs a:hover{text-decoration:none;color:var(--text)}
.admin-main{width:min(100% - 2rem,960px);margin-inline:auto;padding-block:1.5rem}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-bottom:1.2rem;box-shadow:var(--shadow-sm)}
details.card>summary{cursor:pointer;font-weight:700;font-size:1.05rem}
details.card[open]>summary{margin-bottom:1rem}
.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.grid-form .full{grid-column:1/-1}
.grid-form .check{flex-direction:row;align-items:center;gap:.5rem}
.grid-form textarea{resize:vertical;font-family:inherit}
/* Satir ici form (or. Manuel sabitle) - hizali ve bicimli kontroller */
.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.inline-form+.inline-form{margin-top:.6rem}
.inline-form select,.inline-form input[type="text"]{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem;font:inherit;background:var(--bg);color:var(--text);min-width:min(420px,100%);max-width:100%}
/* Native select'leri tutarli gorunum (ozel ok) */
.admin-body select,.admin-login select,.grid-form select,.inline-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%236b6b7b"><path d="M4 6l4 4 4-4z"/></svg>');background-repeat:no-repeat;background-position:right .65rem center;background-size:1rem;padding-right:2rem}
.admin-body select:focus,.admin-login select:focus,.grid-form input:focus,.grid-form textarea:focus,.grid-form select:focus,.inline-form select:focus,.inline-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
/* Zenginlestirilmis HTML editoru (WordPress benzeri) */
.rte-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);overflow:hidden}
.rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;padding:.4rem;background:var(--surface-2);border-bottom:1px solid var(--border)}
.rte-toolbar button{font:inherit;font-size:.85rem;line-height:1;min-width:2rem;padding:.42rem .55rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}
.rte-toolbar button:hover{background:var(--surface);border-color:var(--border)}
.rte-toolbar button.is-active{background:var(--accent);color:#fff}
.rte-toolbar .rte-sep{width:1px;align-self:stretch;background:var(--border);margin:.15rem .3rem}
.rte-area{min-height:12rem;max-height:32rem;overflow-y:auto;padding:.85rem 1rem;font:inherit;line-height:1.65;color:var(--text)}
.rte-area:focus{outline:none}
.rte-area:empty::before{content:attr(data-placeholder);color:var(--muted)}
.rte-area h2{font-size:1.3rem;margin:.7rem 0 .4rem}
.rte-area h3{font-size:1.1rem;margin:.7rem 0 .4rem}
.rte-area p{margin:.5rem 0}
.rte-area ul,.rte-area ol{margin:.5rem 0;padding-left:1.5rem}
.rte-area blockquote{margin:.6rem 0;padding-left:.9rem;border-left:3px solid var(--accent);color:var(--muted)}
.rte-area a{color:var(--accent-2)}
.admin-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.admin-table th,.admin-table td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border);vertical-align:top}
.admin-table th{background:var(--surface-2);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.row-actions{display:flex;gap:.6rem;align-items:center;white-space:nowrap}
.link-danger{background:none;border:none;color:#c0392b;cursor:pointer;font:inherit;padding:0;text-decoration:underline}
.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--surface-2);color:var(--muted)}
.badge-ok{background:#e6f7ee;color:#138a52}.badge-warn{background:#fff4e0;color:#b9770c}.badge-err{background:#fde8e8;color:#c0392b}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem;margin:1rem 0}
.feature-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem 1rem}
.feature-text{display:flex;flex-direction:column}
.feature-text small{color:var(--muted);font-weight:400}
.code-block{display:block;background:var(--ink);color:#fff;padding:.7rem .9rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.85rem;word-break:break-all}
pre.log{background:var(--ink);color:#d7f5e8;padding:1rem;border-radius:var(--radius-sm);overflow:auto;max-height:340px;font-size:.82rem}
.kat-editor{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}
.kat-row{display:grid;grid-template-columns:1.2fr 1.4fr 80px 60px 2fr auto;gap:.5rem;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem}
.kat-row input{border:1px solid var(--border);border-radius:8px;padding:.4rem .5rem;font:inherit;width:100%;background:var(--bg);color:var(--text)}
@media (max-width:760px){.grid-form{grid-template-columns:1fr}.kat-row{grid-template-columns:1fr 1fr;}}
@media print{.site-header,.site-footer,.riddle-tools,.cookie-bar,.to-top,.nav-toggle{display:none!important}body{background:#fff;color:#000}}

/* ============================================================
   Ek bilesen stilleri (header arac dugmeleri, marka, footer,
   arsiv, iletisim formu, denetim) - eksik CSS tamamlamasi
   ============================================================ */
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:1.35rem;line-height:1;background:var(--accent);color:#fff;border-radius:12px;flex:0 0 auto;box-shadow:var(--shadow-sm)}
.brand-name{font-weight:800;font-size:1.25rem;color:var(--text)}

.theme-toggle,.font-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;min-width:42px;height:42px;display:inline-grid;place-items:center;cursor:pointer;color:var(--text);font-size:1.05rem;font-weight:600;padding:0 .65rem;transition:border-color .2s,background .2s,color .2s}
.theme-toggle:hover,.font-toggle:hover{border-color:var(--accent-2);color:var(--accent-2)}
.nav-search{position:relative}
.nav-search button{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:42px;min-width:42px;display:inline-grid;place-items:center;cursor:pointer;color:var(--text);font-size:1rem;margin-left:.35rem;transition:border-color .2s,background .2s,color .2s}
.nav-search button:hover{border-color:var(--accent-2);color:var(--accent-2)}

/* Footer */
.site-footer{margin-top:3rem;border-top:1px solid var(--border);background:var(--surface)}
.site-footer .wrap{padding-block:2.2rem}
.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1.6fr;gap:2rem;align-items:start}
.footer-brand strong{display:block;font-size:1.1rem;color:var(--text);margin-bottom:.4rem}
.footer-brand p{margin:0;color:var(--muted)}
.footer-nav{display:flex;flex-direction:column;gap:.45rem}
.footer-nav a{color:var(--text);font-weight:600}
.footer-nav a:hover{color:var(--accent);text-decoration:none}
.footer-news h3{margin:0 0 .55rem;font-size:1.05rem}
.footer-news p{margin:0 0 .7rem;color:var(--muted)}
.news-form{display:flex;gap:.5rem;flex-wrap:wrap}
.news-form input{flex:1 1 12rem;min-width:0;padding:.6rem .85rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);font:inherit}
.news-form button{border:0;background:var(--accent);color:#fff;border-radius:999px;padding:.6rem 1.2rem;font-weight:700;cursor:pointer;white-space:nowrap}
.news-form button:hover{box-shadow:0 6px 18px rgba(255,90,95,.35)}
.footer-base{margin-top:1.8rem;padding-top:1.1rem;border-top:1px solid var(--border);color:var(--muted);display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center}
.footer-base a{color:var(--muted)}
.footer-base a:hover{color:var(--accent)}
@media (max-width:760px){.footer-inner{grid-template-columns:1fr;gap:1.4rem}}

/* Arsiv listesi */
.archive-list{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.6rem}
.archive-list li{display:flex;gap:1rem;align-items:baseline;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}
.archive-list li:hover{border-color:var(--accent-2)}
.archive-date{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9rem}
.archive-list a{color:var(--text);font-weight:600}
.archive-list a:hover{color:var(--accent);text-decoration:none}

/* Iletisim formu */
.contact-box{margin-top:1.8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}
.contact-form{display:grid;gap:.95rem;max-width:36rem}
.contact-form label{display:grid;gap:.35rem;font-weight:600;color:var(--text)}
.contact-form input,.contact-form textarea{padding:.65rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;width:100%}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent-2)}
.contact-form textarea{min-height:8rem;resize:vertical}
.contact-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form button{justify-self:start}

/* Rozet ve denetim kaydi (admin) */
.badge-warn{display:inline-block;background:#fff4e0;color:#b9770c;border:1px solid #f3dca8;border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:600}
[data-theme="dark"] .badge-warn{filter:brightness(.9)}
.log{white-space:pre-wrap;word-break:break-word;background:var(--ink);color:#f7f3ec;padding:1rem 1.1rem;border-radius:var(--radius-sm);font-size:.82rem;line-height:1.5;overflow:auto;max-height:24rem}

/* Cerez bildirimi (splash) - gorunurluk garanti */
.cookie-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:1rem;z-index:1200;width:min(100% - 2rem,640px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem}
.cookie-bar[hidden]{display:none}
.cookie-bar h3{margin:0 0 .35rem;font-size:1.05rem}
.cookie-bar p{margin:0 0 .85rem;color:var(--muted);font-size:.92rem}
.cookie-actions{display:flex;gap:.6rem;flex-wrap:wrap}

/* ============================================================
   Gunun Bilmecesi - iki sutunlu, dolu yerlesim + yan panel
   ============================================================ */
.daily-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(264px,1fr);gap:var(--gap);align-items:start}
.daily-main{min-width:0}
.daily-aside{display:grid;gap:1rem;align-content:start}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm)}
.panel h3{margin:0 0 .75rem;font-size:1.05rem}
.aside-search{display:flex;gap:.5rem}
.aside-search input{flex:1 1 auto;min-width:0;padding:.6rem .85rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);font:inherit}
.aside-search input:focus{outline:none;border-color:var(--accent-2)}
.aside-search .btn{padding-inline:1.05rem;white-space:nowrap}
.aside-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.btn.block{display:block;width:100%;text-align:center}
@media (max-width:860px){.daily-grid{grid-template-columns:1fr}}

/* ============================================================
   v3 duzeltmeleri: reveal araligi, kopyala, menu alti arama,
   tek bilmece esit bosluk
   ============================================================ */
/* Tek bilmece: esit, ferah bosluk (buton yapisik durmasin) */
.riddle-single{display:flex;flex-direction:column;gap:1.05rem}
.riddle-single>*{margin:0}
.riddle-explain{color:var(--muted)}
/* Cevabi gor + kopyala ayni satirda */
.reveal-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.btn-copy.copied{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}
/* Menu altinda, menu genisliginde ince arama cubugu */
.searchbar{border-bottom:1px solid var(--border);background:var(--bg)}
.searchbar-form{display:flex;gap:.5rem;align-items:center;padding-block:.55rem}
.searchbar-form input{flex:1 1 auto;min-width:0;padding:.55rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit}
.searchbar-form input:focus{outline:none;border-color:var(--accent-2)}
.searchbar-form .btn{padding-inline:1.3rem;white-space:nowrap}
/* Gunun bilmecesi: tek, sade kart (menu hizasinda, sol) */
.daily-single{max-width:640px}
.daily-single .riddle-card{box-shadow:var(--shadow)}
/* Hero + Gunun Bilmecesi yan yana: sag bos alani doldurur */
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:start}
.hero-grid .hero-text{align-self:center}
.hero-daily{display:flex;flex-direction:column;gap:.75rem}
.hero-daily-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.hero-daily-head h2{margin:0;font-size:1.3rem}
.hero-daily .riddle-card{margin:0;box-shadow:var(--shadow)}
.btn-sm{padding:.4rem .9rem;font-size:.85rem;line-height:1.1}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:1.5rem}}

/* ---- Medya kutuphanesi (admin) ---- */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}
.media-card{border:1px solid var(--border,#e5e7eb);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.media-card>img{width:100%;height:140px;object-fit:cover;background:#f3f4f6}
.media-meta{padding:.5rem .6rem;display:flex;flex-direction:column;gap:.35rem}
.media-meta code{font-size:.72rem;word-break:break-all}
.media-meta .copy-url{width:100%;font-size:.72rem;padding:.25rem .4rem;border:1px solid var(--border,#e5e7eb);border-radius:6px}


/* İçerik, SEO ve yönetim bileşenleri */
.brand-logo{display:block;max-width:180px;height:48px;object-fit:contain}.content-cover{margin:0 0 2rem}.content-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.seo-box,.faq-box{border:1px solid var(--border,#e6e5e3);border-radius:12px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.seo-box legend,.faq-box legend{font-weight:700;padding:0 8px}.faq-admin-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:12px;align-items:start}.faq-section{margin-top:40px}.faq-section details{border-top:1px solid var(--border,#e6e5e3);padding:16px 0}.faq-section summary{font-weight:700;cursor:pointer}.faq-section details .prose{padding-top:12px}.rte-area img{max-width:100%;height:auto}.page-content{max-width:780px}.prose{font-size:1.04rem;line-height:1.75}.prose h2{margin-top:2.2em}.prose p{margin:1em 0}
@media(max-width:720px){.seo-box{grid-template-columns:1fr}.faq-admin-row{grid-template-columns:1fr}.brand-logo{max-width:150px;height:40px}.content-cover{margin-inline:-16px}.content-cover img{border-radius:0}.riddle-single{padding:20px}.admin-table{display:block;overflow-x:auto}}


/* Ayarlar: doğrudan marka görseli yükleme */
.setting-upload{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;padding:20px;border:1px solid var(--border,#e6e5e3);border-radius:12px;background:var(--surface,#fff)}
.setting-upload-preview{display:grid;place-items:center;min-height:132px;padding:14px;border:1px dashed var(--border,#d8d6d2);border-radius:10px;background:var(--soft,#f9f8f7);overflow:hidden}
.setting-upload-preview img{display:block;max-width:100%;max-height:120px;width:auto;height:auto;object-fit:contain}
.setting-upload-preview-icon img{width:96px;height:96px}
.setting-upload-preview-wide{min-height:132px}
.setting-upload-preview-wide img{width:100%;height:auto;max-height:120px;object-fit:contain}
.setting-upload-empty{color:var(--muted,#7d7a75);font-size:.9rem;text-align:center}
.setting-upload-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.setting-upload-fields h3,.setting-upload-fields p{grid-column:1/-1;margin:0}
.setting-upload-fields input[type=file]{padding:10px;background:var(--soft,#f9f8f7)}
@media(max-width:760px){.setting-upload{grid-template-columns:1fr}.setting-upload-fields{grid-template-columns:1fr}.setting-upload-preview{min-height:110px}.setting-upload-preview-wide{min-height:110px}}