/* Display only: original controls, SVG geometry and PDF export remain intact. */
.graph-focus-bar { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:18px auto 24px; max-width:1280px; }
.graph-focus-bar[hidden] { display:none; }
.graph-focus-bar h1 { font-size:clamp(28px,4vw,44px); margin:4px 0 10px; }
.graph-focus-bar p { margin:0; max-width:650px; }
.graph-focus-bar button { flex-shrink:0; }
.graph-focus-return>div { display:none; }
.graph-focus-return { justify-content:flex-end; margin-block:12px; }
html[data-graph-focus] #main>.named-project-strip,
html[data-graph-focus] #main>.project-strip,
html[data-graph-focus] .site-header nav,
html[data-graph-focus] #view-lab>.tool-heading { display:none; }
html[data-graph-focus] #view-lab { margin-top:0; }
/* The embedded page uses exactly the same fields and preview guards. */
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .tool-actionbar,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .editor-panel-nav,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) aside>.section-heading,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) #workbench-list,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .active-generator,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .quick-switch { display:none; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .workspace { padding-top:0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .page-settings { margin-top:0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) #fields>[data-field=pitch] { display:block; margin:12px 0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .tool-edit-panel,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .tool-preview-panel { display:block!important; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .output { display:flex!important; flex-direction:column; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .output>* { order:0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .output>.actions.primary { order:-2; margin-top:0; flex-wrap:wrap; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) #preview { min-height:240px; max-height:540px; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .graph-focus-grid-advanced>fieldset { margin:12px 0 0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .graph-focus-page-advanced { margin:10px 0 0; }
.graph-focus-page-advanced[hidden] { display:none; }
@media(max-width:800px) {
 .graph-focus-bar { margin:14px 0; flex-direction:column; align-items:flex-start; gap:14px; }
 .graph-focus-bar button { width:100%; }
 html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .workspace { gap:16px; padding-inline:8px; }
 html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) aside,
 html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .output { padding:16px; }
 html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .output>.actions.primary button { flex:1 1 100%; }
 html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .row { grid-template-columns:minmax(0,1fr); }
 html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) #preview { min-height:200px; max-height:400px; }
}

/* A focused page has one document scroll; only deliberate preview pan stays local. */
html[data-graph-entry] [data-build-status] { display:none; }
html[data-graph-focus] #lab14-frame { min-height:0; max-height:none; border:0; border-radius:0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]),
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) body { height:auto!important; overflow:visible!important; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) main,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .workspace,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) aside,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .output,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) #fields { height:auto!important; max-height:none!important; overflow:visible!important; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) footer,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) #printer-panel { display:none; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .tool-edit-panel { display:flex!important; flex-direction:column; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .graph-focus-settings-heading { order:-2; margin:0 0 16px; font-size:24px; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .page-settings { order:-1; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .editor-toolbar { order:2; margin-bottom:0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) #session-status { order:3; margin-bottom:0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .output>.actions.primary { order:0; margin:4px 0 16px; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .output>.actions.primary #pdf { width:100%; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .graph-focus-more { margin:12px 0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .graph-focus-more>.actions { margin:12px 0; flex-wrap:wrap; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .graph-focus-more>.actions>* { flex:1 1 180px; }
@media(max-width:800px) {
 html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .workspace { grid-template-columns:minmax(0,1fr); padding-inline:0; }
 html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) main { padding:0; }
 html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) #preview { min-height:200px; max-height:400px; }
 html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .facts { grid-template-columns:1fr 1fr; }
}

/* R09: use the same measured field; one-page navigation adds no choice. */
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) #fields>[data-field=pitch]:not(.graph-focus-custom) { display:none; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .graph-focus-spacing { display:block; margin:12px 0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .graph-focus-zoom { margin:10px 0; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .graph-focus-zoom .page-review-toolbar { margin-top:12px; }
.graph-focus-zoom[hidden] { display:none; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout])[data-graph-single-page] .page-nav,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout])[data-graph-single-page] #page-status,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout])[data-graph-single-page] .page-review-pages,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout])[data-graph-single-page] .facts>div:nth-child(2),
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout])[data-graph-single-page] .facts>div:nth-child(4),
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout])[data-graph-single-page] .output>#output-summary,
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout])[data-graph-single-page] .output>.output-plan:has(>#output-summary) { display:none; }
html[data-graph-focus]:is([data-embedded],[data-graph-startup-layout]) .graph-focus-zoom .page-review-note { margin-bottom:0; }

/* Match the existing child embedded presentation before the shell authorizes it.
   This marker is display-only; it grants no nonce, transfer or storage access. */
html[data-graph-focus][data-graph-startup-layout=true] body > header,
html[data-graph-focus][data-graph-startup-layout=true] main > header,
html[data-graph-focus][data-graph-startup-layout=true] main > .intro { display: none; }
html[data-graph-focus][data-graph-startup-layout=true] main { padding-top: 4px; }
html[data-graph-focus][data-graph-startup-layout=true],
html[data-graph-focus][data-graph-startup-layout=true] body,
html[data-graph-focus][data-graph-startup-layout=true] main { min-height: 0; }