.memoryPage{max-width:680px;margin:auto;padding:14px 12px 70px}.mobileHead{background:#fff;border:1px solid #dce8f1;border-radius:18px;padding:14px;margin-bottom:12px}.mobileHead>a{display:inline-block;text-decoration:none;font-weight:900;color:#0a6599;padding:7px 0 12px}.mobileHead small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#2782b8}.mobileHead h1{font-size:25px;line-height:1.15;margin:3px 0 4px;color:#173f60}.mobileHead p{margin:0;color:#6f8495;font-size:13px}.mobileList{display:grid;gap:9px}.mobileRow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px;background:#fff;border:1px solid #dce8f1;border-radius:15px;text-decoration:none;color:#173f60;min-height:78px}.mobileRow>div{min-width:0}.mobileRow small{display:block;font-size:10px;color:#4b86a8;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileRow b{display:block;font-size:16px;line-height:1.25}.mobileRow span{display:block;color:#7a8d9c;font-size:11px;margin-top:5px}.mobileRow>strong{font-size:28px;color:#31a5ce}.noteRow b{font-size:15px}.memoryEmpty{padding:22px;background:#fff;border:1px dashed #c8dce9;border-radius:15px}.memoryConversation{padding:2px}.memoryMsg{max-width:94%;padding:11px 12px;border-radius:14px;margin:9px 0}.memoryMsg.student{margin-left:auto;background:#e7f5ff;border-bottom-right-radius:5px}.memoryMsg.teacher{background:#f1f5f7;border-bottom-left-radius:5px}.memoryWho{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.memoryWho b{font-size:11px;color:#15577e}.memoryWho small{font-size:9px;color:#8294a2}.memoryText{font-size:14px;line-height:1.58;color:#203e54;overflow-wrap:anywhere}@media(min-width:681px){.memoryPage{padding-top:22px}.mobileRow{padding:17px}.memoryText{font-size:15px}}
/* KİTAPLARIM — Mobile Reading V1 */
.memoryConversation{display:grid;gap:12px;padding:2px 0}
.studentPrompt{margin-left:12%;padding:10px 12px;background:#e8f5ff;border:1px solid #cce8f8;border-radius:14px 14px 5px 14px}
.studentPromptMeta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:5px}
.studentPromptMeta b{font-size:10px;letter-spacing:.04em;color:#14648f}
.studentPromptMeta small{font-size:9px;color:#7891a1}
.studentPromptText{font-size:13px;line-height:1.5}
.lessonPage{width:100%;background:#fff;border:1px solid #dce8f1;border-radius:18px;padding:15px 14px;box-shadow:0 4px 16px rgba(23,63,96,.055)}
.lessonPageHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e8eff4}
.lessonPageHead>div{display:grid;gap:2px}.lessonPageHead small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#2782b8}.lessonPageHead b{font-size:14px;color:#173f60}.lessonPageHead>span{font-size:9px;color:#8a9ba7}
.lessonContent{font-size:15px;line-height:1.68;color:#203e54;overflow-wrap:anywhere}
.lessonContent p:first-child{margin-top:0}.lessonContent p:last-child{margin-bottom:0}
.lessonContent svg{display:block;max-width:100%!important;height:auto!important;margin:12px auto}
.lessonContent mjx-container[display="true"]{max-width:100%;overflow-x:auto;overflow-y:hidden;padding:6px 0;margin:10px 0!important;-webkit-overflow-scrolling:touch}
.lessonContent mjx-container:not([display="true"]){max-width:100%}
.lessonContent img{max-width:100%;height:auto}
.memoryText{min-width:0}
@media(max-width:420px){
 .memoryPage{padding-left:10px;padding-right:10px}
 .mobileHead{border-radius:15px;padding:12px}
 .mobileHead h1{font-size:22px}
 .lessonPage{border-radius:15px;padding:13px 12px}
 .lessonContent{font-size:14.5px;line-height:1.64}
 .studentPrompt{margin-left:8%}
}
@media(min-width:681px){
 .lessonPage{padding:18px 20px}
 .lessonContent{font-size:15.5px}
}

/* KİTAPLARIM — Student_v2 Theme Integration V1.1
   student-design-system.css değişkenleri tek renk otoritesidir. */
.memoryPage{color:var(--sv-text)}
.mobileHead{
  background:var(--sv-surface);
  border-color:var(--sv-line);
}
.mobileHead>a{color:var(--sv-accent,#79c8ff)}
.mobileHead small{color:var(--sv-accent,#79c8ff)}
.mobileHead h1{color:var(--sv-text)}
.mobileHead p{color:var(--sv-text-muted)}

.studentPrompt{
  background:var(--sv-surface-raised);
  border-color:var(--sv-line);
  color:var(--sv-text);
}
.studentPromptMeta b{color:var(--sv-text-soft)}
.studentPromptMeta small{color:var(--sv-text-muted)}
.studentPromptText{color:var(--sv-text)}

.lessonPage{
  background:var(--sv-surface);
  border-color:var(--sv-line);
  color:var(--sv-text);
  box-shadow:0 4px 16px rgba(0,0,0,.10);
}
.lessonPageHead{border-bottom-color:var(--sv-line)}
.lessonPageHead small{color:var(--sv-accent,#79c8ff)}
.lessonPageHead b{color:var(--sv-text)}
.lessonPageHead>span{color:var(--sv-text-muted)}
.lessonContent,
.lessonContent p,
.lessonContent li,
.lessonContent div,
.lessonContent span{
  color:var(--sv-text);
}
.lessonContent a{color:var(--sv-accent,#79c8ff)}
.lessonContent svg{background:transparent}
.lessonContent mjx-container{color:var(--sv-text)!important}

/* Raf ve liste ekranları da aynı gece/gündüz sözleşmesine uyar. */
.mobileRow,.memoryEmpty{
  background:var(--sv-surface);
  border-color:var(--sv-line);
  color:var(--sv-text);
}
.mobileRow small,.mobileRow span{color:var(--sv-text-muted)}
.mobileRow>strong{color:var(--sv-accent,#79c8ff)}
.memoryEmpty{color:var(--sv-text)}

/* KİTAPLARIM — Learning Pages / Swipe V2 */
.bookReader{display:grid;gap:10px;min-width:0}
.pageRail{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:36px 1fr 36px;gap:6px;align-items:center;padding:8px;background:var(--sv-nav-bg);border:1px solid var(--sv-line);border-radius:14px;backdrop-filter:blur(12px)}
.pageNumbers{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:1px}
.pageNumbers::-webkit-scrollbar{display:none}
.pageNo,.pageArrow{flex:0 0 auto;border:1px solid var(--sv-line);background:var(--sv-surface);color:var(--sv-text-soft);font-weight:900;cursor:pointer}
.pageNo{width:31px;height:31px;border-radius:9px;font-size:11px}
.pageNo.active{background:var(--sv-accent,#7568e6);border-color:var(--sv-accent,#7568e6);color:#fff}
.pageArrow{height:34px;border-radius:10px;font-size:22px}
.learningViewport{min-width:0}
.learningPage{display:none;min-width:0;animation:kmPageIn .18s ease}
.learningPage.active{display:block}
@keyframes kmPageIn{from{opacity:.35;transform:translateX(7px)}to{opacity:1;transform:none}}
.pageProgress{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 8px;color:var(--sv-text-muted)}
.pageProgress span{font-size:11px;font-weight:900;color:var(--sv-text-soft)}
.pageProgress small{font-size:9px}
.lessonFlow{display:grid;gap:0}
.lessonContinuation{border-top:1px dashed var(--sv-line);margin-top:14px;padding-top:14px}
.readerFooter{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:4px;padding:8px 0 2px}
.readerFooter button{min-height:42px;border:1px solid var(--sv-line);border-radius:12px;background:var(--sv-surface);color:var(--sv-text);font-weight:900}
.readerFooter button:last-child{text-align:center}
.readerFooter span{font-size:11px;font-weight:900;color:var(--sv-text-muted);min-width:46px;text-align:center}
@media(max-width:420px){.pageRail{grid-template-columns:32px 1fr 32px;padding:6px}.pageNo{width:29px;height:29px}.pageArrow{height:31px}.readerFooter button{font-size:12px}}

/* KİTAPLARIM V2.1 — pageRail is NOT the Student_v2 global nav */
div.pageRail{
  position:sticky;
  top:0;
  left:auto;
  right:auto;
  bottom:auto;
  transform:none;
  width:100%;
  max-width:100%;
  margin:0;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 36px;
  justify-self:stretch;
}
div.pageRail .pageNumbers{
  min-width:0;
  width:100%;
}
@media(max-width:420px){
  div.pageRail{grid-template-columns:32px minmax(0,1fr) 32px}
}

/* KİTAPLARIM V3.1 — Books Home / Mobile-first theme UI */
.booksHome{display:grid;gap:12px}
.booksHero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:16px;background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:18px}
.booksHeroCopy small{display:block;font-size:9px;font-weight:900;letter-spacing:.11em;color:var(--sv-accent,#79c8ff);margin-bottom:4px}
.booksHeroCopy h1{margin:0;color:var(--sv-text);font-size:27px;line-height:1.1}
.booksHeroCopy p{margin:7px 0 0;color:var(--sv-text-muted);font-size:12px;line-height:1.55;max-width:520px}
.memoryBack{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border:1px solid var(--sv-line);border-radius:11px;background:var(--sv-surface-raised);color:var(--sv-text);text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap}
.booksSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.booksSummary>div{padding:10px 8px;background:var(--sv-surface-soft);border:1px solid var(--sv-line);border-radius:13px;text-align:center}
.booksSummary b,.booksSummary span{display:block}.booksSummary b{font-size:18px;color:var(--sv-text)}.booksSummary span{margin-top:2px;font-size:9px;color:var(--sv-text-muted)}
.bookShelf{display:grid;grid-template-columns:1fr;gap:10px}
.bookCard{position:relative;display:grid;grid-template-columns:7px minmax(0,1fr);min-height:138px;overflow:hidden;background:var(--sv-surface);border:1px solid var(--sv-line);border-radius:17px;text-decoration:none;color:var(--sv-text);box-shadow:0 5px 18px rgba(0,0,0,.08)}
.bookSpine{background:linear-gradient(180deg,var(--sv-accent,#7568e6),var(--sv-accent-2,#31a5ce))}
.bookCardBody{display:flex;flex-direction:column;padding:14px 14px 13px;min-width:0}
.bookCardTop{display:flex;justify-content:space-between;align-items:center;gap:8px}.bookCardTop small{font-size:9px;font-weight:900;letter-spacing:.09em;color:var(--sv-text-muted)}.bookCardTop span{font-size:24px;color:var(--sv-text-soft);line-height:1}
.bookCard h2{margin:6px 0 10px;color:var(--sv-text);font-size:20px;line-height:1.15}
.bookMeta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.bookMeta span{padding:5px 7px;border-radius:9px;background:var(--sv-bg-soft);color:var(--sv-text-muted);font-size:9px}.bookMeta b{color:var(--sv-text-soft)}
.bookCardBody>strong{margin-top:auto;color:var(--sv-accent,#79c8ff);font-size:11px}
.booksEmpty{background:var(--sv-surface);border-color:var(--sv-line);color:var(--sv-text)}.booksEmpty p{color:var(--sv-text-muted)}
@media(min-width:560px){.bookShelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.booksHero{grid-template-columns:1fr}.memoryBack{justify-self:start}.booksHeroCopy h1{font-size:24px}.booksSummary span{font-size:8px}.bookCard{min-height:130px}.bookCard h2{font-size:18px}}

/* KİTAPLARIM V3.2 — book.php + book_topic.php theme polish */
.memoryPage .mobileHead{
  background:var(--sv-surface);
  border-color:var(--sv-line);
  color:var(--sv-text);
  box-shadow:0 4px 16px rgba(0,0,0,.06);
}
.memoryPage .mobileHead>a{
  color:var(--sv-accent,#79c8ff);
}
.memoryPage .mobileHead small{
  color:var(--sv-accent,#79c8ff);
}
.memoryPage .mobileHead h1{
  color:var(--sv-text);
}
.memoryPage .mobileHead p{
  color:var(--sv-text-muted);
}
.memoryPage .mobileRow{
  background:var(--sv-surface);
  border-color:var(--sv-line);
  color:var(--sv-text);
  box-shadow:0 3px 12px rgba(0,0,0,.045);
}
.memoryPage .mobileRow:hover,
.memoryPage .mobileRow:focus-visible{
  background:var(--sv-surface-raised);
}
.memoryPage .mobileRow small,
.memoryPage .mobileRow span{
  color:var(--sv-text-muted);
}
.memoryPage .mobileRow b{
  color:var(--sv-text);
}
.memoryPage .mobileRow>strong{
  color:var(--sv-accent,#79c8ff);
}
.memoryPage .memoryEmpty{
  background:var(--sv-surface);
  border-color:var(--sv-line);
  color:var(--sv-text);
}