/* Shared journey fixes; mirrored between the hosted app and public website. */
:root { --text-tertiary: #60675d; }
@media(prefers-color-scheme:dark) { :root { --text-tertiary:#abb3a7; } }
html { scroll-padding-top:6rem; }
* { 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:max-content minmax(0,1fr); gap:16px; align-items:start; margin-block:20px; }
.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:13px; 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:center; min-height:auto; gap:clamp(24px,4vw,64px); padding-block:clamp(44px,6vw,80px); }
.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); }
.product-menu-panel { max-height:calc(100dvh - 80px); max-width:calc(100vw - 32px); overflow:auto; }
.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 { 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:58px; 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; }