/* Thesis: a small silver instrument beside a generous, quiet reading window.
   Content: compact file toolbar, persistent navigation, dominant reading/media, index.
   Motion: point focus, sticky controls, deliberate return to each new reading. */
.studio-heading{padding:16px 24px 8px;max-width:1600px;align-items:center}
.studio-heading h1{font-size:28px;letter-spacing:-.035em}
.load-actions{margin:0}.load-actions .button,.load-actions button{padding:8px 12px;font-size:12px;gap:12px}
.file-hint{max-width:1600px;padding:2px 24px 8px;font-size:11px}
#import-status{max-width:1552px;font-size:11px;margin-bottom:8px;padding:0}
.studio-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start;max-width:1552px;margin:0 auto;border:0;border-radius:0;overflow:visible}
.orb-stage{position:sticky;top:12px;height:auto;min-height:0;max-height:calc(100svh - 24px);overflow:auto;border:1px solid #334b5e;border-radius:10px;padding:14px;display:flex;flex-direction:column;animation:none;scrollbar-width:thin}
.stage-top{position:static;font-size:8px;gap:6px;order:0}
.stage-caption{position:static;order:1;width:auto;max-width:none;text-align:left;margin:12px 0 0;text-shadow:none}
.stage-caption .eyebrow{display:none}.stage-caption h2{font-size:22px;line-height:1.15;max-width:none;margin:0 0 5px}.stage-caption p:last-child{font-size:10px;line-height:1.4;max-width:none;margin:0}
#orb-canvas{position:relative;inset:auto;height:170px;width:100%;flex:none;order:2}
.orb-controller{position:static;order:3;width:100%;max-width:none;background:none;border:0;padding:0;box-shadow:none;border-radius:0;backdrop-filter:none}
.controller-heading{font-size:10px;margin-bottom:8px}.orb-controller .compass{grid-template-rows:repeat(3,34px);gap:4px}
.orb-controller button{min-height:34px;font-size:10px;padding:6px 4px;border-radius:5px}
.thread-controls{margin-top:7px;gap:6px}.orb-controller .reading-actions{margin-top:7px;gap:6px}
.orb-controller .edge-note{font-size:9px;line-height:1.45;min-height:0;margin:8px 0}
.display-options{order:5;font-size:10px;margin-top:10px;color:#acc7d8}.display-options summary{cursor:pointer;padding:6px 0;min-height:28px}
.view-controls{position:static;display:flex;gap:6px;padding:8px 0 0}.view-controls label{min-width:0;flex:1;font-size:9px}.view-controls select{width:100%;font-size:10px;padding:6px 2px;max-width:none}
.stage-bottom{position:static;order:4;display:block;margin-top:4px}.stage-bottom>span{display:none}.stage-bottom>div{display:flex;justify-content:space-between;gap:6px}.stage-bottom button{font-size:9px;min-height:32px;padding:6px}
.reading-panel{min-width:0;min-height:calc(100svh - 155px);border-radius:10px;padding:26px clamp(24px,3vw,48px);scroll-margin-top:12px;animation:none}
.reading-top{padding-bottom:12px}.reading-panel h2{font-size:clamp(27px,2.7vw,38px);max-width:900px;margin:10px 0 12px}.thread-label{margin-top:20px}.reading-tags{margin-bottom:22px;font-size:9px}
.reading-columns{display:block}.reading-main{max-width:76ch}#reading-text p{max-width:none;font-size:19px;line-height:1.8}
.reading-resources{border:0;border-top:1px solid #d2dadd;margin-top:24px;padding:20px 0 0;max-width:76ch}.reading-panel .reading-resources details{padding:10px 0}
.reader-footer{display:none}.index-section,.studio-guide,.studio-footer{max-width:1552px}
@media(max-width:1600px){.studio-workspace,.index-section,.studio-guide,.studio-footer{margin-left:24px;margin-right:24px}#import-status{margin-left:24px;margin-right:24px}}
@media(min-width:761px) and (max-height:740px){#orb-canvas{height:120px}.stage-caption h2{font-size:19px}.stage-caption p:last-child{display:none}.orb-stage{padding:10px}.stage-caption{margin-top:8px}.orb-controller .edge-note{font-size:8px}.display-options{margin-top:4px}}
@media(min-width:761px) and (max-width:1050px){.studio-workspace{grid-template-columns:220px minmax(0,1fr);gap:12px}.orb-stage{padding:10px}.reading-panel{padding:24px}.reading-panel h2{font-size:29px}#reading-text p{font-size:18px}.stage-caption h2{font-size:20px}}
@media(max-width:760px){
 .studio-heading{display:flex;padding:12px 12px 8px;gap:12px;flex-wrap:wrap}.studio-heading h1{font-size:24px}.load-actions{gap:6px}.load-actions button,.load-actions .button{font-size:10px;padding:7px 9px}.file-hint{padding:0 12px 8px;font-size:10px}#import-status{margin:0 12px 8px;font-size:10px}
 .studio-workspace{display:block;margin:0 8px}.orb-stage{position:sticky;top:0;z-index:6;min-height:0;height:174px;max-height:none;padding:8px;overflow:visible;display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:1fr;border-radius:8px;background:#102032f7;box-shadow:0 4px 14px #0003}
 .stage-top,.stage-caption{display:none}#orb-canvas{position:absolute;top:5px;left:4px;width:94px;height:100px;margin:0}
 .orb-controller{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:18px repeat(3,40px);gap:4px;width:auto;margin-left:6px;align-self:start}
 .controller-heading{grid-area:1/1/2/4;margin:0;font-size:9px;align-items:center}.orb-controller .compass,.thread-controls,.orb-controller .reading-actions{display:contents}.thread-controls>span,.orb-controller .edge-note{display:none}
 .orb-controller .compass [data-move=up]{grid-area:2/2/3/3}.orb-controller .compass [data-move=left]{grid-area:3/1/4/2}.orb-controller .compass #home-point{grid-area:3/2/4/3}.orb-controller .compass [data-move=right]{grid-area:3/3/4/4}.orb-controller .compass [data-move=down]{grid-area:4/2/5/3}
 .orb-controller [data-move=back]{grid-area:2/1/3/2}.orb-controller [data-move=forward]{grid-area:2/3/3/4}.orb-controller #previous{grid-area:4/1/5/2}.orb-controller #next{grid-area:4/3/5/4}.orb-controller button{font-size:10px;min-height:40px;padding:3px;line-height:1.2}.orb-controller .reading-actions button{font-size:9px}
 .stage-bottom{position:absolute;top:103px;left:6px;width:86px;margin:0}.stage-bottom>div{display:block;width:auto}.stage-bottom #rotation{width:100%;min-height:28px;padding:3px;font-size:9px}.stage-bottom #read-point{display:none}
 .display-options{position:absolute;top:133px;left:8px;margin:0;font-size:9px}.display-options summary{padding:5px 0;min-height:28px}.display-options[open]{background:#102032;border:1px solid #55758c;border-radius:6px;padding:6px;width:240px;box-shadow:0 8px 20px #0006;z-index:8}.display-options .view-controls{padding-bottom:6px}
 .reading-panel{margin-top:8px;padding:22px 20px;min-height:calc(100svh - 182px);scroll-margin-top:184px;border-radius:8px}.reading-panel h2{font-size:28px;line-height:1.2}.reading-top{gap:8px}.reading-top .eyebrow{font-size:9px}.reading-top button{font-size:10px;min-height:30px}.reading-tags{margin-bottom:18px;gap:8px}.thread-label{margin-top:16px;font-size:10px}#reading-text p{font-size:18px;line-height:1.75}.reading-resources{margin-top:20px}
 .index-section,.studio-guide,.studio-footer{margin-left:16px;margin-right:16px}
}
@media print{.studio-workspace{display:block;margin:0}.orb-stage{display:none!important}.reading-panel{min-height:0;padding:0;margin:0;border:0;overflow:visible}.reading-panel h2{font-size:26px}#reading-text p{font-size:12pt;line-height:1.6}.reading-resources{max-width:none}}
@media(max-width:760px){.stage-bottom{bottom:auto;right:auto}.display-options{z-index:7}}
@media(max-width:760px){.studio-page .header-inner{padding:8px 12px 0;gap:0;min-height:0}.studio-page .nav{flex-wrap:nowrap;overflow-x:auto;min-height:36px;height:36px;gap:18px}.studio-page .nav a{font-size:11px;padding:6px 0}.studio-page .brand{font-size:15px}.studio-page .brand::before{width:23px;height:23px}.studio-page .language-menu{font-size:11px}.studio-heading{flex-wrap:nowrap;gap:8px}.load-actions .button,.load-actions button{font-size:9px;padding:7px}.load-actions .button span{display:none}.studio-heading h1{font-size:22px;white-space:nowrap}.load-actions{flex-wrap:nowrap}.file-hint{font-size:9px}.reading-panel h2{font-size:25px}.reading-panel{padding:18px 18px}.reading-top{padding-bottom:8px}.thread-label{margin-top:12px}.reading-tags{font-size:8px;margin-bottom:16px}}
/* Directional destinations stay within the compact navigation column. */
.compass-directory{order:6;border-top:1px solid #385265;margin-top:10px;padding-top:8px;color:#d9e9f2;font-size:11px}
.compass-directory>summary{cursor:pointer;font-size:11px;font-weight:600;min-height:28px;padding:5px 0}
.compass-point-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;max-height:250px;overflow:auto;padding:8px 2px 4px;scrollbar-width:thin}
.compass-point-grid section{min-width:0}.compass-point-grid h3{font-size:11px;color:#aad2e6;font-weight:600;margin:0 0 5px}
.compass-point-grid ul{list-style:none;padding:0;margin:0}.compass-point-grid li+li{margin-top:6px}
.studio-page .compass-point-grid button{display:block;width:100%;border:0;border-radius:3px;padding:5px 2px;text-align:left;font-size:11px;line-height:1.45;color:#e4eef4;background:transparent;overflow-wrap:anywhere;min-height:32px}
.studio-page .compass-point-grid button:hover{background:#263e50;color:white;text-decoration:underline;text-underline-offset:3px}
.compass-empty{font-size:10px;line-height:1.5;color:#99aebd}
@media(min-width:761px){#orb-canvas{height:auto;aspect-ratio:1;max-height:70svh}.orb-controller .edge-note{display:none}.display-options{margin-top:3px}.stage-caption h2{font-size:20px}}
@media(max-width:760px){
 .orb-stage{height:204px}.reading-panel{scroll-margin-top:214px}
 .compass-directory{position:absolute;top:167px;left:8px;right:8px;margin:0;padding:0;border:0;z-index:9;background:#102032}
 .compass-directory>summary{font-size:10px;min-height:30px;padding:8px 0}
 .compass-directory[open]{border:1px solid #55758c;border-radius:6px;padding:0 10px 8px;box-shadow:0 8px 20px #0006}
 .compass-point-grid{max-height:min(270px,45svh);gap:12px}.studio-page .compass-point-grid button{font-size:12px;min-height:40px}
}
@media print{.compass-directory{display:none!important}}
/* An adjustable seam keeps the reader generous and gives the compass room. */
.workspace-divider,.orb-resize-hint{display:none}
@media(min-width:761px){
 .orb-resize-hint{display:block;max-width:1552px;margin:0 auto 10px;color:#acc7d8;font-size:12px;line-height:1.5}
 .studio-workspace{grid-template-columns:var(--studio-column-width,300px) 22px minmax(0,1fr);gap:8px}
 .workspace-divider{display:flex;align-items:flex-start;justify-content:center;position:sticky;top:12px;height:calc(100svh - 24px);max-height:720px;min-width:0;cursor:col-resize;touch-action:none;border-radius:8px;outline-offset:1px;background:linear-gradient(#a7c9dd00,#91b7cf44 18%,#91b7cf44 82%,#a7c9dd00);background-size:1px 100%;background-position:center;background-repeat:no-repeat}
 .workspace-divider span{display:grid;place-items:center;margin-top:28px;width:22px;height:54px;border:1px solid #66859a;border-radius:10px;color:#cde9f6;background:linear-gradient(90deg,#213747,#476274,#213747);font-size:16px;box-shadow:0 2px 8px #0003;pointer-events:none;transition:color .15s,border-color .15s}
 .workspace-divider:hover span,.workspace-divider:focus-visible span,.studio-resizing .workspace-divider span{color:white;border-color:#d2f0ff;background:#42667e}
 .workspace-divider:focus-visible{outline:2px solid #c5eaff}
 .studio-resizing,.studio-resizing *{cursor:col-resize!important;user-select:none!important}
 .orb-stage{min-width:0}.stage-caption h2,.stage-caption p{overflow-wrap:anywhere}
}
@media(min-width:761px) and (max-width:1050px){.studio-workspace{grid-template-columns:var(--studio-column-width,240px) 22px minmax(0,1fr)}}
@media(min-width:761px) and (max-width:1600px){.orb-resize-hint{margin-left:24px;margin-right:24px}}
@media(prefers-reduced-motion:reduce){.workspace-divider span{transition:none}}
@media print{.workspace-divider,.orb-resize-hint{display:none!important}}