/* === Gizli Sayfalar — Magazine Reader === */
.reader-shell{min-height:100vh;background:#111716;color:#eee8dc}
.reader-top{position:sticky;top:0;z-index:50;background:rgba(14,19,18,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(238,232,219,.12)}
.reader-bar{min-height:66px;display:flex;align-items:center;gap:16px}
.reader-brand{font:11px var(--sans);letter-spacing:.17em;color:#ddd4c4;white-space:nowrap}
.reader-title{font-size:15px;color:#a9a092;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reader-actions{margin-left:auto;display:flex;align-items:center;gap:7px}
.reader-icon{width:38px;height:38px;border:1px solid rgba(238,232,219,.18);background:transparent;color:#eee8dc;cursor:pointer;font:13px var(--sans)}
.reader-icon:hover{background:#283330}
.reader-progress{height:2px;background:#303836}
.reader-progress i{display:block;height:100%;width:0;background:#cdbb99;transition:width .12s}
.reader-layout{display:grid;grid-template-columns:240px minmax(0,780px);gap:55px;max-width:1120px;margin:0 auto;padding:55px 24px 100px}
.reader-toc{position:sticky;top:90px;height:max-content;border-right:1px solid rgba(238,232,219,.12);padding-right:25px}
.reader-toc h2{font:10px var(--sans);letter-spacing:.2em;color:#b9ae9b;margin:0 0 18px}
.reader-toc a{display:block;padding:9px 0;color:#918a7e;font-size:14px;border-bottom:1px solid rgba(238,232,219,.06)}
.reader-toc a:hover,.reader-toc a.current{color:#eee8dc}
.reader-page-shell{min-width:0}
.mag-page{background:#f5efe4;color:#211f1b;box-shadow:0 22px 70px rgba(0,0,0,.3);padding:76px clamp(28px,7vw,86px);min-height:760px}
.mag-meta{font:10px var(--sans);letter-spacing:.18em;color:#766d60;text-transform:uppercase}
.mag-page h1{font-size:clamp(42px,6vw,70px);font-weight:400;line-height:1.02;letter-spacing:-.035em;margin:15px 0 12px}
.mag-page .lead{font-size:20px;color:#665e52;margin:0 0 35px}
.mag-page h2{font-size:29px;font-weight:400;margin-top:45px}
.mag-page h3{font-size:22px;font-weight:400;margin-top:35px}
.mag-page p,.mag-page li{font-size:18px;line-height:1.9}
.mag-page p{margin:0 0 1.2em}
.mag-page blockquote{border-left:2px solid #a18c69;margin:35px 0;padding:5px 0 5px 25px;font-style:italic;color:#61584d}
.mag-page .dropcap:first-letter{float:left;font-size:4.3em;line-height:.8;padding:8px 9px 0 0}
.mag-page hr{border:0;border-top:1px solid #d2c8b8;margin:42px 0}
.reader-footer{max-width:780px;margin:0 auto;padding:0 24px 80px;display:flex;justify-content:space-between;gap:15px}
.reader-nav{border:1px solid rgba(238,232,219,.2);padding:13px 17px;color:#ded6c7;font:10px var(--sans);letter-spacing:.1em}
.reader-nav:hover{background:#26302d}
.reader-settings{position:fixed;right:22px;bottom:22px;z-index:60;background:#eee8dc;color:#171b19;padding:14px;box-shadow:0 10px 35px rgba(0,0,0,.3);display:none;width:250px}
.reader-settings.open{display:block}
.reader-settings h3{font:10px var(--sans);letter-spacing:.15em;margin:0 0 12px}
.reader-setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:9px 0;font:12px var(--sans)}
.reader-setting-row button{border:1px solid #b9ae9e;background:#f8f3e9;padding:5px 9px;cursor:pointer}
.reader-shell.sepia .mag-page{background:#e9dfcc}
.reader-shell.dark-paper .mag-page{background:#202625;color:#e9e3d7}
.reader-shell.dark-paper .mag-page .lead,.reader-shell.dark-paper .mag-page p{color:#d0c8bb}
.reader-shell.dark-paper .mag-page blockquote{color:#cfc6b7}
.reader-shell.dark-paper .mag-page hr{border-color:#46504c}
@media(max-width:820px){
  .reader-layout{display:block;padding:28px 12px 70px}
  .reader-toc{position:relative;top:auto;border-right:0;border-bottom:1px solid rgba(238,232,219,.12);padding:0 0 16px;margin-bottom:20px}
  .reader-toc h2{margin-bottom:7px}
  .reader-toc a{display:inline-block;border:1px solid rgba(238,232,219,.13);padding:7px 9px;margin:4px 3px 0 0;font-size:11px}
  .mag-page{padding:42px 23px;min-height:0}
  .mag-page .lead{font-size:18px}
  .mag-page p,.mag-page li{font-size:17px;line-height:1.82}
  .reader-footer{padding:0 12px 50px}
}
@media(max-width:480px){
  .reader-bar{min-height:58px}
  .reader-brand{font-size:9px;letter-spacing:.11em}
  .reader-title{display:none}
  .reader-actions{gap:4px}
  .reader-icon{width:34px;height:34px}
  .mag-page{padding:35px 19px}
  .mag-page h1{font-size:39px}
  .mag-page p,.mag-page li{font-size:16.5px}
  .reader-settings{left:14px;right:14px;bottom:14px;width:auto}
}