.navigation{display:flex;align-items:center;gap:12px;padding:12px 28px}.navigation nav{padding:0;display:flex;gap:5px;flex-wrap:wrap}.navigation nav button{display:inline-block;min-width:0;padding:5px 10px;border:0;background:transparent;font-size:14px}.navigation nav button:last-child{color:var(--gold);background:#26322d}.navigation nav button+button:before{content:'‹';color:var(--muted);margin-left:12px}.nav-actions{display:flex;gap:6px;margin-right:auto}.mode{margin-right:auto}.toolbar{align-items:end}.settings{position:relative;margin:0;border:0;padding:9px;font-size:12px}.settings[open]{position:absolute;top:170px;left:25px;width:250px;z-index:15;background:var(--panel);padding:18px;border:1px solid var(--line);border-radius:12px}.settings label{display:block;margin-top:12px}.settings p{font-size:12px;color:var(--muted)}main{grid-template-columns:minmax(0,1fr) 410px;height:calc(100dvh - 253px)}aside{scroll-behavior:smooth}.scene-label{position:absolute;top:16px;left:20px;right:20px;display:flex;flex-direction:column;align-items:center;pointer-events:none;direction:rtl;text-shadow:0 2px 10px #000}.scene-label span{font-size:11px;color:var(--muted)}.scene-label strong{font-size:17px;color:var(--gold)}.neighbors{border-top:1px solid var(--line);margin-top:20px}.neighbors h3{font-size:13px;color:var(--muted);font-weight:400}#neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#neighbors button{text-align:right;font-size:13px;line-height:1.5}#neighbors button[aria-current=true]{border-color:var(--gold);background:#293830}#node-summary{margin:5px 0}#reading details{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:8px}#reading summary{font-size:14px;color:var(--gold)}#reading article{padding:12px 0;border-bottom:1px solid var(--line)}#reading article:last-child{border-bottom:0}#reading article button{font-size:12px;padding:4px 8px}#reading article p{font:23px/1.9 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.source-note{font-size:11px;color:var(--muted)}.paging{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11px}.aside-top{align-items:center;gap:8px}.aside-top button{font-size:11px}#message{background:#071116dd}#message[aria-busy=true] strong:after{content:' ·';animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}#message strong:after{animation:none!important}}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 350px}.toolbar{gap:6px}.toolbar select{font-size:13px}}@media(max-width:850px){.navigation{padding:8px 14px;flex-wrap:wrap}.nav-actions{margin-right:0}.mode{margin-right:0}main{height:auto;grid-template-columns:1fr}.workspace{height:50dvh;min-height:330px}aside{max-height:none;overflow:visible}.toolbar label{flex:1;min-width:110px}.toolbar select{width:100%}.settings[open]{top:200px;left:14px}.scene-label{top:10px}.scene-footer{font-size:10px}#node-text,#reading article p{font-size:23px}}

.torah-search{padding:0 28px 12px}.torah-search form{display:flex;align-items:center;gap:8px}.torah-search input{width:350px;max-width:45vw}.torah-search label{font-size:12px;color:var(--muted)}#search-status{margin:4px 0;font-size:12px;color:var(--muted)}#search-results{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow:auto}#search-results button{text-align:right;font-size:12px}main{height:calc(100dvh - 316px)}header #sign-in{font-size:12px;margin-right:auto}.previous{margin-right:0}@media(max-width:850px){.torah-search{padding:0 14px 12px}.torah-search form{flex-wrap:wrap}.torah-search input{flex:1;max-width:100%;min-width:170px}.torah-search label{width:100%}main{height:auto}header{gap:12px}header #sign-in{font-size:11px}}

aside{padding-bottom:175px}
#open-study-tool{font-size:14px;padding:9px 12px;border:1px solid #a7b9b780;border-radius:8px;color:#ecdfc3;line-height:1.4}#open-study-tool[hidden]{display:none}#reading img,#reading video{display:block;width:100%;max-height:50dvh;object-fit:contain;border-radius:8px;margin-top:12px}

/* Reading floats over the available space; it never reserves a right column. */
main{display:block;height:calc(100dvh - 330px);min-height:350px}.workspace{height:100%;min-height:350px}.reading-panel{position:fixed;inset:auto;z-index:10500;width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 110px);padding:0;border:1px solid #7796a2;border-radius:16px;background:#0d222ef5;box-shadow:0 12px 45px #0009;overflow:hidden;resize:both;min-width:250px}.reading-panel[hidden]{display:none!important}.reading-handle{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #63849355;padding:8px;background:#18313e}.reading-handle button{background:transparent;border:0;padding:5px 8px;color:#ecdfc3}.reading-handle #reading-drag{touch-action:none;cursor:move;font-size:12px}.reading-handle #reading-close{font-size:24px}.reading-content{padding:18px;max-height:calc(100dvh - 170px);overflow:auto}.reading-panel #node-text{font-size:24px;line-height:1.9}.reading-panel #node-title{margin-top:10px}@media(max-width:850px){main{height:55dvh;min-height:340px}.workspace{height:100%;min-height:340px}.reading-panel{max-height:68dvh}.reading-content{max-height:calc(68dvh - 52px)}}

/* The graph gets the space previously occupied by four rows of controls. */
body.torah-service{height:100dvh;overflow:hidden}
.torah-service main{position:fixed;inset:56px 0 calc(154px + env(safe-area-inset-bottom));height:auto;min-height:0;border:0}
.torah-service .workspace{height:100%;min-height:0}.torah-service .scene-label{top:8px}.torah-service .scene-label strong{font-size:14px;font-weight:400}
@media(max-width:700px){.torah-service main{bottom:calc(220px + env(safe-area-inset-bottom))}}
@media(max-height:500px){.torah-service main{top:60px;bottom:104px}}

.torah-service .scene-label{display:none}

/* Graph actions stay right; history provides the return path. */
.torah-service .pi-service-toolbar{justify-content:flex-start}
.torah-service #service-search-menu>summary{width:62px;font:14px Arial}
.torah-service #torah-quick-search{margin:0;flex:0 1 340px}
@media(max-width:700px){.torah-service #service-search-menu>summary{width:44px;font-size:12px}.torah-service #service-search-menu{display:block}}
@media(max-width:520px){.torah-service .pi-service-toolbar{height:auto;flex-wrap:wrap;align-content:start}.torah-service #torah-quick-search{order:4;flex:1 1 100%;min-width:140px}.torah-service main{top:106px}.torah-service .pi-search-panel{top:112px}.torah-service .pi-service-menu-body{top:54px}}
@media(max-width:360px){.torah-service .pi-quick-search input{min-width:52px}}

/* One verse, three complete commentary columns. The graph keeps its place. */
#parallel-toggle{flex:none;font-size:13px;white-space:nowrap;padding:8px 12px}
#parallel-toggle[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
.parallel-reading{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg);direction:rtl;padding:12px 24px 8px;gap:16px}
.parallel-verse{max-height:34vh;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:12px}
.parallel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.parallel-heading h1{font:500 20px/1.5 Arial,sans-serif;color:var(--gold)}
.parallel-verse-nav{display:flex;gap:8px}.parallel-verse-nav button{font-size:12px}
.parallel-verse-text{font:27px/1.8 Georgia,'Times New Roman',serif;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.parallel-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;gap:24px}
.parallel-column{min-width:0;min-height:0;display:flex;flex-direction:column;border-inline-start:1px solid var(--line);padding-inline-start:18px}
.parallel-column:first-child{border:0;padding-inline-start:0}
.parallel-column h2{font:500 21px/1.4 Arial,sans-serif;margin:0 0 4px}
.parallel-status{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin:0 0 12px}
.parallel-segments{overflow:auto;min-height:0;scrollbar-gutter:stable;overscroll-behavior:contain;padding-inline-end:10px}
.parallel-segments:focus-visible{outline:1px solid var(--gold);outline-offset:2px}
.parallel-segment{padding:0 0 20px;margin:0 0 18px;border-bottom:1px solid var(--line)}
.parallel-segment h3{font:12px/1.5 Arial,sans-serif;color:var(--gold);margin:0 0 5px}
.parallel-text{font:23px/1.85 Georgia,'Times New Roman',serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}
.parallel-source,.parallel-attribution{font:11px/1.6 Arial,sans-serif;overflow-wrap:anywhere}.parallel-attribution{display:block;color:var(--muted);margin-top:4px}
.parallel-retry{align-self:start;margin-top:8px}
@media(max-width:760px){.parallel-reading{display:block;overflow:auto;padding:12px 16px;overscroll-behavior:contain}.parallel-verse{max-height:none}.parallel-columns{display:block}.parallel-column{border:0;border-top:1px solid var(--line);padding:18px 0}.parallel-segments{overflow:visible;padding:0}.parallel-heading{align-items:start;flex-wrap:wrap}.parallel-verse-text{font-size:25px}.parallel-text{font-size:23px}}
@media(max-width:520px){#parallel-toggle{font-size:12px;padding:7px 8px}.parallel-verse-nav button{padding:5px 8px}.parallel-reading{padding-inline:12px}}

/* Each spiral identifies its collection before the first item. */
.sequence-heading{position:absolute;top:8px;left:16px;right:16px;z-index:4;text-align:center;pointer-events:none;text-shadow:0 2px 8px #000}
.sequence-heading[hidden]{display:none}
.sequence-heading h2{margin:0;color:var(--gold);font:500 18px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.sequence-heading p{margin:3px 0 0;color:var(--muted);font:12px/1.5 Arial,sans-serif}
.workspace.has-sequence #view{top:80px;bottom:0;height:auto}
@media(max-width:700px){.sequence-heading{top:6px;left:10px;right:10px}.sequence-heading h2{font-size:15px}.sequence-heading p{font-size:11px}.workspace.has-sequence #view{top:76px}}
@media(max-height:500px){.sequence-heading{top:2px}.sequence-heading h2{font-size:14px}.sequence-heading p{display:none}.workspace.has-sequence #view{top:44px}}