.site-header{position:sticky;top:0;z-index:10000;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--bg,#faf8f4);color:var(--fg,#222);border-bottom:1px solid var(--line,#ddd);padding:10px 16px;font:15px/1.5 system-ui,sans-serif}
.site-header .brand{font-weight:700;text-decoration:none;color:inherit;flex-shrink:0}
.site-header nav{display:flex;flex-wrap:wrap;gap:5px 14px;min-width:0}
.site-header a{color:var(--accent,#8a4b2a);padding:5px 0;text-decoration:none}
.site-header a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
body.page-graph main{max-width:none;padding:0;margin:0;height:calc(100dvh - var(--site-header-height,110px))}
.page-graph .reading-tools,.page-graph .reading-notice{display:none!important}
.graph-shell,.graph-shell iframe{width:100%;height:100%;min-height:440px;border:0;display:block}
.graph-back{position:fixed;right:12px;bottom:12px;z-index:9999;background:#fff;color:#285c57;padding:9px 12px;border:1px solid #bbb;border-radius:8px;font:15px system-ui}
.graph-parent-back{position:fixed;right:12px;bottom:12px;z-index:10001;background:var(--card,#fff);padding:8px 12px;border:1px solid var(--line,#ddd);border-radius:8px}
.reader-workspace .bar{top:var(--site-header-height,110px)}
@media(max-width:480px){.site-header{padding:8px 12px;gap:5px}.site-header nav{gap:3px 12px}.site-header a{min-height:30px}.graph-shell,.graph-shell iframe{min-height:0}}

.reader-workspace #pages{max-width:100%;overflow-x:auto}

.document-source span{scroll-margin-top:150px}.document-source span:target{background:var(--accent-bg,#fff3b3)}
.site-header a.site-version{font-size:12px;color:var(--muted,#888);padding:0}