/* A real, quiet workspace inside the editorial site; all colors are semantic. */
.organization-story{padding-block:var(--s7)}
.handover-sources{padding:var(--s5);border-radius:var(--shape-lg);background:var(--soft);margin-block:var(--s5)}
.handover-sources .file-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin-block:var(--s4)}
.handover-sources .file-list li{display:flex;align-items:flex-start;gap:var(--s3)}
.handover-sources .file-list li>span:last-child{display:grid;gap:var(--s2);min-width:0}
.handover-sources code{overflow-wrap:anywhere}
.handover-instruction{max-width:70ch}
@media(max-width:839px){.handover-sources .file-list{grid-template-columns:1fr}.handover-sources{padding:var(--s4)}}
.sample-intro{max-width:860px;padding-block:var(--s7);display:grid;gap:var(--s4)}
.sample-intro .kicker{margin:0}
.sample-audiences,.sample-switches{display:flex;flex-wrap:wrap;gap:var(--s2)}
.sample-audiences a[aria-current=page],.sample-switches button[aria-pressed=true]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent}
.sample-workspace{border:1px solid var(--line);border-radius:var(--shape-lg);background:var(--soft);overflow:hidden;margin-block:var(--s6);box-shadow:var(--elev-level-1)}
.sample-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);background:var(--panel)}
.sample-account,.sample-eyebrow{font:var(--m3-type-label-large);letter-spacing:var(--m3-tracking-label-large);color:var(--muted)}
.sample-workspace>.sample-switches{padding:var(--s4) var(--s5) 0}
.sample-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.sample-memory,.sample-conversation{min-width:0;padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}
.sample-memory{background:var(--md-sys-color-surface)}
.sample-memory h2{font:var(--m3-type-headline-medium);letter-spacing:var(--m3-tracking-headline-medium);text-wrap:pretty}
.sample-conversation{border-inline-start:1px solid var(--line)}
.sample-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1);font:var(--m3-type-label-medium);letter-spacing:var(--m3-tracking-label-medium)}
.sample-breadcrumbs .text-link{font:inherit;letter-spacing:inherit;text-align:start;min-height:48px;min-width:48px;max-width:100%;overflow-wrap:anywhere}
.sample-breadcrumbs [aria-current]{color:var(--muted);text-decoration:none}
.sample-context{border-inline-start:3px solid var(--accent);padding-inline-start:var(--s3);font:var(--m3-type-body-medium);letter-spacing:var(--m3-tracking-body-medium)}
.sample-tree,.sample-tree ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.sample-tree ul{margin-inline-start:var(--s4);padding-inline-start:var(--s3);border-inline-start:1px solid var(--line);margin-top:var(--s2)}
.sample-node{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3);min-height:48px;width:100%;text-align:start;border:0;border-radius:var(--shape-sm);background:transparent;color:var(--ink);position:relative;isolation:isolate}
/* The mind-map connector uses ::before; feedback has its own bounded layer. */
.sample-node:after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;pointer-events:none;z-index:-1;transition:opacity var(--dur-short3) var(--ease-standard)}
@media(hover:hover) and (pointer:fine){.sample-node:hover:after{opacity:var(--state-hover-opacity)}}
.sample-node:focus-visible:after{opacity:var(--state-focus-opacity)}
.sample-node:active:after{opacity:var(--state-pressed-opacity)}
.sample-node:disabled:after{opacity:0!important}
.sample-node>span:last-child{min-width:0;overflow-wrap:anywhere}
.sample-node small{display:block;color:var(--muted);font:var(--m3-type-body-small);letter-spacing:var(--m3-tracking-body-small);margin-top:var(--s1)}
.sample-bullet{flex-shrink:0;margin-block-start:1px}
.sample-bullet[data-bullet-visual=leaf]{margin-inline:9px;margin-block-start:10px}
.sample-tree[data-view=mindmap]{gap:var(--s3);padding-inline-start:var(--s4);border-inline-start:1px solid var(--line)}
.sample-tree[data-view=mindmap] .sample-node{background:var(--soft);border:1px solid var(--line);position:relative}
.sample-tree[data-view=mindmap] .sample-node:before{content:'';position:absolute;top:50%;right:100%;width:var(--s4);height:1px;background:var(--line)}
.sample-tree[data-view=mindmap] .sample-bullet{display:none}
.sample-inspect{margin-top:auto;border-top:1px solid var(--line);padding-top:var(--s3)}
.sample-inspect summary,.sample-disclosure summary{cursor:pointer;min-height:48px;padding:var(--s3) 0;font:var(--m3-type-label-large);letter-spacing:var(--m3-tracking-label-large)}
.sample-sources{display:grid;gap:var(--s4);padding-top:var(--s3)}
.sample-sources article{display:grid;gap:var(--s2);padding-bottom:var(--s3);border-bottom:1px solid var(--line)}
.sample-sources h3{font:var(--m3-type-title-small);letter-spacing:var(--m3-tracking-title-small)}
.sample-sources p,.sample-disclosure p{font:var(--m3-type-body-small);letter-spacing:var(--m3-tracking-body-small);margin:0}
.sample-log{display:grid;gap:var(--s3);max-height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:var(--s1)}
.sample-message{padding:var(--s4);border-radius:var(--shape-md);background:var(--panel);display:grid;gap:var(--s2)}
.sample-message[data-speaker=user]{margin-inline-start:var(--s4);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}
.sample-message strong,.sample-message small{font:var(--m3-type-label-small);letter-spacing:var(--m3-tracking-label-small)}
.sample-message p{font:var(--m3-type-body-medium);letter-spacing:var(--m3-tracking-body-medium)}
.sample-status{font:var(--m3-type-body-medium);letter-spacing:var(--m3-tracking-body-medium);border-top:1px solid var(--line);padding-top:var(--s4)}
.sample-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s2)}
.sample-log:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}
.sample-actions .button{white-space:normal}
.sample-leaf{padding-block:var(--s4)}
@media(max-width:839px){.sample-columns{grid-template-columns:1fr}.sample-conversation{border-inline-start:0;border-top:1px solid var(--line)}.sample-memory,.sample-conversation{padding:var(--s4)}.sample-topline{padding:var(--s3) var(--s4)}.sample-log{max-height:320px}}
@media(prefers-reduced-motion:reduce){.sample-node,.sample-node:after{transition:none}}
@media(forced-colors:active){.sample-bullet{background:CanvasText}.sample-audiences a[aria-current=page],.sample-switches button[aria-pressed=true]{outline:2px solid Highlight}}