/* Shared editorial rhythm. UI stays sans-serif; writing gets the editorial face. */
:root{--oq-ink:#26262b;--oq-muted:#777780;--oq-line:#ececef;--oq-surface:#fafafa}
body{color:var(--oq-ink)}
header.header{border-bottom:1px solid var(--oq-line);box-shadow:none}
header.header .search,header.header .search:focus-within{border-radius:16px;background:#f7f7f8}
.header-filters .filters button{font-weight:500;letter-spacing:-.01em}
.context-title-toggle{font:12px -apple-system,BlinkMacSystemFont,sans-serif;border:0;border-radius:7px;background:transparent;color:var(--oq-muted);padding:7px 10px;cursor:pointer;white-space:nowrap}
.context-title-toggle[aria-pressed=true]{background:#f0f0f2;color:var(--oq-ink)}
.oq-card-title{font:500 12px/18px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#55555e;text-align:left;pointer-events:none;opacity:0}
.grid .block:has(>.oq-card-title),.library-cards .block:has(>.oq-card-title){padding-top:25px;position:relative}
.grid .block>.oq-card-title,.library-cards .block>.oq-card-title{position:absolute;top:0;left:2px;right:2px}
[data-context-titles=on] .block>.context-title,.block:hover>.oq-card-title,.block:focus-visible>.oq-card-title,.block:focus-within>.oq-card-title,.block.selected>.oq-card-title{opacity:1}
.grid>.block{margin-bottom:26px;animation:none!important;transition:none!important}
.block .block-shell{border-radius:9px!important;border-color:transparent;box-shadow:none}
.block .block-inner{border-radius:8px}
.block img{object-position:top center}
.grid .text-block,.library-cards .text-block{font:400 25px/1.42 var(--editorial,Georgia);background:#f7f7f8;border:0;padding:24px;color:#33333b;letter-spacing:-.015em}
.library-section h2{font-family:var(--editorial,Georgia);font-weight:400;letter-spacing:-.025em}
.library-favorite{top:34px!important}
.canvas-view #canvasSurface{background:#fafafa;background-image:none}
.canvas-view .dot-grid{opacity:.16}
.canvas-view .canvas-block{contain:layout style;overflow:visible;filter:none;box-shadow:0 2px 8px #16161b06}
.canvas-block>.oq-card-title{position:absolute;left:2px;right:2px;top:-24px;line-height:20px;font-size:12px}
#canvasSurface[data-distant] .canvas-block>.oq-card-title{opacity:0!important}
.canvas-view .canvas-block.selected{outline:1.5px solid #777783;outline-offset:4px;box-shadow:none}
.canvas-view .canvas-block.canvas-note{box-shadow:none}
.canvas-view .board{border:1px solid #ddddE3;background:#ffffff80;box-shadow:none;backdrop-filter:none;border-radius:14px}
.canvas-view .board-title strong{font:400 24px/1.2 var(--editorial,Georgia);letter-spacing:-.025em}
.canvas-view .board-title small,.canvas-view .board-title em{background:transparent;color:#888890;box-shadow:none;border:0}
.canvas-view .canvas-file-card{background:#f1f1f4}
.canvas-view #canvasTools{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;gap:8px}
.canvas-view #canvasTools button{border-radius:7px;box-shadow:none;font-weight:500}
.canvas-view #canvasTools button span{font-size:12px;letter-spacing:0}
.canvas-view .canvas-orientation{background:#ffffffc9;border:0;box-shadow:none;font-size:11px;color:#777780}
.canvas-view .shelf-card{border:0;background:transparent;box-shadow:none;border-radius:8px;padding:5px}
.canvas-view .shelf-card:hover{background:#f2f2f4}
.canvas-view .shelf-card strong{font:500 12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;color:#55555f}
.canvas-view .shelf-card em{display:none}
.canvas-view .shelf-card-visual{border-radius:6px;background:#f5f5f7}
.canvas-view .shelf-card-visual img{object-position:top}
.canvas-view .panel-heading h2{font:400 28px/1.1 var(--editorial,Georgia)}
#focusDialog .focus-content{background:#fafafa}
#focusDialog .focus-card aside{border-left-color:var(--oq-line)}
#focusDialog #focusTitle{font:400 25px/1.24 var(--editorial,Georgia);letter-spacing:-.025em}
.preview-source-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border:1px solid var(--oq-line);background:#fafafa;border-radius:8px;font:12px -apple-system,BlinkMacSystemFont,sans-serif;color:#45454e;cursor:pointer}
.preview-source-action:hover{background:#f1f1f4}
.oq-source-browser{position:fixed;inset:0;width:calc(100vw - 40px);height:calc(100dvh - 40px);max-width:1600px;max-height:none;padding:0;margin:auto;border:1px solid #e6e6eb;border-radius:14px;background:#fff;box-shadow:0 24px 100px #0003;overflow:hidden}
.oq-source-browser[open]{display:flex;flex-direction:column}
.oq-source-browser::backdrop{background:#15151a66;backdrop-filter:blur(5px)}
.oq-source-browser header{display:flex;align-items:center;gap:20px;min-height:58px;padding:10px 18px;flex:none;border-bottom:1px solid var(--oq-line)}
.oq-source-browser button,.oq-source-browser a{font:12px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#45454f;white-space:nowrap;text-decoration:none}
.oq-source-browser button{padding:8px 10px;background:#f3f3f5;border:0;border-radius:7px;cursor:pointer}
.source-address{flex:1;text-align:center;font:12px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#777780;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oq-source-browser p{font:11px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#777780;padding:9px 18px;margin:0;background:#fafafa;flex:none}
.oq-source-browser p a{text-decoration:underline;font:inherit}
.oq-source-browser iframe{border:0;display:block;flex:1;width:100%;min-height:0;background:#fff}
@media(max-width:700px){.oq-source-browser{width:100vw;height:100dvh;border:0;border-radius:0}.oq-source-browser header{padding:10px;gap:8px}.source-address{display:none}.oq-source-browser header>a{margin-left:auto}.context-title-toggle{padding:7px}.oq-card-title{font-size:11px}}
@media(hover:none){.image-title{opacity:1}}