.reader-page { background: #111; }
.reader-intro { background: radial-gradient(circle at 80% 15%, rgba(57,87,120,.35), transparent 36%), linear-gradient(135deg,#020202,#111827); }
.reader-intro-inner { display:grid; width:min(1180px,90vw); margin:0 auto; padding:72px 0; grid-template-columns:minmax(280px,400px) minmax(0,1fr); gap:72px; align-items:center; }
.reader-cover { margin:0; box-shadow:0 30px 80px rgba(0,0,0,.5); }
.reader-cover img { width:100%; border:1px solid rgba(212,175,55,.3); }
.reader-intro h1 { margin:0; max-width:760px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(48px,6vw,86px); font-weight:400; line-height:1; }
.reader-subtitle { max-width:720px; margin:24px 0; color:#cbd4de; font-family:Georgia,"Times New Roman",serif; font-size:clamp(21px,2.4vw,30px); font-style:italic; }
.reader-author { color:#fff; font-size:18px; font-weight:700; }
.reader-author span { color:#9eabb9; font-weight:400; }
.reader-facts { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.reader-facts span { padding:7px 11px; border:1px solid rgba(212,175,55,.32); color:#f2d974; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.reader-description { max-width:730px; color:#c6cbd1; font-size:18px; }
.reader-access-note { max-width:620px; color:#9da5ad; font-size:13px; }
.reader-area { display:grid; width:min(1480px,96vw); margin:0 auto; padding:46px 0 90px; grid-template-columns:280px minmax(0,1fr); gap:34px; align-items:start; }
.reader-toc { position:sticky; top:100px; max-height:calc(100vh - 125px); overflow:auto; padding:24px; border:1px solid rgba(212,175,55,.2); background:#080808; }
.reader-toc h2 { margin:0 0 18px; font-family:Georgia,serif; font-size:28px; font-weight:400; }
.reader-toc nav { display:grid; }
.reader-toc a { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid #232323; color:#ccc; text-decoration:none; font-size:13px; line-height:1.35; }
.reader-toc a:hover,.reader-toc a:focus-visible { color:#f2d974; }
.reader-toc a span { color:#87743c; }
.reader-content { min-width:0; }
.reader-toolbar { position:sticky; z-index:20; top:78px; display:flex; min-height:58px; align-items:center; justify-content:center; gap:10px; padding:9px; border:1px solid #303030; background:rgba(8,8,8,.96); backdrop-filter:blur(10px); }
.reader-toolbar button,.reader-toolbar output { min-height:38px; padding:8px 14px; border:1px solid #3c3c3c; color:#e8e3da; background:#161616; font:inherit; font-size:13px; }
.reader-toolbar button { cursor:pointer; }
.reader-toolbar button:hover,.reader-toolbar button:focus-visible { border-color:#d4af37; color:#f2d974; }
.reader-toolbar output { display:inline-flex; align-items:center; }
.reader-progress { position:sticky; z-index:21; top:136px; height:3px; background:#252525; }
.reader-progress span { display:block; width:0; height:100%; background:#d4af37; transition:width .15s linear; }
.book-pages { --reader-page-width: 980px; display:grid; justify-items:center; gap:24px; padding-top:24px; }
.book-page { width:min(var(--reader-page-width),100%); margin:0; scroll-margin-top:158px; background:#fff; box-shadow:0 14px 40px rgba(0,0,0,.34); }
.book-page img { width:100%; height:auto; user-select:none; -webkit-user-drag:none; }
.book-page figcaption { padding:8px 12px; color:#777; background:#f4f4f4; font-size:11px; text-align:center; }
.reader-page.reader-wide .reader-area { grid-template-columns:240px minmax(0,1fr); }
.reader-page.reader-wide .book-pages { --reader-page-width: 1191px; }
.reader-noscript { padding:30px; color:#fff; background:#7a3438; }
@media (max-width:900px) {
  .reader-intro-inner { grid-template-columns:1fr; gap:38px; }
  .reader-cover { max-width:430px; margin-inline:auto; }
  .reader-area,.reader-page.reader-wide .reader-area { grid-template-columns:1fr; width:min(1100px,96vw); }
  .reader-toc { position:static; max-height:none; }
  .reader-toc nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
  .reader-toolbar { top:0; }
  .reader-progress { top:58px; }
  .book-page { scroll-margin-top:80px; }
}
@media (max-width:600px) {
  .reader-intro-inner { padding:46px 0; }
  .reader-intro h1 { font-size:46px; }
  .reader-area { width:100%; padding-top:0; }
  .reader-toc { margin:16px; }
  .reader-toc nav { grid-template-columns:1fr; }
  .reader-toolbar { gap:5px; overflow-x:auto; justify-content:flex-start; }
  .reader-toolbar button,.reader-toolbar output { padding:7px 10px; white-space:nowrap; }
  .book-pages { gap:14px; padding-top:14px; }
  .book-page figcaption { padding:6px; }
}
@media print {
  .reader-page main,.reader-page header,.reader-page footer { display:none!important; }
  .reader-page::before { content:"Bu yayın yalnızca çevrimiçi okuma için sunulmaktadır."; display:block; padding:40px; color:#000; background:#fff; }
}