/* Obsidian-inspired workspace: flat panes, file tree and quiet violet links. */
:root{--bg:#fafafa;--surface:#fff;--sidebar:#f1f1f3;--text:#29282e;--muted:#65636e;--line:#dfdde5;--accent:#7153b5;--accent-hover:#5c409c;--selection:#eee7fc;--notice:#f0ebf8;--error:#a52135;--chrome:#eae9ee;--field:#f5f4f7;--graph-edge:#8d879a;--person:#8763bf;--location:#337e69;--organization:#98712a;--session:#4778a8;--note:#727482}
:root[data-theme=dark]{--bg:#202024;--surface:#25252b;--sidebar:#19191e;--text:#e5e3eb;--muted:#a6a3b1;--line:#36343e;--accent:#baa1ed;--accent-hover:#d0bafa;--selection:#383045;--notice:#2b2635;--error:#ffa2b0;--chrome:#16161b;--field:#2b2a31;--graph-edge:#77717f;--person:#bca0eb;--location:#86c8b3;--organization:#d2b179;--session:#8ab5de;--note:#b6b2c3}
.svg-symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.app-shell{grid-template-columns:246px minmax(0,1fr)}.sidebar{padding:18px 12px 14px;background:var(--sidebar);font-size:13px;overflow-y:auto}.brand{gap:9px;margin:0 8px 22px;font-size:13px;line-height:1.3;letter-spacing:0}.brand-mark{width:27px;height:29px;font-size:20px;border-color:var(--line);color:var(--accent);background:var(--selection);border-radius:5px}.navigation a{padding:7px 10px;font-size:13px;border-radius:5px}.navigation a[aria-current=page]{color:var(--text);background:var(--selection);font-weight:500}.nav-group{padding:22px 10px 8px;font-size:12px}.graph-nav{display:flex;align-items:center;gap:8px}.explorer-heading{padding:24px 10px 8px;color:var(--muted);font-size:11px;font-weight:600}.explorer-folder{min-width:0}.explorer-folder>summary{display:flex;align-items:center;gap:8px;padding:7px 8px;min-height:32px;font-size:12px;font-weight:500;color:var(--muted);list-style:none}.explorer-folder>summary::before{content:'';width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);margin-right:2px}.explorer-folder[open]>summary::before{transform:rotate(45deg)}.explorer-folder>summary>span{margin-left:auto;font-size:10px;color:var(--muted)}.explorer-folder>div{display:flex;flex-direction:column;padding-left:10px}.navigation .file-link{display:flex;align-items:flex-start;gap:7px;font-size:12px;padding:6px 8px;line-height:1.5}.file-link>span{min-width:0;overflow-wrap:anywhere}.file-link .icon{width:14px;height:16px;margin-top:1px;color:var(--muted)}.explorer-empty{font-size:12px;color:var(--muted);padding:10px}.sidebar-foot{padding:24px 8px 0;gap:5px}.sidebar-foot>.muted{font-size:10px}.sidebar-foot .text-button{font-size:11px}.document-tabs{display:flex;align-items:stretch;min-height:43px;background:var(--chrome);border-bottom:1px solid var(--line);padding:6px 10px 0;overflow-x:auto;scrollbar-width:thin;gap:4px}.document-tabs>a{display:flex;align-items:center;gap:8px;max-width:280px;padding:8px 16px;font-size:12px;line-height:1.4;text-decoration:none;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:7px 7px 0 0;flex-shrink:0}.document-tabs>a[aria-current=page]{background:var(--bg);color:var(--text)}.document-tabs>a:hover{background:var(--surface)}.document-tabs .icon{width:14px;height:14px}.topbar{min-height:52px;padding:8px 32px;background:var(--bg)}.breadcrumb{font-size:11px;gap:8px}.search{max-width:300px}.search input{min-height:32px;font-size:12px;padding:6px 10px;background:var(--field)}.search button{min-height:32px;font-size:12px;padding:6px 10px}.workspace{background:var(--bg)}main{padding:27px 36px 65px;max-width:1580px}.page-heading{margin:6px 0 34px}h1{font-size:clamp(25px,2.5vw,32px);font-weight:650;letter-spacing:-.02em}h2{font-size:17px;font-weight:600}h3{font-size:15px}.lede{font-size:15px}.metadata{font-size:12px}.demo-notice{font-size:11px;padding:8px 12px;border:0;border-radius:4px;margin-bottom:25px;color:var(--muted)}button,.button{min-height:36px;padding:7px 12px;font-size:12px;font-weight:500;border-radius:5px;background:var(--field)}.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.primary:hover{background:var(--accent-hover);color:var(--bg)}[data-theme=dark] .primary{color:#201b29}input,textarea,select{background:var(--field);border-radius:5px;font-size:14px}input::placeholder{color:var(--muted)}label{font-size:12px}.record-layout{grid-template-columns:minmax(0,1fr) 260px;gap:35px}.document-section{background:transparent;border:0;border-radius:0;padding:0 8px 28px;min-height:200px}.document-section h2{font-size:13px;color:var(--muted);font-weight:500}.document-section>.prose{margin-top:24px}.prose{font-size:15px;line-height:1.9;max-width:72ch}.mention{background:transparent;padding:0;border-radius:0;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:4px}.mention:hover{background:var(--selection)}.context-panel{padding-left:24px}.context-panel h2{font-size:13px;font-weight:600}.context-panel section>p{font-size:12px}.context-panel section{padding-bottom:24px;margin-bottom:23px}.context-panel label{font-size:12px}.context-panel input,.context-panel textarea,.context-panel select{font-size:13px}.context-panel .local-graph-entry p{margin-bottom:12px}.context-panel .local-graph-entry .button{width:100%}.relationships>h2{font-size:15px}.relationship-row{font-size:13px}.recap{background:transparent;border:0;border-radius:0;padding:0 0 26px;border-bottom:1px solid var(--line)}.recap>p{font-size:14px}.overview-grid{gap:35px}.session-summary{padding:0}.session-summary h2,.recap h2{font-size:16px}.record-row{padding:15px 4px}.record-row strong{font-size:14px;font-weight:500}.record-row small{font-size:12px}.record-meta{font-size:11px}.record-meta small{font-size:11px}.campaign-initial{width:48px;height:56px;font-size:28px;border-radius:5px}.campaign-description h2{font-size:21px}.campaign-row{padding:26px 0}.scope-notice{background:var(--surface);font-size:12px}.editor-section>summary,.history>summary,.relationships details>summary{font-size:13px}.backlink{font-size:12px}.backlink small{font-size:11px}.tag{font-size:10px}.home-note p{font-size:14px}.home-note h2{font-size:16px}
/* The graph is a real diagram, rendered from campaign records. */
.graph-main{max-width:none;padding:24px 28px 45px}.graph-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px}.graph-heading h1{font-size:25px}.graph-heading p{font-size:12px;margin-top:7px}.graph-workspace{display:grid;grid-template-columns:minmax(0,1fr) 220px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:620px}.graph-stage{position:relative;min-width:0;overflow:hidden;background:var(--bg)}#campaign-graph{display:block;width:100%;height:620px;touch-action:none;cursor:grab;user-select:none}#campaign-graph:active{cursor:grabbing}#campaign-graph:focus-visible{outline-offset:-3px}.graph-tools{position:absolute;left:16px;top:16px;z-index:1;display:flex;gap:5px;align-items:center}.graph-tools button{min-width:34px;min-height:32px;font-size:12px;background:var(--surface)}.graph-tools output{font-size:10px;color:var(--muted);padding:0 6px}.graph-footer{position:absolute;left:16px;right:16px;bottom:13px;display:flex;gap:15px;justify-content:space-between;font-size:10px;color:var(--muted);pointer-events:none}.graph-settings{padding:22px 0 15px 22px;border-left:1px solid var(--line);font-size:12px;min-width:0}.graph-settings section{padding-bottom:23px;margin-bottom:22px;border-bottom:1px solid var(--line)}.graph-settings section:last-child{border:0;padding:0;margin:0}.graph-settings h2{font-size:13px;margin-bottom:14px}.graph-settings label{font-size:11px;font-weight:400;margin-bottom:12px}.graph-settings input,.graph-settings select{font-size:12px;min-height:34px;padding:7px 9px}.graph-settings .check-label{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:10px}.check-label>input{width:14px;height:14px;min-height:0;margin:0;accent-color:var(--accent)}.graph-settings .muted{font-size:11px}.graph-legend>span{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:11px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--note)}.dot.person{background:var(--person)}.dot.location{background:var(--location)}.dot.organization{background:var(--organization)}.dot.session{background:var(--session)}.graph-edge{stroke:var(--graph-edge);stroke-width:1;fill:none;opacity:.65}.graph-edge.mention{stroke-dasharray:4 5;stroke-width:1;background:none}.graph-edge.relation{stroke:var(--accent);stroke-width:1.4;opacity:.85}.graph-edge.hierarchy{stroke:var(--location);stroke-dasharray:2 4}.edge-text{font:11px system-ui,sans-serif;fill:var(--muted);paint-order:stroke;stroke:var(--bg);stroke-width:5px;stroke-linejoin:round}.graph-node{cursor:pointer;outline:none}.node-circle{fill:var(--note);stroke:var(--bg);stroke-width:3px}.graph-node.person .node-circle{fill:var(--person)}.graph-node.location .node-circle{fill:var(--location)}.graph-node.organization .node-circle{fill:var(--organization)}.graph-node.session .node-circle{fill:var(--session)}.graph-node text{fill:var(--text);font:12px system-ui,sans-serif;text-anchor:middle;paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round}.graph-node .hit-area{fill:transparent;stroke:none}.graph-node:focus-visible .node-circle,.graph-node.selected .node-circle{stroke:var(--accent);stroke-width:3px}.graph-node:focus-visible text,.graph-node.selected text{fill:var(--accent)}.graph-node.dimmed{opacity:.22}.graph-edge.dimmed,.edge-text.dimmed{opacity:.1}.graph-edge.highlighted{opacity:1;stroke-width:2}.graph-node:hover .node-circle{stroke:var(--text)}.graph-empty{position:absolute;top:40%;left:12%;right:12%;text-align:center;pointer-events:none}.graph-empty h2{font-size:17px}.graph-empty p{font-size:13px;color:var(--muted);margin-top:10px}.graph-inspector{display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.graph-inspector h2{font-size:17px}.graph-inspector .muted{font-size:12px;margin-top:6px}.graph-inspector .actions{margin:0}.graph-inspector ul{flex-basis:100%;padding:0;margin:0;list-style:none;color:var(--muted);font-size:12px}.graph-inspector li{padding:4px 0}.graph-accessible-list{margin-top:22px}.graph-accessible-list summary{font-size:12px}.graph-accessible-list p{font-size:12px}.graph-accessible-list ul{padding-left:18px;font-size:13px;columns:2}.graph-accessible-list li{padding:5px 0;break-inside:avoid}
@media(max-width:1200px){.app-shell{grid-template-columns:220px minmax(0,1fr)}main{padding:25px 28px 60px}.record-layout{grid-template-columns:minmax(0,1fr) 235px;gap:26px}.graph-workspace{grid-template-columns:minmax(0,1fr) 200px}.graph-settings{padding-left:16px}.graph-main{padding:22px}.graph-footer>span:last-child{display:none}}
@media(max-width:950px){.graph-workspace{grid-template-columns:minmax(0,1fr);min-height:0}.graph-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border-left:0;border-top:1px solid var(--line);padding:24px 10px}.graph-settings section{margin:0;padding-bottom:20px}.graph-settings section:last-child{border-bottom:1px solid var(--line);padding-bottom:20px}.graph-stage{border-right:0}#campaign-graph{height:500px}.graph-footer>span:last-child{display:block}.graph-main{padding:24px}}
@media(max-width:850px){.record-layout{grid-template-columns:minmax(0,1fr)}.context-panel{padding-left:0}.document-section{padding-left:0;padding-right:0}.sidebar-foot{padding-left:6px}.document-tabs>a{max-width:210px}}
@media(max-width:650px){.app-shell{display:block}.sidebar{display:grid;height:auto;padding:14px 18px;overflow:visible;gap:8px}.brand{font-size:12px;margin:0}.brand-mark{width:25px;height:28px}.navigation>summary{font-size:12px;min-height:36px}.navigation nav{display:flex;max-height:65dvh;overflow-y:auto;padding-bottom:8px}.nav-group{padding:12px 10px 6px}.explorer-heading{padding-top:14px}.sidebar-foot{padding:0;gap:0}.sidebar-foot .text-button{min-height:27px;font-size:11px}.document-tabs{min-height:40px;padding-top:5px}.document-tabs>a{font-size:11px;padding:8px 12px;max-width:220px}.topbar{padding:12px 18px;gap:12px}.search{max-width:none}.search input{font-size:16px;min-height:40px}.search button{min-height:40px}.breadcrumb{font-size:11px}main{padding:23px 20px 50px}.page-heading{margin:0 0 27px;gap:16px}button,.button{min-height:42px;font-size:13px}.demo-notice{font-size:10px;padding:9px 10px;margin-bottom:22px}.record-layout{gap:25px}.metadata{font-size:11px}.document-section{padding-bottom:20px}.prose{font-size:15px;line-height:1.85}.context-panel input,.context-panel textarea,.context-panel select,input,textarea,select{font-size:16px}.campaign-description h2{font-size:20px}.overview-grid{gap:24px}.recap{padding-bottom:22px}.graph-main{padding:20px 16px 40px}.graph-heading{align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:20px}.graph-heading h1{font-size:25px}.graph-heading p{font-size:11px}.graph-heading>.button{font-size:12px}.graph-workspace{margin:0 -16px}.graph-stage{border-top:0}.graph-tools{left:12px;top:12px}.graph-tools button{min-width:36px;min-height:36px;font-size:12px}.graph-footer{font-size:10px;left:12px;right:12px}.graph-footer>span:last-child{display:none}#campaign-graph{height:460px}.graph-settings{padding:24px 20px;gap:23px}.graph-settings input,.graph-settings select{font-size:16px;min-height:40px}.graph-settings .check-label{font-size:12px;align-items:flex-start;min-height:30px}.check-label>input{margin-top:3px;width:16px;height:16px}.graph-settings h2{font-size:13px}.graph-settings label{font-size:12px}.graph-settings .muted{font-size:11px}.graph-legend>span{font-size:12px}.graph-inspector .actions{flex-wrap:wrap}.graph-accessible-list ul{columns:1}.graph-node text{font-size:14px}}
@media(max-width:370px){.graph-settings{grid-template-columns:minmax(0,1fr)}}
.graph-settings{max-height:620px;overflow-y:auto;padding-right:12px}@media(max-width:950px){.graph-settings{max-height:none;overflow-y:visible}}
.graph-settings .check-label>input{min-height:0;flex:0 0 14px;width:14px;height:14px;margin:3px 0 0;padding:0}@media(max-width:650px){.graph-settings .check-label>input{flex-basis:16px;width:16px;height:16px}}