@charset "UTF-8";
:root{color-scheme:light;--bg:#f7f5ef;--paper:#fffefa;--soft:#efede5;--ink:#26392f;--text:#394139;--muted:#818377;--line:#e2e1d6;--accent:#8d7548;--accent-light:#f0e9d9;--green:#223f33;--shadow:0 20px 60px #27332a14;--read-size:20px;--serif:"Noto Serif TC","Songti TC","PMingLiU",Georgia,serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;--yellow:#f5e5a1;--pink:#f0cfdb;--blue:#c9e1ef;--greenmark:#cfe2c4;--orange:#f4d0ac;--header:80px}
:root[data-theme=dark]{color-scheme:dark;--bg:#1c2521;--paper:#222e27;--soft:#29372e;--ink:#e7e7d9;--text:#d1d6c9;--muted:#9da696;--line:#3a473b;--accent:#c5ae7e;--accent-light:#3b392c;--green:#c3d5bd;--shadow:0 20px 60px #0003;--yellow:#6a5a24;--pink:#6e4153;--blue:#355365;--greenmark:#3c5636;--orange:#795337}
:root[data-theme=dark]{--bg:#111111;--paper:#191919;--soft:#232323;--ink:#efefe9;--text:#d3d3cd;--muted:#a1a19b;--line:#343434;--accent:#c8b283;--accent-light:#302c23;--green:#d9ccb0;--shadow:0 20px 60px #0005}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:160px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--sans);-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:0;line-height:1.4}button:disabled{cursor:default;opacity:.45}button:hover{color:var(--ink)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:var(--accent)}svg{vertical-align:middle;flex-shrink:0}input,select,textarea{color:var(--text);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 12px;max-width:100%}textarea{resize:vertical;min-height:100px;width:100%}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;padding:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-weight:500}small{font-size:12px}button[hidden],[hidden]{display:none!important}.skip{position:absolute;left:-1000px;top:0;z-index:100}.skip:focus{left:12px;background:var(--paper);padding:15px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--accent);font-weight:600;margin:0 0 13px}.muted{color:var(--muted)}.topbar{position:sticky;top:0;z-index:30;height:var(--header);display:flex;align-items:center;gap:25px;padding:0 34px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:14px;text-align:left;color:var(--ink);flex-shrink:0;padding:0}.brand>span:last-child{font:500 20px/1.4 var(--serif);letter-spacing:.08em}.brand small{display:block;font:9px/1.7 var(--sans);letter-spacing:.2em;color:var(--accent);margin-top:3px}.brand-icon{color:var(--accent)}.brand-icon svg{width:30px;height:30px}.header-divider{height:28px;width:1px;background:var(--line)}.header-caption{font-size:11px;color:var(--muted);letter-spacing:.03em}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.icon-button:hover{background:var(--soft)}.account-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;padding:9px 15px;font-size:12px;margin-left:6px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b5ab93;flex-shrink:0}.status-dot.synced{background:#87a17a}.status-dot.error{background:#c48e65}.language-picker{position:relative}.language-button{font-size:12px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;letter-spacing:.05em}.popover{position:absolute;right:0;top:45px;width:250px;z-index:50;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.popover label{display:flex;align-items:center;gap:12px;padding:9px 0}.popover p{font-size:12px;color:var(--muted);margin:8px 0 0}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100dvh - var(--header))}.sidebar{border-right:1px solid var(--line);background:var(--bg);min-width:0}.sidebar-inner{position:sticky;top:var(--header);height:calc(100dvh - var(--header));overflow:auto;display:flex;flex-direction:column;padding:35px 22px 20px}.sidebar-eyebrow{font-size:9px;padding:0 12px;margin-bottom:18px}.primary-nav{display:grid;gap:5px}.primary-nav button{display:flex;gap:13px;align-items:center;text-align:left;padding:11px 13px;border-radius:6px;font-size:13px;min-height:44px;color:var(--muted)}.primary-nav button svg{width:18px;height:18px}.primary-nav button:hover{background:var(--soft)}.primary-nav button.active{background:var(--green);color:var(--paper)}[data-theme=dark] .primary-nav button.active{color:#203426}.primary-nav button .count{margin-left:auto;font-size:10px;opacity:.65}.sidebar-bottom{margin-top:auto;padding:26px 12px 0}.sidebar-bottom p{font:12px var(--serif);color:var(--muted);margin:17px 0 0}.sync-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;line-height:1.6}.text-button{font-size:12px;padding:7px 0;display:inline-flex;gap:16px;align-items:center}.sidebar-bottom .text-button{margin-top:10px}.side-section{border-top:1px solid var(--line);margin-top:28px;padding:24px 12px}.side-book{font:19px var(--serif);margin:4px 0 6px}.side-chapter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:16px -5px 12px;max-height:210px;overflow:auto}.side-chapter-grid button{padding:5px 1px;min-height:32px;border-radius:4px;color:var(--muted);font:14px Georgia,serif}.side-chapter-grid button.active{color:var(--paper);background:var(--green)}[data-theme=dark] .side-chapter-grid button.active{color:var(--bg)}.side-chapter-grid .read-chapter{box-shadow:inset 0 -2px 0 var(--accent-light)}.side-link{display:block;text-align:left;font-size:12px;padding:7px 0;color:var(--muted)}main{min-width:0}.home-content,.overview-content{max-width:1230px;margin:auto;padding:58px 60px 65px}.hero-eyebrow{display:flex;align-items:center;gap:13px}.hero-eyebrow:before{content:"";width:32px;height:1px;background:var(--accent)}.home-heading{font:40px/1.45 var(--serif);letter-spacing:.05em;margin:16px 0 14px}.home-subtitle{color:var(--muted);font-size:13px;letter-spacing:.03em;margin-bottom:30px}.home-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.edition-seal{font:italic 17px/1.5 Georgia,serif;color:var(--muted);padding-bottom:35px;text-align:right}.edition-seal small{display:block;font:9px/2.3 var(--sans);letter-spacing:.12em}.resume-card{display:flex;align-items:center;justify-content:space-between;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:20px 25px;margin:10px 0 37px;gap:24px}.resume-card p{margin:0;color:var(--muted);font-size:11px}.resume-card strong{font:18px var(--serif);display:block;margin-top:5px;color:var(--ink)}.resume-card button{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--accent)}.catalog-tools{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:28px}.tabs{display:flex;gap:23px}.tabs button{padding:8px 0;color:var(--muted);font-size:13px;position:relative}.tabs button.active{color:var(--ink)}.tabs button.active:after{position:absolute;bottom:-17px;left:0;right:0;height:2px;background:var(--accent);content:""}.tabs .tab-count{font:11px Georgia,serif;margin-left:7px;color:var(--muted)}.search-field{margin-left:auto;position:relative;width:225px;display:flex;align-items:center;gap:9px;color:var(--muted)}.search-field input{border:0;background:none;outline:0;width:100%;padding:7px 0;font-size:12px}.search-field svg{width:15px;height:15px}.book-group{margin:0 0 29px}.book-group-head{display:flex;align-items:center;gap:13px;margin-bottom:13px}.book-group-head h2{font-size:11px;font-weight:500;letter-spacing:.08em;margin:0;color:var(--muted)}.book-group-head span{height:1px;background:var(--line);flex:1}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.book-tile{display:flex;align-items:center;gap:14px;text-align:left;min-height:70px;background:var(--paper);border:1px solid var(--line);padding:15px 17px;border-radius:6px;transition:transform .15s,border-color .15s}.book-tile:hover{transform:translateY(-2px);border-color:var(--accent)}.book-index{font:italic 12px Georgia,serif;color:var(--accent);min-width:20px;align-self:flex-start;padding-top:4px}.book-tile-title{font:16px/1.4 var(--serif);color:var(--ink)}.book-tile-other{font:10px/1.6 Georgia,serif;color:var(--muted);margin-top:4px;display:block}.book-tile .chevron{margin-left:auto;width:13px;color:var(--muted)}.catalog-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:10px;margin-top:35px}.reading-header{padding:30px 43px 0;max-width:1550px;margin:auto}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:22px}.breadcrumb button{font-size:inherit;color:inherit;padding:0}.breadcrumb svg{width:11px;height:11px}.reading-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.reading-title-row h1{font:30px/1.5 var(--serif);letter-spacing:.05em;margin:0 0 6px}.reading-title-row .subtitle{font:12px Georgia,serif;color:var(--muted);margin:0}.reading-controls{display:flex;align-items:center;gap:7px}.control-group{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--paper)}.control-group select{border:0;background:none;padding:8px 5px;font-size:12px;max-width:120px}.control-group button{min-height:38px;min-width:32px;font-size:12px}.reading-tabs{display:flex;align-items:center;gap:25px;padding-top:24px;border-bottom:1px solid var(--line);margin-bottom:0}.reading-tabs button{padding:10px 0 13px;color:var(--muted);font-size:12px;position:relative}.reading-tabs button.active{color:var(--ink)}.reading-tabs button.active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;content:"";background:var(--accent)}.reading-tabs .read-toggle{margin-left:auto;display:flex;gap:7px;align-items:center}.read-toggle.done{color:var(--accent)}.read-toggle svg{width:14px;height:14px}.reader-body{max-width:1550px;margin:auto;padding:0 43px 50px}.parallel-head,.verse-row,.title-row{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));align-items:stretch}.parallel-head{position:sticky;top:var(--header);z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}.parallel-head>div{padding:14px 24px 12px;color:var(--accent);font-size:9px;letter-spacing:.13em;display:flex;justify-content:space-between}.parallel-head>div+div{border-left:1px solid var(--line)}.reader-hint{padding:15px 24px 10px;color:var(--muted);font-size:10px;display:flex;align-items:center;gap:7px}.reader-hint svg{width:12px;height:12px}.verse-row{border-bottom:1px solid var(--line);scroll-margin-top:145px;position:relative}.verse-row.targeted{outline:1px solid var(--accent);background:var(--accent-light)}.verse-cell{padding:22px 24px 18px;min-width:0}.verse-cell+.verse-cell{border-left:1px solid var(--line)}.verse-top{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:7px}.verse-num{font:italic 12px Georgia,serif;color:var(--accent);letter-spacing:.04em}.verse-tools{display:flex;gap:3px;opacity:0;transition:opacity .15s}.verse-cell:hover .verse-tools,.verse-cell:focus-within .verse-tools{opacity:1}.verse-tools button{width:25px;height:25px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:4px}.verse-tools button:hover{background:var(--soft)}.verse-tools svg{width:13px;height:13px}.verse-tools button.saved{color:var(--accent);background:var(--accent-light)}.script-text{font:var(--read-size)/1.95 var(--serif);color:var(--text);white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;user-select:text}.script-text:lang(en),.script-text:lang(es){font-family:Georgia,"Times New Roman",serif;line-height:1.8}.script-text strong{font-weight:700}.inline-marker{display:inline;color:var(--accent);font:10px var(--sans);padding:0 1px;vertical-align:super;line-height:0;user-select:none}.inline-marker:hover{text-decoration:underline}.inline-marker.xref{font-style:italic;font-size:9px}.verse-resources{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;min-height:18px}.verse-resources button{font-size:10px;color:var(--muted);padding:0;display:flex;align-items:center;gap:4px}.verse-resources button:hover{color:var(--accent)}.verse-resources svg{width:11px;height:11px}.lang-mobile-label{display:none}.highlight{color:inherit;border-radius:1px;padding:2px 0;background:var(--yellow);box-decoration-break:clone;-webkit-box-decoration-break:clone}.highlight.pink{background:var(--pink)}.highlight.blue{background:var(--blue)}.highlight.green{background:var(--greenmark)}.highlight.orange{background:var(--orange)}.title-row{border-bottom:1px solid var(--line);background:var(--soft)}.title-cell{padding:18px 24px;min-width:0;font:16px/1.8 var(--serif)}.title-cell+.title-cell{border-left:1px solid var(--line)}.title-cell h3{font:inherit;margin:0}.alias{font-size:12px;color:var(--muted);padding:8px 0;line-height:1.7}.chapter-end{display:flex;align-items:center;justify-content:space-between;padding:30px 0;font-size:12px;color:var(--muted)}.chapter-end button{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--line);border-radius:6px}.chapter-end svg{width:15px;height:15px}.reading-footnote{font-size:10px;color:var(--muted);text-align:center;letter-spacing:.03em}.intro-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));border-bottom:1px solid var(--line)}.meta-column{padding:26px 24px;min-width:0}.meta-column+.meta-column{border-left:1px solid var(--line)}.meta-language{font-size:10px;color:var(--accent);letter-spacing:.1em;margin-bottom:20px}.book-subject{font:22px/1.8 var(--serif);padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:24px;color:var(--ink)}.intro-part{margin-bottom:24px}.intro-part h3{font-size:12px;color:var(--accent);margin-bottom:10px}.intro-part p,.outline-title{font:17px/1.9 var(--serif);white-space:pre-wrap;overflow-wrap:break-word}.meta-column:lang(en) p,.meta-column:lang(es) p,.meta-column:lang(en) .outline-title,.meta-column:lang(es) .outline-title{font-family:Georgia,serif}.outline-node{display:flex;gap:7px;margin:15px 0;padding-left:calc(var(--level)*15px);align-items:baseline;line-height:1.8}.outline-node .outline-label{color:var(--accent);font:13px/1.8 var(--serif);flex-shrink:0}.outline-node button{text-align:left;padding:0}.outline-node button:hover{text-decoration:underline;text-decoration-color:var(--accent)}.outline-node .outline-title{font-size:15px}.outline-range{display:block;font:10px/1.8 var(--sans);color:var(--muted);margin-top:3px}.page-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px}.page-top h1{font:32px/1.5 var(--serif);margin-bottom:9px}.page-top p{font-size:12px;color:var(--muted);margin:0}.overview-toolbar{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;flex-wrap:wrap}.overview-toolbar select{font-size:12px;max-width:200px}.overview-search{flex:1;min-width:150px}.overview-search input{width:100%;font-size:12px}.record-group{margin-top:30px}.record-group h2{font:16px var(--serif);display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.record-card{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:20px 22px;margin:12px 0;display:grid;grid-template-columns:1fr auto;gap:15px}.record-card .record-ref{font-size:11px;color:var(--accent);padding:0;text-align:left}.record-card blockquote{font:18px/1.8 var(--serif);margin:9px 0;white-space:pre-wrap}.record-card .record-note{font-size:12px;color:var(--muted);white-space:pre-wrap;margin-top:9px}.record-card .record-date{font-size:10px;color:var(--muted);margin-top:9px}.record-actions{display:flex;gap:3px;align-self:start}.record-actions .icon-button{width:30px;height:30px}.record-actions svg{width:15px;height:15px}.tag-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;background:var(--accent-light);color:var(--accent);font-size:10px;margin:4px 5px 0 0}.color-dot{width:10px;height:10px;display:inline-block;border-radius:50%;background:var(--yellow);flex-shrink:0}.color-dot.pink{background:var(--pink)}.color-dot.blue{background:var(--blue)}.color-dot.green{background:var(--greenmark)}.color-dot.orange{background:var(--orange)}.empty-state{text-align:center;padding:70px 20px;color:var(--muted);font-size:13px;line-height:2}.empty-state svg{display:block;width:32px;height:32px;margin:0 auto 15px;color:var(--accent);opacity:.7}.empty-state h2{font:22px var(--serif);margin-bottom:12px}.loading-state{padding:80px 30px;text-align:center;color:var(--muted);font-size:13px}.loader{display:inline-block;width:16px;height:16px;border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-right:10px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}dialog{padding:0;width:min(820px,calc(100% - 35px));max-height:89dvh;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--paper);box-shadow:var(--shadow)}dialog::backdrop{background:#18251e75;backdrop-filter:blur(4px)}.modal-head{position:sticky;top:0;background:var(--paper);padding:22px 28px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:2}.modal-head h2{font:24px/1.5 var(--serif);margin:0}.modal-head .eyebrow{font-size:9px;margin-bottom:5px}#modal-body{padding:25px 28px 30px}.modal-section{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.modal-section:last-child{border:0;margin:0;padding:0}.modal-section h3{font-size:13px;font-weight:600;margin:0 0 15px}.modal-section p{font-size:12px;color:var(--muted);line-height:1.9;margin:8px 0 15px}.primary-button{background:var(--green);color:var(--paper);padding:11px 18px;border-radius:6px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px}[data-theme=dark] .primary-button{color:#203426}.primary-button:hover{color:var(--paper);opacity:.9}[data-theme=dark] .primary-button:hover{color:#203426}.secondary-button{border:1px solid var(--line);padding:10px 15px;border-radius:6px;font-size:12px;display:inline-flex;align-items:center;gap:7px;min-height:40px;background:var(--paper)}.form-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:15px}.field{display:grid;gap:7px;font-size:12px;margin:18px 0}.field input{width:100%}.field small{color:var(--muted);line-height:1.7}.color-options{display:flex;gap:10px;align-items:center}.color-button{width:27px;height:27px;border-radius:50%;background:var(--yellow);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line);display:flex;justify-content:center;align-items:center;color:#554627}.color-button.pink{background:var(--pink)}.color-button.blue{background:var(--blue)}.color-button.green{background:var(--greenmark)}.color-button.orange{background:var(--orange)}.color-button.selected{box-shadow:0 0 0 2px var(--accent)}.color-button svg{width:14px;height:14px}.selection-tools{position:fixed;z-index:80;display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 35px #17251b30;border-radius:30px;padding:11px 14px;max-width:calc(100vw - 20px)}.selection-tools .color-button{width:24px;height:24px}.selection-tools .tool-divider{height:23px;width:1px;background:var(--line)}.selection-tools .icon-button{width:26px;height:26px}.selection-tools svg{width:15px;height:15px}.toast{position:fixed;bottom:calc(28px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;transition:.2s;z-index:100;background:var(--ink);color:var(--paper);padding:11px 20px;border-radius:6px;font-size:12px;max-width:90vw;box-shadow:var(--shadow)}.toast.visible{opacity:1;transform:translateX(-50%)}.chapter-picker{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.chapter-picker button,.verse-picker button{padding:10px 2px;border:1px solid var(--line);border-radius:5px;font:16px Georgia,serif;min-height:43px}.chapter-picker button:hover,.verse-picker button:hover{background:var(--accent-light)}.verse-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.chapter-meta-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.chapter-modal-title{font:italic 16px Georgia,serif;color:var(--muted);margin:0 0 22px}.resource-tabs{display:flex;gap:8px;margin:0 0 22px}.resource-tabs button{padding:7px 12px;border:1px solid var(--line);border-radius:5px;font-size:12px}.resource-tabs button.active{background:var(--accent-light);color:var(--accent)}.note-item{border-bottom:1px solid var(--line);padding:20px 0;scroll-margin-top:115px}.note-item:first-child{padding-top:0}.note-item:last-child{border:0}.note-item .note-label{font:12px var(--sans);color:var(--accent);margin-bottom:10px}.note-item .note-text{font:18px/1.95 var(--serif);white-space:pre-wrap;overflow-wrap:break-word}.note-item:lang(en) .note-text,.note-item:lang(es) .note-text{font-family:Georgia,serif}.note-item .note-text sup{font-size:.65em}.note-lemma{font-weight:600}.xref-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.xref-links button{font-size:11px;padding:6px 10px;background:var(--soft);border:1px solid var(--line);border-radius:5px;color:var(--accent)}.resource-preview{border-left:2px solid var(--accent);padding:10px 15px;background:var(--soft);font:15px/1.8 var(--serif);white-space:pre-wrap;margin:14px 0}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.focus-mode .sidebar,.focus-mode .header-divider,.focus-mode .header-caption{display:none}.focus-mode .app-shell{display:block}.focus-mode .reader-body,.focus-mode .reading-header{max-width:1460px}.geography-content{padding:30px 35px 0;min-height:calc(100dvh - var(--header))}.geography-content .page-top{padding:0 10px}.geo-host{height:calc(100dvh - 230px);min-height:600px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.geo-host iframe{width:100%;height:100%;border:0}.mobile-only{display:none}.footer-brand{font:italic 12px Georgia,serif;color:var(--accent);letter-spacing:.04em}
.geo-host{height:auto;overflow:visible;min-height:760px}.meta-column .intro-part p{white-space:normal}.script-text strong[data-action]{cursor:pointer}.script-text strong[data-action]:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.15em}.inline-marker{display:inline-block;min-width:7px;min-height:11px;line-height:1.1}
@media(min-width:1800px){.home-content{max-width:1320px;padding-top:70px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.header-caption{display:none}.header-divider{display:none}.app-shell{grid-template-columns:218px minmax(0,1fr)}.sidebar-inner{padding:30px 15px 20px}.home-content,.overview-content{padding:45px 35px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-header{padding:25px 25px 0}.reader-body{padding:0 25px 40px}.verse-cell{padding:20px 18px}.reading-title-row{gap:10px}.reading-controls{gap:4px}.reading-title-row h1{font-size:27px}.reading-controls .control-group select{max-width:93px}.parallel-head>div{padding-left:18px;padding-right:18px}}
@media(max-width:1000px){:root{--header:70px}.topbar{padding:0 22px;gap:15px}.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar-inner{padding:28px 10px 15px}.primary-nav button{font-size:12px;gap:10px;padding:10px}.sidebar-eyebrow{font-size:8px;letter-spacing:.13em}.sidebar-bottom{padding:20px 9px 0}.home-content,.overview-content{padding:35px 25px}.home-heading{font-size:32px}.edition-seal{display:none}.catalog-tools{gap:10px}.search-field{width:170px}.reading-title-row{align-items:flex-start;flex-wrap:wrap}.reading-controls{width:100%;justify-content:space-between;margin-top:12px}.reading-tabs{gap:18px;padding-top:10px}.reading-tabs button{font-size:11px}.verse-row,.parallel-head,.title-row,.intro-grid{grid-template-columns:repeat(var(--columns),minmax(0,1fr))}.three-languages .verse-row,.three-languages .title-row,.three-languages .intro-grid{display:block}.three-languages .parallel-head{display:none}.three-languages .verse-cell+.verse-cell,.three-languages .title-cell+.title-cell,.three-languages .meta-column+.meta-column{border-left:0;border-top:1px dashed var(--line)}.three-languages .verse-row{border-bottom:3px solid var(--line)}.three-languages .lang-mobile-label{display:inline;color:var(--muted);font:9px var(--sans);margin-left:10px;letter-spacing:.06em}.three-languages .reader-hint{padding-left:18px}.three-languages .verse-tools{opacity:1}.verse-tools{opacity:1}.book-tile{padding:13px 12px;gap:8px}.book-tile-title{font-size:15px}.book-tile-other{font-size:9px}}
@media(max-width:760px){:root{--header:68px;--read-size:20px}.topbar{padding:0 14px;gap:9px}.brand{gap:8px}.brand>span:last-child{font-size:17px}.brand small{font-size:7px}.brand-icon svg{width:24px;height:24px}.top-actions{gap:2px}.top-actions>.icon-button{width:33px;height:36px}.top-actions>.icon-button svg{width:18px}.account-button{padding:7px;width:31px;height:31px;justify-content:center;border:0;margin:0}.account-button #account-label{display:none}.account-button .status-dot{width:7px;height:7px}.language-button{padding:7px 8px;font-size:11px}.mobile-only{display:inline-flex}.app-shell{display:block}.sidebar{display:none;position:fixed;left:0;top:calc(var(--header) + env(safe-area-inset-top));bottom:0;width:270px;z-index:50;box-shadow:10px 0 40px #0002}.nav-open .sidebar{display:block}.sidebar-inner{position:static;height:100%;padding:28px 22px 20px}.sidebar-scrim{position:fixed;inset:var(--header) 0 0;background:#17251b55;z-index:40}.primary-nav button{font-size:14px;padding:12px}.sidebar-eyebrow{font-size:9px}.sidebar-bottom{padding:25px 12px 10px}.home-content,.overview-content{padding:33px 20px 45px}.home-heading{font-size:32px;margin-top:14px}.home-subtitle{font-size:12px;line-height:1.9;margin-bottom:21px}.hero-eyebrow{font-size:9px}.resume-card{padding:17px 18px;margin-bottom:26px}.resume-card strong{font-size:17px}.catalog-tools{align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}.tabs{gap:18px}.tabs button{font-size:12px}.search-field{width:160px}.book-grid{gap:8px}.book-tile{min-height:75px;padding:13px 11px}.book-index{font-size:10px;min-width:17px}.book-tile-title{font-size:16px}.book-tile-other{font-size:10px;line-height:1.5}.catalog-footer{font-size:9px}.reading-header{padding:22px 20px 0}.breadcrumb{margin-bottom:18px}.reading-title-row h1{font-size:29px}.reading-title-row .subtitle{font-size:12px}.reading-controls{margin-top:16px;gap:10px;justify-content:flex-start}.reading-controls .control-group select{max-width:140px}.reading-controls>.icon-button:first-of-type{margin-left:auto}.reader-body{padding:0 20px 30px}.parallel-head{display:none}.verse-row,.title-row,.intro-grid{display:block}.verse-cell{padding:19px 16px}.verse-cell+.verse-cell,.title-cell+.title-cell,.meta-column+.meta-column{border-left:0;border-top:1px dashed var(--line)}.verse-row{border-bottom:3px solid var(--line);scroll-margin-top:90px}.lang-mobile-label{display:inline;color:var(--muted);font:9px var(--sans);margin-left:10px;letter-spacing:.06em}.verse-top{margin-bottom:7px}.verse-tools{opacity:1}.script-text{line-height:1.9}.reading-tabs{gap:23px;margin-top:12px}.reading-tabs button{font-size:12px;padding-bottom:12px}.reading-tabs .read-toggle{font-size:10px;gap:4px}.reader-hint{padding:17px 16px 10px;font-size:10px}.chapter-end{font-size:11px;padding:27px 0}.chapter-end button{padding:9px 10px;gap:7px}.chapter-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.verse-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.modal-head{padding:18px 20px}.modal-head h2{font-size:21px}#modal-body{padding:22px 20px}.meta-column{padding:24px 16px}.title-cell{padding:18px 16px}.page-top{margin-bottom:22px}.page-top h1{font-size:28px}.overview-toolbar{gap:8px}.overview-toolbar select{font-size:11px;max-width:140px}.record-card{padding:17px 15px;gap:8px}.record-card blockquote{font-size:17px}.record-card .record-ref{font-size:11px}.record-actions{gap:0}.record-actions .icon-button{width:26px}.geography-content{padding:25px 12px 0}.geography-content .page-top{padding:0 8px}.geo-host{height:calc(100dvh - 210px);min-height:550px}.focus-mode .topbar .brand{display:flex}.focus-mode .sidebar{display:none}.popover{right:-65px;width:245px}.selection-tools{gap:8px;padding:10px 12px}.chapter-end .chapter-current{display:none}}
@media(max-width:420px){.brand-icon{display:none}.topbar{padding:0 11px}.brand>span:last-child{font-size:16px}.brand small{font-size:7px}.language-button{font-size:10px;padding:7px}.book-tile-title{font-size:15px}.book-tile-other{font-size:9px}.search-field{width:137px}.tabs{gap:14px}.tabs .tab-count{margin-left:4px}.home-heading{font-size:29px}.home-content,.overview-content{padding-right:16px;padding-left:16px}.book-index{display:none}.book-tile .chevron{width:10px}.reading-header{padding-right:16px;padding-left:16px}.reader-body{padding-right:16px;padding-left:16px}.reading-tabs{gap:16px}.reading-tabs button{font-size:11px}.reading-controls{gap:5px}.control-group select{font-size:11px}.reading-controls .control-group select{max-width:106px}.reading-controls>.icon-button{width:31px}.overview-toolbar select{max-width:125px}.verse-tools button{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loader{animation:none}}
@media print{.topbar,.sidebar,.reading-controls,.reading-tabs,.verse-tools,.verse-resources,.chapter-end,.reader-hint,.reading-footnote{display:none!important}.app-shell{display:block}.reader-body,.reading-header{padding:10px}.verse-row,.title-row,.intro-grid{display:grid!important;break-inside:avoid}.script-text{font-size:12pt}.verse-cell{padding:8px}.lang-mobile-label{display:none}.verse-row{border-bottom:1px solid #ddd}.verse-cell+.verse-cell{border-left:1px solid #ddd;border-top:0}.home-content{padding:0}.book-grid{grid-template-columns:repeat(4,1fr)}}
.sidebar-bottom-actions{display:flex;align-items:center;gap:5px;justify-content:space-between}.sidebar-bottom-actions .text-button{gap:8px;margin:0;font-size:11px}.sidebar-bottom-actions .text-button svg{width:16px;height:16px;flex-shrink:0}.sidebar-collapse{font:24px Georgia,serif;width:28px;height:34px;margin-left:auto;border-radius:5px}.sidebar-collapse:hover{background:var(--soft)}.sidebar-collapsed .sidebar-collapse{transform:rotate(180deg)}.sidebar-collapsed .primary-nav button{justify-content:center}.sidebar-collapsed .primary-nav button>span{display:none}.sidebar-collapsed #side-context,.sidebar-collapsed .sidebar-eyebrow,.sidebar-collapsed .sidebar-bottom>p,.sidebar-collapsed .sync-label{display:none}.sidebar-collapsed .sidebar-inner{padding:30px 9px 20px}.sidebar-collapsed .sidebar-bottom{padding:20px 0 0}.sidebar-collapsed .sidebar-bottom-actions{flex-direction:column;gap:10px}.sidebar-collapsed .sidebar-bottom-actions .text-button{width:35px;min-height:35px;justify-content:center}.sidebar-collapsed .sidebar-bottom-actions .text-button span{display:none}.sidebar-collapsed .sidebar-collapse{margin:0}.sidebar-collapsed .primary-nav button svg{width:20px;height:20px}.place-detail-host iframe{min-height:300px!important}.place-detail-host{min-height:300px}.search-content{max-width:1300px;margin:auto;padding:42px 45px 60px}.verse-cell .script-text{cursor:text}.sidebar .primary-nav button>span:first-of-type{min-width:0;overflow-wrap:normal;word-break:normal}.sidebar .primary-nav button{min-height:45px}.home-content:lang(en) .book-tile-title,.home-content:lang(es) .book-tile-title{font-family:Georgia,serif}
[data-theme=dark] .primary-nav button.active,[data-theme=dark] .primary-button,[data-theme=dark] .primary-button:hover,[data-theme=dark] .side-chapter-grid button.active{color:#151515}
@media screen and (min-width:761px){.app-shell{transition:grid-template-columns .22s ease}.sidebar-collapsed .app-shell{grid-template-columns:76px minmax(0,1fr)}.focus-mode .app-shell{display:block}}
@media(max-width:760px){.sidebar-collapse{display:none}.sidebar-collapsed .sidebar{width:270px}.sidebar-collapsed .sidebar-inner{padding:28px 22px 20px}.sidebar-collapsed .primary-nav button{justify-content:flex-start}.sidebar-collapsed .primary-nav button>span{display:inline}.sidebar-collapsed #side-context,.sidebar-collapsed .sidebar-eyebrow,.sidebar-collapsed .sidebar-bottom>p,.sidebar-collapsed .sync-label{display:block}.sidebar-collapsed .sidebar-bottom{padding:25px 12px 10px}.sidebar-collapsed .sidebar-bottom-actions{flex-direction:row}.sidebar-collapsed .sidebar-bottom-actions .text-button{width:auto;justify-content:flex-start}.sidebar-collapsed .sidebar-bottom-actions .text-button span{display:inline}.search-content{padding:28px 18px 40px}}
@media(prefers-reduced-motion:reduce){.app-shell{transition:none}}
/* Compact reading rhythm; keep font size and touch controls comfortable. */
@media screen{
 .verse-cell{padding:10px 24px 4px}
 .verse-top{margin-bottom:2px}
 .script-text{line-height:1.8}
 .script-text:lang(en),.script-text:lang(es){line-height:1.75}
 .reader-hint{padding:9px 24px 5px}
}
@media screen and (max-width:1250px){.verse-cell{padding:10px 18px 4px}}
@media screen and (max-width:760px){
 .verse-cell{padding:9px 14px 5px}
 .verse-top{margin-bottom:2px}
 .verse-row,.three-languages .verse-row{border-bottom-width:1px}
 .reader-hint{padding:10px 14px 6px}
}

/* Offline library controls share the reading settings palette. */
.offline-download{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.offline-download-status{font-size:13px;line-height:1.7;font-weight:500}
.offline-download progress{display:block;width:100%;height:7px;margin:14px 0 9px;accent-color:var(--accent)}
.offline-download-count,.offline-download-storage{font-size:11px;line-height:1.8;color:var(--muted);font-variant-numeric:tabular-nums}
.offline-download .form-row{margin-top:14px;gap:8px;flex-wrap:wrap}
.offline-download-error{color:#b55444!important;margin:8px 0!important;font-size:12px!important}
.offline-download-error:empty{display:none}
.offline-remove-hint,.offline-storage-note{font-size:11px!important;color:var(--muted)!important}
.offline-remove-hint{margin-bottom:0!important}
#offline-settings [hidden]{display:none!important}
@media(max-width:760px){.offline-download{padding:13px}.offline-download .form-row button{min-height:42px;white-space:normal;text-align:center}}