:root{--navy:#1a2c4e;--navy-light:#2c4270;--accent:#c8952a;--bg:#f5f3ee;--card-bg:#fff;--text:#232323;--text-sub:#5c5c5c;--border:#e0ddd4;--done:#3f8558}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Hiragino Sans,Yu Gothic,Meiryo,sans-serif;line-height:1.8}header{background:var(--navy);color:#fff;padding:20px 24px}header .book-title{opacity:.75;margin-bottom:4px;font-size:14px}header .chapter-title{font-size:22px;font-weight:700}.header-tools{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.search-wrap{flex:1;min-width:220px;position:relative}.search-input{box-sizing:border-box;color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;width:100%;padding:9px 16px;font-size:13.5px}.search-input::placeholder{color:#fff9}.search-input:focus{border-color:var(--accent);background:#ffffff29;outline:none}.search-results{background:var(--card-bg);border:1px solid var(--border);z-index:60;border-radius:10px;max-height:360px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.search-empty{color:var(--text-sub);padding:14px 16px;font-size:13px}.search-result-item{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;width:100%;padding:10px 16px;display:block}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f0ede4}.search-result-chapter{color:var(--accent);margin-bottom:2px;font-size:11px;font-weight:700}.search-result-title{color:var(--navy);margin-bottom:2px;font-size:14px;font-weight:700}.search-result-snippet{color:var(--text-sub);font-size:12px}.toc-open-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff4d;border-radius:20px;flex-shrink:0;padding:9px 18px;font-size:13px}.toc-open-btn:hover{background:#ffffff29}.toc-modal-box{text-align:left;width:100%;max-width:640px}.toc-modal-title{color:var(--navy);margin-bottom:16px;font-size:18px;font-weight:700}.toc-modal-chapter{margin-bottom:18px}.toc-modal-chapter-title{color:var(--navy-light);border-left:4px solid var(--accent);margin-bottom:8px;padding-left:10px;font-size:13.5px;font-weight:700}.toc-modal-chapter ul{margin:0;padding:0;list-style:none}.toc-modal-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px 8px 14px;font-size:13.5px;display:flex}.toc-modal-item:hover{background:#f0ede4}.chapter-tabs{gap:8px;margin-bottom:4px;padding-bottom:10px;display:flex;overflow-x:auto}.chapter-tabs button{color:#fff;opacity:.75;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff40;border-radius:20px;flex-shrink:0;padding:7px 16px;font-size:13px}.chapter-tabs button.active{background:var(--accent);border-color:var(--accent);opacity:1;color:#1a2c4e;font-weight:700}.progress-wrap{max-width:960px;margin:16px auto 0;padding:0 24px}.progress-bar-bg{background:#ffffff26;border-radius:8px;height:8px;overflow:hidden}.progress-bar-fill{background:var(--accent);height:100%;transition:width .3s}.progress-label{opacity:.8;margin-top:6px;font-size:12px}main{grid-template-columns:240px 1fr;gap:24px;max-width:960px;margin:0 auto;padding:24px;display:grid}@media (max-width:720px){main{grid-template-columns:1fr}nav.toc{order:2}}nav.toc{align-self:start;position:sticky;top:16px}nav.toc ul{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}nav.toc li a{color:var(--text);border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:8px;padding:12px 14px;font-size:13px;text-decoration:none;display:flex}nav.toc li:last-child a{border-bottom:none}nav.toc li a:hover{background:#f0ede4}nav.toc li a.active{color:var(--navy);background:#eef1f8;font-weight:700}.toc-check{color:#fff;border:1.5px solid #bbb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.toc-check.done{background:var(--done);border-color:var(--done)}.topic{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px;scroll-margin-top:16px}.topic .page-tag{color:var(--text-sub);background:#f0ede4;border-radius:20px;margin-bottom:10px;padding:2px 10px;font-size:11px;display:inline-block}.topic h2{color:var(--navy);border-left:4px solid var(--accent);margin:0 0 14px;padding-left:10px;font-size:19px}.topic .points{background:#f7f9fc;border-radius:8px;margin-bottom:14px;padding:14px 18px}.topic .points-label{color:var(--navy-light);margin-bottom:6px;font-size:12px;font-weight:700}.topic .points ul{margin:0;padding-left:20px}.topic .points li{margin-bottom:4px;font-size:14.5px}.topic-figure{border:1px solid var(--border);cursor:zoom-in;background:#f7f9fc;border-radius:8px;width:100%;margin-bottom:14px;padding:10px;display:block;position:relative;overflow:hidden}.topic-figure img{border-radius:4px;width:100%;display:block}.topic-figure-hint{color:#fff;pointer-events:none;background:#1a2c4ed1;border-radius:20px;padding:4px 10px;font-size:11.5px;position:absolute;bottom:18px;right:18px}.practitioner-note{background:#eef5f4;border:1px solid #bcdad6;border-left:4px solid #2f7a72;border-radius:8px;margin-bottom:14px;padding:14px 18px}.practitioner-note-label{color:#2f7a72;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.practitioner-note-tag{color:#5c8a85;font-size:10.5px;font-weight:400}.practitioner-note p{color:var(--text);margin:0 0 10px;font-size:14px}.practitioner-note p:last-child{margin-bottom:0}.detail-toggle{border:1px solid var(--navy-light);color:var(--navy-light);cursor:pointer;background:0 0;border-radius:20px;margin-right:8px;padding:7px 16px;font-size:13px}.detail-toggle:hover{background:#eef1f8}.detail-body{margin-top:16px;font-size:14.5px;display:none}.detail-body.open{display:block}.detail-body p{margin:0 0 12px}.detail-body ol,.detail-body ul{padding-left:22px}.detail-body blockquote{border-left:3px solid var(--accent);color:var(--text-sub);margin:0 0 12px;padding-left:14px}.keyfacts{border-top:1px dashed var(--border);margin-top:14px;padding-top:12px}.keyfacts-label{color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:700}.keyfacts ul{color:var(--text-sub);margin:0;padding-left:18px;font-size:13.5px}.quiz-box{background:#fbf7ee;border:1px solid #ecdfc0;border-radius:8px;margin-top:18px;padding:16px 18px}.quiz-label{color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:700}.quiz-question{color:var(--text);margin:0 0 12px;font-size:14.5px;font-weight:700}.quiz-choices{flex-direction:column;gap:8px;display:flex}.quiz-choice{text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;padding:10px 14px;font-size:13.5px}.quiz-choice:hover:not(:disabled){background:#f0ede4}.quiz-choice:disabled{cursor:default}.quiz-choice.correct{border-color:var(--done);color:var(--done);background:#eaf6ee;font-weight:700}.quiz-choice.incorrect{color:#c0392b;background:#fbeaea;border-color:#c0392b;font-weight:700}.quiz-result{border-top:1px dashed #ecdfc0;margin-top:14px;padding-top:12px}.quiz-result-label{margin-bottom:6px;font-size:13.5px;font-weight:700}.quiz-result.correct .quiz-result-label{color:var(--done)}.quiz-result.incorrect .quiz-result-label{color:#c0392b}.quiz-explanation{color:var(--text-sub);margin:0 0 12px;font-size:13.5px}.quiz-retry{color:var(--text-sub);cursor:pointer;background:0 0;border:1px solid #bbb;border-radius:20px;padding:6px 14px;font-size:12.5px}.quiz-retry:hover{background:#f0ede4}.topic-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.mark-done{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 18px;font-size:13px}.mark-done.done{background:var(--done)}.view-original{color:var(--text-sub);cursor:pointer;background:0 0;border:1px solid #bbb;border-radius:20px;padding:7px 16px;font-size:13px}.view-original:hover{background:#f0ede4}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.modal-box{background:#fff;border-radius:10px;max-width:640px;max-height:90vh;padding:16px;position:relative;overflow:auto}.modal-box img{border-radius:4px;width:100%;display:block}.modal-close{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;font-size:16px;line-height:1;position:absolute;top:10px;right:10px}footer{text-align:center;color:var(--text-sub);padding:30px 24px 50px;font-size:12px}