:root{--topbar-height:78px}
.topbar{position:relative;z-index:30;gap:12px}
.layout-controls{display:flex;gap:10px;align-items:center;font-size:11px;flex-shrink:0}
.layout-controls button{padding:8px 10px;border-radius:5px;white-space:nowrap}
.layout-controls button:hover{background:#eaf0e4}
.focus-modes{display:flex;border:1px solid var(--line);border-radius:7px;padding:2px;gap:2px}
.focus-modes [aria-pressed="true"]{background:#e7efdd;color:#315c3c}
#layout-contents[aria-expanded="true"]{color:#315c3c;background:#eef3e8}
#layout-reset{font-size:18px;padding:5px 8px}
.workspace{height:calc(100dvh - var(--topbar-height) - var(--speechbar-height, 0px));grid-template-columns:230px 6px minmax(0,1fr) 6px 420px}
.workspace>.sidebar{grid-column:1;grid-row:1;display:flex;min-width:0;border-right:0}
.workspace>.reader{grid-column:3;grid-row:1;container-type:inline-size}
.workspace>.companion{grid-column:5;grid-row:1;border-left:0;container-type:inline-size}
#resize-sidebar{grid-column:2;grid-row:1}#resize-companion{grid-column:4;grid-row:1}
.panel-divider{position:relative;cursor:col-resize;touch-action:none;background:#edf0e8;outline-offset:-2px;z-index:2}
.panel-divider:before{content:'';position:absolute;width:2px;height:36px;top:50%;left:2px;transform:translateY(-50%);border-radius:2px;background:#b6c3ac}
.panel-divider:hover,.panel-divider:focus-visible{background:#cbdabd}
.panel-divider:after{content:'';position:absolute;inset:0 -3px}
.resizing-panels,.resizing-panels *{cursor:col-resize!important;user-select:none!important}
.panel-actions{display:flex;gap:2px;align-items:center;flex-shrink:0}
.panel-button{font-size:20px;width:26px;height:29px;display:grid;place-items:center;border-radius:4px;color:#7c8d73}
.panel-button:hover{background:#eaf0e4;color:var(--green)}
.companion-header{gap:8px}
.companion-header>div:first-child{min-width:0}
.sidebar-backdrop{position:fixed;inset:calc(var(--topbar-height) + var(--speechbar-height, 0px)) 0 0;background:#17291e40;z-index:40;cursor:default}
body[data-layout="discuss"] .companion-header,body[data-layout="discuss"] .companion-tabs,body[data-layout="discuss"] .discussion,body[data-layout="discuss"] .notebook{width:100%;max-width:1060px;align-self:center}
body[data-layout="discuss"] .companion-tabs{width:calc(100% - 48px)}
@container(max-width:390px){.companion-header{padding:20px 14px 16px}.companion-header h1{font-size:18px}.companion-header .section-label{font-size:7px;letter-spacing:.8px}.messages{padding:20px 14px}.companion-tabs{margin:0 14px}.composer{padding:12px}.panel-actions{gap:0}.panel-button{width:23px}.reader-toolbar{padding:0 6px;gap:2px}.toolbar-right{gap:1px}.toolbar-right a{margin-left:2px;padding-left:5px}.reading-location span:last-child{display:none}}
@container(max-width:330px){#composer-hint{display:none}.composer-bottom{justify-content:flex-end}.reader-toolbar #toggle-sidebar{display:none}.reading-location{padding-left:14px;padding-right:14px}}
@media(max-width:950px){.workspace>.sidebar.mobile-open{position:fixed;top:calc(var(--topbar-height) + var(--speechbar-height, 0px))!important;bottom:0;left:0;width:260px;z-index:50;box-shadow:10px 0 40px #18392520}.topbar{padding:0 14px}.brand-sub{display:none}.brand{font-size:22px;gap:8px}.layout-controls{gap:4px}.layout-controls button{padding:7px 8px}}
@media(max-width:700px){.topbar{height:auto;min-height:104px;padding:10px 14px;display:grid;grid-template-columns:1fr auto;gap:8px}.brand{grid-row:1;grid-column:1}.connection{grid-row:1;grid-column:2;justify-self:end}.layout-controls{grid-row:2;grid-column:1 / -1;justify-content:center}.layout-controls button{padding:7px 12px}.workspace{display:flex;flex-direction:column;height:auto}.panel-divider{display:none}.workspace>.sidebar.mobile-open{top:calc(var(--topbar-height) + var(--speechbar-height, 0px))!important}.workspace>.reader{height:70dvh;min-height:440px}.workspace>.companion{height:85dvh;min-height:650px;border-top:1px solid var(--line)}body[data-layout="read"] .workspace,body[data-layout="discuss"] .workspace{height:calc(100dvh - var(--topbar-height) - var(--speechbar-height, 0px))}body[data-layout="read"] .reader,body[data-layout="discuss"] .companion{height:100%;min-height:0;flex:1}body[data-layout="split"] .workspace:has(.companion[hidden]) .reader{height:calc(100dvh - var(--topbar-height) - var(--speechbar-height, 0px));min-height:0}}
.topbar-actions{display:flex;align-items:center;gap:7px;min-width:0}.topbar-toggle{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fcfdf9;color:#687d60}.topbar-toggle:hover{background:#eaf0e4;color:var(--green)}#show-topbar{position:fixed;top:4px;right:6px;width:40px;height:40px;z-index:55;box-shadow:0 2px 8px #243c2010}.topbar-hidden .companion-header{padding-right:52px}.topbar-hidden .workspace:has(.companion[hidden]) .reader-toolbar{padding-right:52px}
@media(max-width:700px){.topbar-actions{grid-column:2;grid-row:1;justify-self:end}.topbar-actions .connection{max-width:135px}.topbar-hidden .reader-toolbar{padding-right:52px}}
@container(max-width:390px){.topbar-hidden .reader-toolbar .toolbar-right a{display:none}}
.zoom-control{display:inline-flex;align-items:center;gap:1px;flex-shrink:0;font-size:11px}.zoom-control input{width:34px;min-width:0;padding:5px 2px;text-align:right;border:1px solid #dce0d6;border-radius:4px;background:white;color:inherit;font:inherit}.zoom-control span{padding-right:2px}.pdf-page{min-width:0}