/* Shared published reading surface; loaded after report-specific styles. */
.rj-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px}
.rj-actions .rj-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font:inherit}
.rj-actions .rj-icon-button:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.rj-actions .rj-icon-button:focus-visible{outline:2px solid var(--accent,#2e5eaa);outline-offset:2px}
.rj-actions svg{flex-shrink:0}
.rj-reader .rj-nav{position:sticky;top:0;z-index:100;min-height:64px;box-sizing:border-box;padding:0 clamp(18px,4vw,44px)!important;background:var(--canvas)!important;border-color:var(--border)!important;color:var(--ink)}
.rj-reader .rj-nav a{color:var(--muted)!important}
.rj-reader .rj-nav a:first-child{color:var(--ink)!important}
.rj-reader .layout main{overflow-wrap:anywhere}
.rj-reader .layout main > :is(p,ul,ol,blockquote,figure,.equation,.cost-calculator,details){max-width:100%;box-sizing:border-box}
.rj-reader .layout main :is(p,h1,h2,h3,h4),.rj-reader .layout main > header.hero{max-width:100%}
.rj-reader .layout main > pre{max-width:100%;width:100%;font-size:inherit;font-family:inherit;box-sizing:border-box}
.rj-reader .layout main > pre code{font-size:13px;overflow-wrap:normal}
.rj-reader .layout main figure{margin-inline:0}
.rj-reader .layout main figure :is(img,svg){max-width:100%;height:auto}
.rj-reader .layout main figure .mechanism-diagram{min-width:0}
.rj-reader .layout main .equation{max-width:100%;overflow-x:auto}
.rj-reader nav.toc{top:64px;height:calc(100vh - 64px)}
.rj-reader .layout main :is(h2,h3,span[id]){scroll-margin-top:84px}
.rj-reader .mechanism-diagram text[fill="#1b1b1a"]{fill:var(--ink)}
.rj-reader .mechanism-diagram rect[fill="#f0f1ef"]{fill:var(--subtle)}
.rj-reader .mechanism-diagram rect[fill="#e9f0fa"]{fill:var(--accent-soft)}
.rj-highlight{background:transparent!important}
@media(max-width:920px){
 .rj-reader .rj-nav>a:not(:first-child),.rj-reader .rj-nav>span:not([style*="flex"]){display:none}
 .rj-reader .rj-nav{gap:8px!important}
 .rj-actions .rj-icon-button{width:44px;height:44px}
 .rj-reader .layout main figure .mechanism-diagram{min-width:620px;max-width:none}
 .rj-reader .semantic-phrase{max-width:100%;overflow-wrap:anywhere}
}
@media print{
 .rj-nav,.site-nav,.rj-actions,.site-footer,nav.toc{display:none!important}
 html:root,html[data-theme="dark"]{color-scheme:light;--canvas:#fff;--surface:#fff;--ink:#111;--muted:#444;--quiet:#555;--border:#ccc;--code:#f5f5f5;--accent:#234d80;--subtle:#f5f5f5}
 .rj-reader .layout{display:block}
 .rj-reader .layout main{padding:0 10mm;font-size:11pt}
 .rj-reader .layout main > :is(p,ul,ol,blockquote,figure,.equation,pre,table,.cost-calculator){max-width:100%;width:auto}
 .rj-reader .layout main pre{white-space:pre-wrap;overflow:visible}
 .rj-reader .layout main pre code{overflow-wrap:anywhere}
 .rj-reader .layout main figure{break-inside:avoid}
 .rj-reader .layout main h2,.rj-reader .layout main h3{break-after:avoid}
 .rj-reader .layout main figure .mechanism-diagram{min-width:0;max-width:100%}
 .rj-reader .equation math{font-size:.85em}
}