/* One card contains the heading, framed explanation, and memory controls. */
body[data-view="study"] .topbar{height:64px;padding:0 24px}
body[data-view="study"] .app-shell{grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 64px)}
body[data-view="study"] .sidebar{top:64px;height:calc(100vh - 64px);padding:22px 16px;gap:18px}
body[data-view="study"] main{max-width:1200px;padding:22px 30px 55px;width:100%;min-width:0}
body[data-view="study"] .workspace-intro{display:none}
body[data-view="study"] .book-heading{padding:17px 22px;min-height:0;gap:17px;border-radius:15px;box-shadow:none}
body[data-view="study"] .book-heading:after{display:none}
body[data-view="study"] .book-art img{width:42px;height:61px;transform:none;box-shadow:2px 4px 8px #0001}
body[data-view="study"] .book-art>span,.hero-tags{display:none}
body[data-view="study"] .book-heading h1{font-family:inherit;font-size:23px;letter-spacing:0;display:inline;margin-right:12px}
body[data-view="study"] .book-heading p{font-size:15px;margin:5px 0;font-weight:600}
body[data-view="study"] .book-heading .eyebrow{display:none}
body[data-view="study"] .chapter-meta{font-size:10px;gap:8px 12px;flex-wrap:wrap}
body[data-view="study"] .book-heading>#print{top:17px;right:17px}
.source-legend{gap:8px 14px;font-size:10px;color:var(--theme-muted);margin:9px 2px}
.source-legend b{color:#b58122}.source-legend button,.source-legend a{font-size:10px}
body[data-view="study"] .study-dashboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0}
body[data-view="study"] .metric{padding:10px 16px;border-radius:11px;box-shadow:none;text-align:left;min-width:0}
body[data-view="study"] .metric:hover{background:var(--theme-paper);border-color:var(--theme-edge);box-shadow:none}
body[data-view="study"] .metric-value{font-family:inherit;font-size:24px;font-weight:700;line-height:1.2;display:block;margin-bottom:3px}
body[data-view="study"] .metric-label{font-size:11px;line-height:1.5;white-space:nowrap;margin:0}
body[data-view="study"] .metric[data-metric="known"] .metric-value{color:#398263}
body[data-view="study"] .metric[data-metric="learning"] .metric-value{color:#ae7924}
body[data-view="study"] .metric[data-metric="again"] .metric-value{color:#b34e43}
html[data-appearance="night"] body[data-view="study"] .metric[data-metric="known"] .metric-value{color:#96c3a8}
html[data-appearance="night"] body[data-view="study"] .metric[data-metric="learning"] .metric-value{color:#e0c088}
html[data-appearance="night"] body[data-view="study"] .metric[data-metric="again"] .metric-value{color:#e6a49b}
.chapter-route{border-radius:10px;margin:10px 0}.chapter-route summary{padding:10px 0;font-size:11px}.chapter-route summary>small{font-size:10px}
#chapterOverview{max-height:260px}
.nav-subtopics{padding:2px 0 5px 25px;margin-bottom:5px}.nav-subtopics button{padding:7px 5px;font-size:11px}.nav-subtopics .note-stars{font-size:9px;letter-spacing:0}
.study-toolbar{gap:8px;padding:7px 0;align-items:center}.study-toolbar>.tabs{padding:3px;gap:2px;border-radius:10px}
.study-toolbar .tabs button{padding:8px 10px;font-size:12px;min-height:38px;gap:5px;white-space:nowrap}
.filters{gap:6px;width:auto}.filters select{padding:8px;font-size:10px;max-width:145px}.filters #priorityFilter{display:none}
.study-coach{font-size:11px;line-height:1.7;margin:3px 2px 10px}.study-coach>svg{display:none}
.focus-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:9px 0 6px}
.focus-filters button{padding:7px 11px;border:1px solid var(--theme-line);border-radius:99px;background:var(--theme-paper);font-size:11px;min-height:34px;color:var(--theme-secondary)}
.focus-filters button.active{background:var(--green-light);border-color:transparent;color:var(--green);font-weight:600}
#coverageLabel{font-size:10px;color:var(--theme-muted);margin-left:auto}
.content-actions{justify-content:flex-end;gap:7px;margin:0 0 11px;min-height:22px}.content-actions>div{gap:10px}.content-actions button{border:0;padding:0 2px;font-size:10px;background:transparent;color:var(--theme-muted)}
.compact-unit{border:1px solid var(--theme-line);border-radius:16px;margin-bottom:15px;box-shadow:0 2px 4px var(--theme-shadow);scroll-margin-top:80px;overflow:hidden}
.compact-unit[data-rating="known"]{border-left:3px solid #649274}.compact-unit[data-rating="learning"]{border-left:3px solid #c39b52}.compact-unit[data-rating="again"]{border-left:3px solid #bf7868}
.compact-unit .card-head{padding:19px 22px 12px;align-items:flex-start;gap:10px}.compact-unit .unit-num{font-size:13px;min-width:19px;padding-top:5px}
.compact-unit h2{font-size:18px;line-height:1.6}.unit-heading h2>button{gap:5px;font-weight:700}.unit-heading h2 svg{display:none}
.compact-unit .card-head>.icon{border:0;background:transparent;color:var(--theme-muted);height:32px;width:32px;flex-shrink:0}.compact-unit .card-head>.icon.saved{background:var(--green-light);color:var(--green)}
.unit-badges{gap:6px;margin:6px 0 0}.note-tag,.type-tag,.exam-badge{font-size:10px;line-height:1.6;padding:2px 7px;border-radius:99px}.exam-badge{background:var(--green-light);border:0}
.compact-unit .card-body{padding:0 22px}.compact-unit .answer{font-size:16px;line-height:1.95}
.memory-answer{border:1px solid var(--theme-line);border-radius:13px;background:var(--theme-soft);padding:15px 18px}
.memory-answer .answer-layer{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:10px;color:var(--theme-muted);margin:0 0 8px}.memory-answer .answer-layer:before{display:none}
.memory-answer .answer-layer>span{font-weight:600;color:var(--theme-secondary)}.memory-answer .answer-layer button{border:0;background:transparent;color:var(--green);font-size:10px;padding:3px 0}
.memory-answer .answer-layer .hide-answer{margin-left:auto;color:var(--theme-muted)}.memory-answer ol{padding-left:20px;margin:0}.memory-answer li{margin:5px 0;padding-left:2px}
.memory-answer .hide-answer{font-size:11px;padding:5px 9px;min-height:32px;color:var(--theme-secondary);background:var(--theme-soft);border:1px solid var(--theme-edge);border-radius:8px;box-shadow:none}
.memory-answer.textbook-primary>.hide-answer{display:block;margin:0 0 10px auto}
.content-actions button{min-height:36px}
@media print{.hide-answer{display:none!important}}
.memory-outline{border-top:1px dashed var(--theme-line);padding-top:8px;margin-top:10px;font-size:11px;color:var(--theme-secondary)}.memory-outline>span{font-weight:600;font-size:10px}
.memory-outline .point-preview{padding:0;margin-top:5px;gap:3px 12px;font-size:11px}.point-preview small{font-size:10px}
.full-notes,.exam-detail,.aux{border:0;border-top:1px solid var(--theme-line);padding:10px 0 0;margin:12px 0;font-size:11px;line-height:1.8;color:var(--theme-secondary)}
.full-notes>summary,.exam-detail>summary,.aux>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-size:11px;font-weight:600;color:var(--green);min-height:25px}
.full-notes>summary:after,.exam-detail>summary:after,.aux>summary:after{content:'＋';margin-left:auto;font-size:15px;font-weight:400}
.full-notes[open]>summary:after,.exam-detail[open]>summary:after,.aux[open]>summary:after{content:'−'}.full-notes>summary small{font-size:10px;font-weight:400;color:var(--theme-muted)}
.full-notes .note-content{padding:0 14px 9px;background:var(--theme-soft);border:1px solid var(--theme-line);border-radius:10px;margin-top:10px}
.note-origin{font-size:10px;margin:11px 0;color:var(--theme-muted)}.note-point{margin-bottom:10px}.note-point h3{margin-top:15px}
.exam-question{border-radius:9px}.point-warning{background:var(--theme-paper)}
.compact-unit .card-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:12px 22px 17px;background:transparent;border:0}
.compact-unit .ratings{display:flex;gap:7px;flex-shrink:0}.compact-unit .ratings button{border:1px solid var(--theme-line);background:var(--theme-paper);border-radius:99px;padding:8px 13px;font-size:12px;min-height:38px;color:var(--theme-text);white-space:nowrap}
.compact-unit .ratings button:hover{border-color:var(--theme-edge);background:var(--theme-soft)}
.compact-unit .ratings button[data-rate="known"].active{background:#577661;border-color:#577661;color:white}.compact-unit .ratings button[data-rate="learning"].active{background:#876c36;border-color:#876c36;color:white}.compact-unit .ratings button[data-rate="again"].active{background:#915b4b;border-color:#915b4b;color:white}
.status-text{font-size:10px;color:var(--theme-muted);margin-left:auto;line-height:1.8}
.recall-prompt{padding:0 22px;display:block}.recall-prompt .reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:94px;padding:15px;border-radius:13px;border:1px dashed var(--theme-edge);background:var(--theme-soft);color:var(--theme-secondary);box-shadow:none;font-size:13px;cursor:pointer}
.reveal-emoji{font-size:22px}.reveal strong{font-size:12px;font-weight:500}.reveal small{font-size:10px;color:var(--theme-muted)}
.recall-prompt .reveal:hover{background:var(--green-light);border-color:var(--green);color:var(--green)}.reveal:focus-visible,.ratings button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
html[data-appearance] .compact-unit .card-footer{background:transparent}
html[data-appearance] .recall-prompt .reveal{color:var(--theme-secondary)}
html[data-appearance] .recall-prompt .reveal:hover{color:var(--green)}
body[data-view="study"] .study-coach{display:none}
body[data-view="study"] .source-legend>span{display:none}
body[data-view="study"] .book-heading{padding-top:13px;padding-bottom:13px}
body[data-view="study"] .metric{padding-top:9px;padding-bottom:9px}
body[data-view="study"] .content-actions{margin-bottom:6px;min-height:18px}
.compact-unit .ratings button{font-size:13px;min-height:42px}
@media(max-width:1100px){body[data-view="study"] .app-shell{grid-template-columns:225px minmax(0,1fr)}body[data-view="study"] main{padding:20px}.study-toolbar .tabs button{font-size:11px;padding:8px}.filters select{max-width:125px}}
@media(max-width:760px){
 body[data-view="study"] .topbar{height:58px;padding:0 9px;gap:4px}body[data-view="study"] .brand strong{font-size:14px}
 body[data-view="study"] .app-shell{display:block;min-height:calc(100dvh - 58px)}body[data-view="study"] .sidebar{top:58px;height:calc(100dvh - 58px);width:278px;padding:20px 16px}
 body[data-view="study"] .backdrop.open{inset:58px 0 0}body[data-view="study"] main{padding:12px 11px 40px}
 body[data-view="study"] .book-heading{padding:12px 14px;gap:12px;border-radius:12px}body[data-view="study"] .book-heading h1{font-size:19px}body[data-view="study"] .book-heading p{font-size:13px;margin-top:3px}
 body[data-view="study"] .book-art img{width:32px;height:47px}body[data-view="study"] .chapter-meta{font-size:9px;gap:5px}body[data-view="study"] .chapter-meta>span:first-child{display:none}body[data-view="study"] .book-heading>#print{top:10px;right:9px}
 .source-legend{font-size:9px;gap:4px 9px;margin:7px 1px}.source-legend>span:nth-child(2){display:none}.source-legend button,.source-legend a{font-size:9px}
 body[data-view="study"] .study-dashboard{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:9px 0}body[data-view="study"] .metric{padding:9px 7px;border-radius:9px}body[data-view="study"] .metric-value{font-size:20px}body[data-view="study"] .metric-label{font-size:9px;letter-spacing:-.3px}
 .chapter-route{margin:8px 0;padding:0 12px}.chapter-route summary{font-size:10px;padding:8px 0}.chapter-route summary>small{display:block;font-size:9px}#chapterOverview{grid-template-columns:1fr;max-height:235px}
 .study-toolbar{padding:4px 0;gap:7px}.study-toolbar>.tabs{width:100%;justify-content:space-between}.study-toolbar .tabs button{font-size:11px;padding:8px 6px;min-height:38px}
 .filters{margin-left:auto;gap:5px}.filters select{font-size:10px;padding:7px 8px;max-width:none;min-height:34px}
 .study-coach{font-size:10px;margin:5px 1px 6px;line-height:1.8}.focus-filters{gap:5px;margin:7px 0 5px}.focus-filters button{padding:6px 9px;font-size:10px}#coverageLabel{font-size:9px}.content-actions{margin-bottom:8px;min-height:15px}.content-actions button{font-size:9px}
 .compact-unit{border-radius:14px;margin-bottom:12px;scroll-margin-top:70px}.compact-unit .card-head{padding:15px 14px 10px;gap:7px}.compact-unit .unit-num{font-size:11px;min-width:15px;padding-top:4px}.compact-unit h2{font-size:16px}.compact-unit .card-head>.icon{width:30px;height:30px}
 .unit-badges{gap:4px;margin-top:5px}.note-tag,.type-tag,.exam-badge{font-size:9px;padding:2px 6px}.unit-badges .note-stars{font-size:12px}
 .compact-unit .card-body,.recall-prompt{padding:0 14px}.compact-unit .answer{font-size:15px}.memory-answer{padding:12px 13px;border-radius:11px}.memory-answer .answer-layer{font-size:9px;gap:4px 7px}.memory-answer .answer-layer button{font-size:9px}.memory-answer ol{padding-left:17px}.memory-answer li{margin:6px 0;line-height:1.95}
 .memory-outline .point-preview{font-size:10px;gap:3px 10px}.memory-outline .point-preview small{font-size:9px}
 .compact-unit .card-footer{padding:11px 14px 14px;gap:5px}.compact-unit .ratings{gap:6px}.compact-unit .ratings button{padding:8px 11px;font-size:11px;min-height:40px}.status-text{font-size:9px;flex-basis:100%;margin-left:0;padding-top:3px}
 .full-notes,.exam-detail,.aux{margin:10px 0}.full-notes>summary,.exam-detail>summary,.aux>summary{font-size:10px;min-height:30px}.full-notes .note-content{padding:0 10px 7px}.note-origin{font-size:9px}.recall-prompt .reveal{min-height:91px;padding:13px}.reveal strong{font-size:11px}.reveal small{font-size:9px}
 .nav-subtopics button{font-size:11px;padding:8px 5px}
}
@media(max-width:350px){.focus-filters #coverageLabel{flex-basis:100%;margin-left:0}body[data-view="study"] .metric{padding:8px 5px}body[data-view="study"] .metric-label{font-size:8px}.study-toolbar .tabs button{font-size:10px;padding:8px 5px}.compact-unit .ratings button{padding:8px 10px}}
@media print{.focus-filters,.hide-answer,.full-notes>summary small{display:none!important}.compact-unit{box-shadow:none;border:0}.memory-answer{border:0;border-radius:0;background:white;padding:0}.full-notes .note-content{padding:0;background:white;border:0}.compact-unit .card-footer{display:none!important}}

/* Source hierarchy: (一) > 1. > ①; paragraph text stays at reading weight. */
.note-point h3{display:flex;align-items:baseline;gap:9px;padding:0;border:0;background:none;line-height:1.65;letter-spacing:0}
.note-point.level-1 h3{font-size:19px;font-weight:800;color:var(--theme-text);padding:11px 13px;background:var(--green-light);border-radius:8px;margin:24px 0 13px}
.note-point.level-2 h3{font-size:17px;font-weight:750;color:var(--theme-text);margin:20px 0 10px;padding-bottom:7px;border-bottom:1px solid var(--theme-line)}
.note-point.level-3 h3{font-size:15px;font-weight:650;color:var(--green);margin:15px 0 6px}
.source-marker{flex-shrink:0;font-size:.9em;font-weight:750;white-space:nowrap}.level-3 .source-marker{font-size:20px;line-height:1}
.note-point.level-2,.note-point.level-3{margin-left:12px}.note-point p{font-weight:400;color:var(--theme-secondary);line-height:1.95;margin:7px 0 12px}
.note-point.level-3 p{padding-left:28px}.note-key{font-weight:750;color:var(--theme-text);text-decoration:underline;text-decoration-color:var(--theme-edge);text-underline-offset:4px;text-decoration-thickness:1px}
.point-preview{display:grid!important;gap:7px!important}.point-preview>span:before{display:none!important}.point-preview-item{display:flex;align-items:baseline;gap:7px}.point-preview-item b{flex-shrink:0;color:var(--green);font-weight:750}.point-preview-item.level-1{font-weight:750;color:var(--theme-text)}.point-preview-item.level-2{padding-left:10px}.point-preview-item.level-3{padding-left:22px;color:var(--green)}
@media(max-width:760px){.note-point.level-1 h3{font-size:17px;padding:9px 10px}.note-point.level-2 h3{font-size:16px}.note-point.level-3 h3{font-size:15px}.note-point.level-2,.note-point.level-3{margin-left:5px}.note-point.level-3 p{padding-left:0}.full-notes .note-content{padding:0 12px 9px}.note-point p{line-height:1.9}}
@media print{.note-point h3,.note-key{color:#222!important}.note-point.level-1 h3{background:#eee!important}.point-preview{display:none!important}}

/* Read the complete note first; textbook summaries remain optional. */
.memory-answer.note-primary{background:var(--theme-paper);padding:0 16px 8px;border-color:var(--theme-line)}
.note-primary .note-content{padding:0;background:transparent;border:0;margin:0}
.note-primary .note-origin{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin:12px 0 15px;font-size:11px}
.note-primary .note-origin a{color:var(--green);white-space:nowrap;text-decoration:none}
.note-answer-controls{display:flex;justify-content:flex-end;padding-top:9px}
.note-answer-controls .hide-answer,.textbook-primary>.hide-answer{font-size:11px;color:var(--green);border:0;background:transparent;padding:4px 0}
.textbook-primary>.hide-answer{float:right}
.textbook-supplement{border-top:1px solid var(--theme-line);margin-top:13px;padding-top:6px}
.textbook-supplement>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:12px;color:var(--theme-secondary);min-height:40px}
.textbook-supplement>summary::-webkit-details-marker{display:none}
.textbook-supplement>summary small{font-size:10px;color:var(--theme-muted)}
.textbook-supplement>summary:after{content:'＋';margin-left:auto;font-size:16px;color:var(--theme-muted)}
.textbook-supplement[open]>summary:after{content:'−'}
.textbook-supplement .memory-answer{margin-top:7px;padding:12px 15px}
.outline-origin{font-size:11px;color:var(--theme-muted);line-height:1.8;margin:6px 0 10px}
.textbook-supplement ol,.textbook-primary ol{font-size:14px;line-height:1.95;color:var(--theme-secondary)}
.note-point.level-0 h3{font-size:16px;font-weight:700;color:var(--theme-text);margin:16px 0 7px}
.note-point.level-0{margin-left:0}
@media(max-width:760px){.memory-answer.note-primary{padding:0 12px 8px}.note-primary .note-origin{font-size:10px;margin:11px 0 13px}.textbook-supplement>summary{font-size:11px;flex-wrap:wrap;gap:4px 7px}.textbook-supplement>summary small{font-size:9px}.note-primary .note-point p{font-size:15px;line-height:1.95}}
@media print{.note-answer-controls,.textbook-primary>.hide-answer{display:none!important}.memory-answer.note-primary{border:0;padding:0}.textbook-supplement{border:0}.outline-origin{font-size:10px}}
