/* Version 2: shared Use Online navigation and embedded fullscreen editor. */
.site-header .site-tabs{align-self:stretch;align-items:center;gap:26px}
.site-tabs>a{position:relative;display:flex;align-items:center;white-space:nowrap;min-height:44px}
.site-tabs>a[aria-current="page"]{color:var(--orange)}
.site-tabs>a[aria-current="page"]::after{content:"";height:3px;background:var(--orange);position:absolute;left:0;right:0;bottom:-28px}
.online-page{background:var(--paper)}
.online-page>.site-header{max-width:none}
.online-main{max-width:none;padding:0 24px 32px}
.online-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 0 26px}
.online-intro .eyebrow{margin:0 0 10px;letter-spacing:1.4px;font-size:9px}
.online-intro h1{font-size:35px;line-height:1.15;letter-spacing:-1.1px;margin:0 0 10px}
.online-intro p{font-size:13px;color:var(--muted);max-width:740px}
.online-engine-note{font-size:10px;color:var(--muted);text-align:right;white-space:nowrap}
.online-engine-note strong{color:var(--ink);font-weight:550;display:block}
.editor-shell{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#f1f1f3;min-height:580px;height:calc(100dvh - 274px);position:relative}
.editor-toolbar{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid var(--line);flex-shrink:0}
.editor-toolbar-label{font-size:11px;letter-spacing:.6px;display:flex;align-items:center;gap:8px;font-weight:550}
.editor-toolbar-label>span{width:6px;height:6px;border-radius:50%;background:var(--orange)}
.editor-toolbar .workbench-actions{gap:14px}
.editor-toolbar .fullscreen-button{border:1px solid var(--ink);border-radius:3px;padding:8px 12px;font-size:11px;font-weight:600;background:var(--ink);color:#fff;display:flex;gap:8px;align-items:center}
.editor-toolbar .fullscreen-button:hover{background:#454239}
.editor-shell>.workbench-main{min-height:0;flex:1}
.editor-shell .workbench-footer{background:#fff;min-height:30px}
.editor-shell .loading-card h2{font-size:26px;line-height:1.2;margin:0 0 18px;letter-spacing:-.8px}
.online-footnote{font-size:10px;color:var(--muted);margin:15px 0 0;display:flex;gap:18px;flex-wrap:wrap}
.online-footnote a{text-decoration:underline;text-underline-offset:3px}
.editor-shell:fullscreen,.editor-shell.is-fullscreen{width:100vw;height:100dvh;max-width:none;min-height:0;border:0;border-radius:0;background:#f1f1f3}
.editor-shell.is-fullscreen{position:fixed;inset:0;z-index:10000}
.editor-shell:fullscreen .editor-toolbar,.editor-shell.is-fullscreen .editor-toolbar{padding:8px 14px}
body.editor-expanded{overflow:hidden}
.editor-shell:fullscreen .workbench-main,.editor-shell.is-fullscreen .workbench-main{flex:1;min-height:0}
html.is-fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;z-index:10000}
.fullscreen-button[aria-pressed="true"]{background:var(--orange)!important;border-color:var(--orange)!important}
@media(max-width:1050px){.site-header{gap:18px}.site-header .site-tabs{gap:18px}.site-tabs>a{font-size:12px}.online-engine-note{display:none}.online-main{padding:0 16px 24px}}
@media(max-width:700px){
 .site-header .site-tabs{display:flex;order:5;width:100%;margin-left:0;gap:23px;overflow-x:auto;scrollbar-width:thin;padding:0 0 3px}
 .site-tabs>a{min-height:34px;flex-shrink:0;font-size:12px}
 .site-tabs>a[aria-current="page"]::after{bottom:0;height:2px}
 .site-header{padding-top:14px;padding-bottom:10px;row-gap:12px}
 .online-main{padding:0 10px 18px}
 .online-intro{padding:23px 3px 20px;display:block}
 .online-intro h1{font-size:28px}
 .online-intro p{font-size:12px}
 .editor-shell{height:calc(100dvh - 286px);min-height:540px}
 .editor-toolbar{padding:8px;gap:8px;flex-wrap:wrap}
 .editor-toolbar-label{font-size:10px}
 .editor-toolbar .workbench-actions{gap:8px;margin-left:auto}
 .editor-toolbar .fullscreen-button{padding:6px 8px;font-size:10px}
 .editor-shell .workbench-footer>span:nth-child(2){display:none}
 .online-footnote{gap:8px 15px;font-size:9px;padding:0 3px}
 .editor-shell:fullscreen,.editor-shell.is-fullscreen{min-height:0}
}