.learning-entry{margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-entry>summary{padding:23px 0;cursor:pointer;font:26px/1.35 Georgia,serif}.learning-entry>summary>span{display:inline-block;vertical-align:top;max-width:90%}.learning-entry small{display:block;font:12px/1.7 'Segoe UI',sans-serif;color:var(--muted);margin-top:9px}.learning-entry>div{padding:0 0 24px}.learning-entry p{font:18px/1.7 Georgia,serif}.learning-launch{padding:13px 18px;background:var(--green);color:white;border-radius:4px;font:14px 'Segoe UI',sans-serif}
dialog.learning-dialog{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:var(--paper);color:var(--ink);overflow:hidden}
dialog.learning-dialog[open]{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto minmax(0,1fr)}
.learning-dialog>header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 30px;border-bottom:1px solid var(--line)}.learning-dialog>header small{font:10px 'Segoe UI',sans-serif;letter-spacing:1.4px;color:var(--muted)}.learning-dialog>header h2{font:22px/1.4 Georgia,serif;margin:6px 0 0}.learning-close{flex-shrink:0;white-space:nowrap;padding:8px 11px;font:14px/1.5 'Segoe UI',sans-serif;color:var(--accent,#a83829);border:1px solid var(--line);border-radius:3px;background:transparent}
.learning-reading{display:flex;flex-direction:column;min-height:0;min-width:0;padding:24px 36px 0}.learning-toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.learning-modes{display:flex;gap:5px;flex-wrap:wrap}.learning-modes button{padding:11px 13px;border:1px solid var(--line);border-radius:4px;font:12px 'Segoe UI',sans-serif}.learning-modes button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.learning-scope{font:12px 'Segoe UI',sans-serif;color:var(--muted)}.learning-scope select{border:1px solid var(--line);border-radius:4px;padding:10px;background:var(--paper);color:var(--ink);font:12px 'Segoe UI',sans-serif;margin-left:6px}.learning-hint{font:12px/1.6 'Segoe UI',sans-serif;color:var(--muted);margin:12px 0 16px}.learning-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 12px 24px 0}.learning-author{font:12px 'Segoe UI',sans-serif;color:var(--green);margin:0 0 24px}.learning-verse{font:var(--verse)/1.75 Georgia,serif;overflow-wrap:anywhere}.learning-stanza{margin:0 0 1.3em;white-space:pre-wrap}.learning-line{display:block;text-align:left;font:inherit;line-height:inherit;color:var(--ink);padding:2px 8px;margin-left:-8px;min-width:100px;max-width:100%;border-radius:3px}.learning-line[aria-pressed=false]{color:var(--muted);background:var(--wash);margin-bottom:3px}.learning-line:hover{background:var(--wash)}.learning-steps{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0;gap:12px;font:12px 'Segoe UI',sans-serif}.learning-steps button{padding:12px 0;color:var(--green)}.learning-steps button:disabled{opacity:.4}
.learning-recorder{min-height:0;overflow:auto;padding:26px;border-left:1px solid var(--line);background:var(--paper)}.learning-recorder h3{font:25px Georgia,serif;margin:0 0 20px}.recording-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.recording-clock{font:24px/1.5 'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}.recording-start,.recording-stop{font:13px 'Segoe UI',sans-serif;padding:13px 16px;border:1px solid var(--line);border-radius:4px;color:var(--green)}.is-recording .recording-clock{color:var(--green)}.recording-stop{background:var(--green);color:white}.recording-status,.recording-local,.recording-footnote,.recording-empty{font:12px/1.7 'Segoe UI',sans-serif;color:var(--muted)}.recording-status{min-height:3.4em;margin:16px 0}.recording-library{border-top:1px solid var(--line);margin-top:20px}.recording-library>summary{padding:18px 0;font:17px Georgia,serif;cursor:pointer}.recording-count{font:12px 'Segoe UI',sans-serif;color:var(--muted);margin-left:8px}.recording-take{border-top:1px solid var(--line);padding:18px 0}.recording-take label{font:11px 'Segoe UI',sans-serif;color:var(--muted)}.recording-take input{display:block;width:100%;box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:10px;margin-top:7px;font:14px 'Segoe UI',sans-serif;color:var(--ink)}.recording-take p{font:11px/1.6 'Segoe UI',sans-serif;color:var(--muted);margin:10px 0}.recording-take audio{display:block;width:100%;height:40px;margin:12px 0}.recording-take>div{display:flex;gap:6px 18px;flex-wrap:wrap}.recording-take button,.recording-take a{font:12px/1.6 'Segoe UI',sans-serif;color:var(--green);padding:9px 0}.learning-dialog :focus-visible,.learning-entry :focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:850px){dialog.learning-dialog[open]{display:flex;flex-direction:column}.learning-dialog>header{padding:10px 18px;padding-top:max(10px,env(safe-area-inset-top))}.learning-dialog>header h2{font-size:18px;max-height:52px;overflow:auto}.learning-reading{flex:1;padding:16px 20px 0}.learning-toolbar{gap:10px}.learning-modes{gap:4px}.learning-modes button{padding:11px 9px;font-size:11px}.learning-hint{font-size:11px;margin:10px 0}.learning-scope{font-size:11px}.learning-scope select{padding:8px}.learning-scroll{padding-top:6px}.learning-verse{font-size:19px}.learning-author{margin-bottom:18px}.learning-recorder{flex:0 0 auto;max-height:42dvh;border-left:0;border-top:1px solid var(--line);padding:12px 20px max(12px,env(safe-area-inset-bottom))}.learning-recorder h3{display:none}.recording-controls{gap:12px}.recording-clock{font-size:20px}.recording-start,.recording-stop{padding:11px 14px}.recording-status{min-height:0;font-size:11px;margin:8px 0}.recording-library{margin-top:10px}.recording-library>summary{padding:11px 0;font-size:15px}.recording-footnote{display:none}.learning-steps{padding:5px 0}.learning-entry>summary{font-size:24px}}
@media(max-height:500px) and (max-width:850px){.learning-dialog>header small,.learning-hint{display:none}.learning-reading{padding-top:8px}.learning-recorder{max-height:34dvh}.recording-status{margin:4px 0}.recording-library{margin-top:4px}}

.learning-library-link{display:inline-block;padding:14px 0;font:13px 'Segoe UI',sans-serif;color:var(--green)}

.learning-dialog [hidden]{display:none!important}.learning-dialog{box-sizing:border-box}.learning-dialog button{cursor:pointer}.learning-dialog::backdrop{background:rgb(30 27 25 / 36%)}

.learning-options{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.learning-scope{white-space:nowrap}
.learning-recorder-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 0;border:0;background:transparent;color:var(--ink);font:12px/1.5 'Segoe UI',sans-serif;white-space:nowrap}
.learning-switch-track{position:relative;width:30px;height:18px;border-radius:10px;background:var(--muted);flex-shrink:0}
.learning-switch-track::after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:white}
.learning-recorder-toggle[aria-checked=true] .learning-switch-track{background:var(--green)}
.learning-recorder-toggle[aria-checked=true] .learning-switch-track::after{transform:translateX(12px)}
.learning-recorder-toggle:disabled{opacity:.5;cursor:default}
.recorder-collapsed .learning-recorder{display:none}
@media(min-width:851px){dialog.learning-dialog.recorder-collapsed[open]{grid-template-columns:minmax(0,1fr)}}
@media(max-width:850px){.learning-options{gap:18px}.learning-recorder-toggle{font-size:11px}}
@media(max-width:500px){.learning-options{width:100%;justify-content:space-between}}