/* Progressive study UI. Source passages remain readable without scripts. */
.study-entry{margin:24px 0;padding:22px;border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:6px;background:var(--panel);color:var(--text);overflow-wrap:anywhere}
.study-entry h2{font:26px/1.3 Georgia,serif;margin:0 0 12px;color:var(--text)}
.study-entry p{font:16px/1.7 Georgia,serif;margin:0 0 14px;color:var(--muted)}
.study-entry-links{display:flex;flex-wrap:wrap;gap:12px 20px}
.study-entry a,.study-page a{color:var(--accent);text-underline-offset:4px}
.study-entry a{display:inline-flex;align-items:center;min-height:44px;font:14px/1.5 Arial,sans-serif}
.study-page{margin:0;color:var(--text);line-height:1.8}
.study-page *{box-sizing:border-box}
.study-page [hidden]{display:none!important}
.study-page main{width:min(100%,1040px);margin:auto;padding:36px 24px}
.study-page section{padding:24px 0}
.study-page h1{font:clamp(32px,5vw,52px)/1.2 Georgia,serif;font-weight:400;margin:16px 0;color:var(--text)}
.study-page h2{font:28px/1.3 Georgia,serif;margin:0 0 16px;color:var(--text)}
.study-page h3{font:22px/1.4 Georgia,serif;margin:0 0 12px;color:var(--text)}
.study-page p{margin:0 0 16px;overflow-wrap:anywhere}
.study-hero{max-width:780px;margin-bottom:28px}
.study-note,.study-numbering,.study-edition{font:13px/1.7 Arial,sans-serif;color:var(--muted)}
.study-jump{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.study-jump a{display:inline-flex;align-items:center;min-height:44px}
.study-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;padding:24px;border:1px solid var(--border);background:var(--panel);border-radius:6px}
.study-tools label{font:15px/1.6 Arial,sans-serif}
.study-tools input[type=search]{display:block;width:100%;margin-top:10px;min-height:44px;padding:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font:16px/1.5 Arial,sans-serif}
.study-check{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;min-height:44px}
.study-check input{margin-top:4px;width:20px;height:20px;flex:0 0 20px;accent-color:var(--gold)}
.study-page button{padding:10px 16px;min-height:44px;max-width:100%;border:1px solid var(--border);background:var(--panel);color:var(--text);font:14px/1.6 Arial,sans-serif;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.study-page button:hover{background:var(--panel-2);border-color:var(--gold)}
.study-page :focus-visible,.study-entry :focus-visible{outline:2px solid var(--gold);outline-offset:4px}
#studyStatus{min-height:24px;margin:16px 0 0;font:14px/1.7 Arial,sans-serif;color:var(--muted)}
#studyStatus.study-error{color:var(--danger)}
.study-card{border:1px solid var(--border);border-radius:6px;background:var(--panel);margin:16px 0;overflow-wrap:anywhere}
.study-card>summary{cursor:pointer;padding:22px;font:22px/1.5 Georgia,serif;color:var(--text)}
.study-card-meta{display:block;font:13px/1.7 Arial,sans-serif;color:var(--muted);margin-top:6px}
.study-card-body{padding:0 24px 24px}
.study-readings{list-style:none;padding:0;margin:0}
.study-step{padding:24px 0;border-top:1px solid var(--border);scroll-margin-top:24px}
.study-step-number{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;background:var(--panel-2);font:14px/1.5 Arial,sans-serif;margin-right:8px}
.study-passage{margin:12px 0}
.study-passage>summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--accent)}
.study-source{font:20px/1.9 Georgia,serif;overflow-wrap:anywhere;border-left:2px solid var(--gold);padding-left:18px}
.study-source p{white-space:pre-wrap}
.study-context{display:inline-flex;min-height:44px;align-items:center;font:14px/1.6 Arial,sans-serif;margin:4px 0}
.study-step-actions{margin-top:10px}
.study-done [data-study-mark]{border-color:var(--gold);background:var(--panel-2)}
.study-path-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:18px 0 24px}
.study-path-actions .study-progress{margin:0;font:14px/1.6 Arial,sans-serif;color:var(--muted)}
.study-reflection{padding:24px;border-left:3px solid var(--gold);background:var(--panel-2);margin:24px 0}
.study-reflection .study-note{color:var(--text)}
.study-footer{padding:24px;text-align:center;border-top:1px solid var(--border);font:14px/1.8 Arial,sans-serif}
.study-skip{position:absolute;top:-100px;left:16px;padding:10px;background:var(--panel);z-index:100}
.study-skip:focus{top:10px}
@media(max-width:640px){.study-page main{padding:24px 16px}.study-tools{grid-template-columns:minmax(0,1fr);padding:18px}.study-card>summary{padding:18px;font-size:20px}.study-card-body{padding:0 18px 18px}.study-source{font-size:18px;padding-left:12px}.study-page h3{font-size:20px}.study-entry{padding:18px}}
@media print{.study-page{background:white!important;color:black!important}.study-tools,.study-step-actions,.study-path-actions,.study-skip,.study-jump,.study-footer{display:none!important}.study-page main{width:100%;padding:0}.study-card{break-inside:avoid;background:white;color:black}.study-source{color:black}.study-card:not([open])>.study-card-body,.study-passage:not([open])>.study-source,.study-passage:not([open])>.study-edition{display:block!important}}