/* Shared navigation and task layout for the hosted browser surfaces. */
:root { --text-tertiary: #60675d; }
@media(prefers-color-scheme:dark) { :root { --text-tertiary:#abb3a7; } }
html { scroll-padding-top:calc(var(--browser-header-offset, 72px) + 1rem); }
h1, h2, h3, p, dt, dd, a, summary, code, li { overflow-wrap:anywhere; }
* { box-sizing:border-box; }
main, section, article, .step > div, .field, .field-grid, .workspace-grid > *, .grid > *, .ux-provider-card { min-width:0; }
pre { max-width:100%; overflow:auto; }
pre:focus-visible, summary:focus-visible, [data-copy]:focus-visible { outline:3px solid var(--brand, #bd432b); outline-offset:3px; }
summary { min-height:28px; padding-block:3px; }
.skip-link { position:absolute; left:12px; top:-100px; z-index:100; padding:12px; background:var(--bg-surface,#fff); color:var(--text-primary,#161916); }
.skip-link:focus { top:12px; }
.agent-surface-inner { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:clamp(24px,5vw,64px); }
.agent-surface h2 { font-size:clamp(26px,3vw,38px); line-height:1.16; max-width:22ch; }
.agent-surface .lead { font-size:18px; line-height:1.6; }
.agent-surface .lead, .agent-surface .muted, .agent-surface .eyebrow { color:var(--text-inverse,#f5f5ef); opacity:1; }
.agent-surface .muted { font-size:14px; line-height:1.65; }
.install-inline { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(20px,4vw,48px); align-items:start; margin-block:0 var(--section-gap); padding:clamp(20px,3vw,32px); border:1px solid var(--border-default); border-radius:var(--radius-lg); background:var(--bg-surface); }
.install-command { flex:1 1 420px; min-width:0; border:1px solid var(--border-default,#d5d7d0); border-radius:10px; padding:16px; }
.install-command pre { margin:0 0 12px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.6; }
.install-command .copy-feedback { min-height:1.5em; margin:8px 0 0; font-size:14px; }
.install-prerequisites { font-size:14px; line-height:1.65; }
.ux-provider-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); }
.ux-provider-card { overflow-wrap:anywhere; }
.ux-provider-card-head, .ux-provider-card-title, .ux-capability-list li { flex-wrap:wrap; }
.ux-provider-card .ux-pill { white-space:normal; max-width:100%; }
.ux-capability-list li { font-size:13px; line-height:1.5; }
.public-page .code-block, .public-page .step, .public-page .panel, .public-page .record-row { min-width:0; max-width:100%; }
.public-page .field-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); }
.public-page .record-head { flex-wrap:wrap; }
.public-page .record-primary, .public-page .record-secondary, .public-page .op, .public-page .dl-row { overflow-wrap:anywhere; }
.public-page .button.primary { color:#161916; }
@media(max-width:768px) { .agent-surface-inner { grid-template-columns:1fr; } .install-inline { display:block; } .install-command { margin-top:16px; } .public-page .workspace-grid { grid-template-columns:minmax(0,1fr); } }

.agent-surface a:not(.button):not(.protocol) { color:var(--text-inverse); text-decoration:underline; }
.agent-surface .button.primary { background:var(--text-inverse); color:var(--bg-inverse); border-color:var(--text-inverse); }

/* Task-first wayfinding, shared between public and owner pages. */
.hero-organised { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:start; min-height:auto; gap:clamp(24px,4vw,64px); padding-block:var(--section-gap); }
.hero-organised .hero-copy h1 { font-size:clamp(40px,4.4vw,64px); line-height:1.06; max-width:19ch; }
.hero-organised .lead { font-size:18px; line-height:1.6; }
.journey-choices { margin-block:36px 56px; }
.journey-choices h2 { font-size:clamp(25px,3vw,34px); line-height:1.2; }
.journey-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.journey-choice-grid > a { display:flex; flex-direction:column; gap:10px; border:1px solid var(--border-default,#c8cbc3); border-radius:12px; padding:22px; background:var(--bg-surface,#fff); color:var(--text-primary,#161916); text-decoration:none; min-width:0; }
.journey-choice-grid > a:hover,.journey-choice-grid > a:focus-visible { border-color:var(--brand,#bd432b); }
.journey-choice-grid strong { font-size:18px; line-height:1.4; }
.journey-choice-grid span { color:var(--text-secondary,#60675d); font-size:15px; line-height:1.6; }
.page-trail { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; font-size:14px; line-height:1.6; }
.page-trail a { color:inherit; text-decoration:underline; }
.task-links { display:flex; flex-wrap:wrap; gap:8px; margin-block:16px 24px; }
.task-links a { border:1px solid var(--border-default); padding:10px 12px; border-radius:8px; color:var(--text-primary); background:var(--bg-surface); font-size:14px; text-decoration:none; min-height:44px; }
.task-links a:hover,.task-links a[aria-current] { border-color:var(--brand); }
.task-guidance { padding:20px; border:1px solid var(--border-default); border-left:3px solid var(--brand); border-radius:10px; background:var(--bg-surface); }
.task-guidance h2 { font-size:22px; line-height:1.3; margin:0 0 8px; }
.task-guidance p { color:var(--text-secondary); font-size:15px; line-height:1.6; }
.workspace-secondary { margin-block:24px; border:1px solid var(--border-default); border-radius:10px; padding:16px; background:var(--bg-surface); }
.workspace-secondary > summary { min-height:44px; cursor:pointer; font-weight:650; }
.workspace-plan { font-size:14px; line-height:1.6; color:var(--text-secondary); }
.site-menu-panel, .product-menu-panel, .docs-mobile-menu nav { max-height:calc(100dvh - var(--browser-header-height, 72px) - 24px); max-width:calc(100vw - 32px); overflow:auto; }
.site-menu summary, .product-menu summary, .docs-mobile-menu summary, .site-menu-panel a, .product-menu-panel a, .docs-mobile-menu nav a, .product-nav a { min-height:44px; }
.install-intro h2 { font-size:clamp(24px,3vw,32px); line-height:1.2; margin-block:12px; }
.install-intro p:not(.eyebrow) { color:var(--text-secondary); }
.install-intro .button { margin-top:12px; }
.project-library { margin-block:20px; }
.project-library summary, .ux-connection-details summary { cursor:pointer; min-height:44px; font-size:14px; line-height:1.5; }
.ux-connection-details { min-width:0; }
@media(max-height:500px) { header, .product-topbar, .docs-topbar { position:static; } }
.product-sidebar-label { letter-spacing:.04em; }
.product-nav a,.public-page-header nav a { min-height:36px; display:flex; align-items:center; }
.product-nav a[aria-current] { color:var(--text-primary); background:var(--bg-subtle); font-weight:650; }
[aria-busy="true"] { cursor:progress; }
#workspace-content[hidden],#workspace-next-step[hidden],[hidden] { display:none !important; }
@media(max-width:1100px) { .hero-organised { grid-template-columns:1fr; } }
@media(max-width:768px) { .journey-choice-grid { grid-template-columns:1fr; } .task-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .task-links a { min-width:0; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.public-page-header-inner { position:relative; }
.public-page-header-inner > .site-menu { position:relative; display:none; border:0; margin:0; padding:0; }
.public-page-header .site-menu summary { padding:10px 14px; min-height:44px; border:1px solid var(--border-default); border-radius:8px; cursor:pointer; list-style:none; }
.public-page-header .site-menu-panel { position:absolute; top:calc(100% + 8px); right:0; z-index:90; padding:12px; min-width:220px; max-width:calc(100vw - 40px); border:1px solid var(--border-default); border-radius:10px; background:var(--bg-surface); display:grid; gap:8px; }
@media(max-width:768px) { .public-page-header-inner > nav { display:none; } .public-page-header-inner > .site-menu { display:block; } }
button[aria-disabled="true"] { opacity:.65; cursor:progress; }
.product-topbar .product-topbar-actions > button#refresh { display:inline-flex; min-height:44px; }
@media(max-width:768px) { .product-topbar-inner { flex-wrap:wrap; gap:8px; padding-block:8px; } .product-topbar-actions { gap:8px; } }

.product-topbar-actions > #signout { display:inline-flex; min-height:44px; }
.product-menu > summary { min-height:44px; }

/* Intrinsic sizing keeps long words and enlarged text inside their task container. */
.site-header-inner > *, .docs-topbar-inner > *, .public-page-header-inner > *, .product-topbar-inner > *, .product-page-header > *, .operation-card-head > *, .node-title > * { min-width:0; max-width:100%; }
.site-menu, .docs-mobile-menu, .public-page-header-inner > .site-menu { margin-left:auto; }
.scope-pill, .status-pill, .protocol, .machine-label, .operation-meta { overflow-wrap:anywhere; max-width:100%; }
.node-title, .control-map-head, .control-map-foot { flex-wrap:wrap; }
.operation-card-head { flex-wrap:wrap; }
.docs-section code:not(pre code) { overflow-wrap:anywhere; }