/* Route-local additions to the captured reference stylesheet. */
html { scroll-behavior: smooth; }
[hidden] { display: none !important; }
body { margin: 0; }
.skip-link {
  position: absolute;
  left: 16px;
  top: 12px;
  z-index: 80;
  padding: 10px 14px;
  border-radius: 8px;
  background: #171717;
  color: #fff;
  text-decoration: none;
  transform: translateY(-160%);
}
.skip-link:focus { transform: none; }
.new-wordmark { color: var(--color-neutral-800); white-space: nowrap; }
.new-menu-popover { position:absolute; z-index:80; top:100%; left:0; width:176px; padding:4px; background:white; border:1px solid var(--color-neutral-200); border-radius:12px; box-shadow:0 12px 32px oklch(0 0 0 / .08); }
.new-menu-popover a { display:flex; align-items:center; min-height:32px; padding:4px 8px; border-radius:6px; font-size:14px; color:var(--color-neutral-700); text-decoration:none; }
.new-menu-popover a:hover { background:var(--color-neutral-100); }
.new-dialog { position:relative; width:calc(100% - 32px); max-width:480px; max-height:calc(100dvh - 32px); margin:auto; padding:32px; color:var(--color-neutral-800); background:white; border:1px solid var(--color-neutral-200); border-radius:16px; box-shadow:0 24px 80px oklch(0 0 0 / .16); overflow:auto; }
.new-dialog::backdrop { background:oklch(0 0 0 / .2); }
.new-dialog h2 { margin:0 24px 12px 0; font-size:24px; font-weight:500; letter-spacing:-.03em; line-height:1.2; }
.new-dialog p { color:#525252; font-size:14px; line-height:1.5; }
.new-dialog form { display:grid; gap:10px; margin-top:24px; }
.new-dialog label { font-size:14px; }
.new-dialog input { min-width:0; width:100%; height:44px; padding:8px 12px; font-size:16px; border:1px solid var(--color-neutral-400); border-radius:8px; margin-bottom:8px; background:white; }
.new-dialog button[type=submit] { min-height:44px; padding:8px 16px; background:var(--color-neutral-900); color:white; border-radius:8px; font-size:14px; cursor:pointer; }
.new-dialog button:disabled { opacity:.5; cursor:default; }
.new-dialog-close { position:absolute; top:12px; right:12px; width:32px; height:32px; display:grid; place-items:center; border-radius:6px; cursor:pointer; font-size:20px; color:var(--color-neutral-600); }
.new-dialog-close:hover { background:var(--color-neutral-100); }
.new-mobile-menu { position:fixed; inset:0 0 auto; width:100%; max-width:none; max-height:100dvh; margin:0; border:0; border-radius:0; padding:0 0 24px; background:white; color:var(--color-neutral-800); overflow:auto; }
.new-mobile-menu::backdrop { background:oklch(0 0 0 / .2); }
.new-mobile-menu nav { display:flex; flex-direction:column; gap:8px; }
.new-mobile-menu nav a { min-height:36px; display:flex; align-items:center; font-size:18px; }
.new-mobile-menu .new-mobile-header { display:flex; height:60px; align-items:center; justify-content:space-between; }
.new-mobile-menu .new-mobile-header a { font-size:20px; font-weight:650; letter-spacing:-.8px; }
.new-mobile-menu .new-mobile-header button { width:36px; height:36px; border-radius:8px; background:var(--color-neutral-100); font-size:20px; }
.new-mobile-menu .new-mobile-actions { display:grid; gap:8px; border-top:1px solid var(--color-neutral-200); padding-top:24px; margin-top:24px; }
.new-mobile-menu .new-mobile-actions a { min-height:36px; justify-content:center; border-radius:6px; font-size:14px; background:var(--color-neutral-100); }
.new-mobile-menu .new-mobile-actions a:first-child { background:var(--color-neutral-900); color:white; }
.new-portrait,.new-avatar { position:relative; display:inline-block; overflow:hidden; flex-shrink:0; }
.new-avatar { width:44px; height:44px; border-radius:50%; }
img[data-portrait] { position:absolute; top:0; width:300% !important; height:auto !important; max-width:none !important; object-fit:initial !important; }
img[data-portrait="0"] { left:0 !important; }
img[data-portrait="1"] { left:-100% !important; }
img[data-portrait="2"] { left:-200% !important; }
.new-avatar img[data-portrait],.new-portrait img[data-portrait] { top:-8%; }
#scenarios,#testimonials,#start { scroll-margin-top:80px; }
#workflow,#shared-context { scroll-margin-top:60px; }
#new-workflow [aria-hidden=true] { pointer-events:none; }
#new-workflow-steps button { cursor:pointer; }
:where(button,a,input,textarea,summary,.skip-link):focus-visible { outline:2px solid var(--color-neutral-700); outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:0s !important; transition-duration:0s !important; } }

/* Page chrome muted text: #737373 on white is 4.48:1. */
footer,
#start p,
#new-workflow-steps .text-sm { color:#525252; }
#top canvas,#start canvas { width:100% !important; height:100% !important; }

/* Soft studio lighting gives the hero depth without competing with the product. */
#top::before {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:0 0 auto;
  height:740px;
  background:
    radial-gradient(ellipse at 50% 23%, white 0%, oklch(1 0 0 / .94) 24%, transparent 62%),
    radial-gradient(ellipse at 0% 60%, oklch(.85 .055 164 / .65), transparent 57%),
    radial-gradient(ellipse at 100% 38%, oklch(.9 .055 125 / .6), transparent 52%),
    linear-gradient(165deg, #fff 5%, oklch(.97 .013 155) 62%, #fff 94%);
  mask-image:linear-gradient(black 0%, black 63%, transparent 100%);
}
#top::after {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  width:140%;
  height:440px;
  top:310px;
  left:-20%;
  border-radius:50%;
  border-top:1px solid oklch(1 0 0 / .95);
  background:linear-gradient(180deg, oklch(1 0 0 / .75), oklch(1 0 0 / 0) 40%);
  box-shadow:0 -24px 70px oklch(.69 .06 160 / .08);
  transform:rotate(-7deg);
}
#top .hero-title-reveal h1 { color:oklch(.25 .028 165); }
#top .hero-title-reveal p { color:oklch(.40 .02 160); }
#top .hero-title-reveal a[href="/today"] {
  background:#174c3c;
  box-shadow:inset 0 1px 0 oklch(1 0 0 / .14), 0 2px 3px oklch(.25 .035 160 / .12), 0 8px 18px oklch(.25 .035 160 / .12);
  transition:background-color 180ms, box-shadow 180ms, transform 180ms;
}
#top .hero-title-reveal a[href="/today"]:hover {
  background:#205c49;
  box-shadow:inset 0 1px 0 oklch(1 0 0 / .14), 0 3px 5px oklch(.25 .035 160 / .12), 0 10px 24px oklch(.25 .035 160 / .17);
}
#top .hero-title-reveal a:not([href="/today"]) { background:oklch(1 0 0 / .8); box-shadow:inset 0 0 0 1px oklch(.3 .03 160 / .08); }
#top canvas { opacity:.35; }
@media(max-width:767px) {
  #top::before { height:620px; }
  #top::after { top:365px; height:240px; width:180%; left:-40%; }
}
@media(prefers-reduced-motion:reduce) {
  #top .hero-title-reveal a { transition:none; }
}

@media(prefers-reduced-motion:reduce) { .clinical-demo * { transition:none !important; } }

/* Hero demo: a nurse opens a chart. Phase-driven via #new-hero-demo[data-phase]. */
.hd-demo { --hd-ease:cubic-bezier(.2,0,0,1); --hd-green:#174c3c; --hd-amber:#b45309; --hd-amber-bg:#fdf6e7; --hd-red:#b91c1c; --hd-red-bg:#fdf2f2; --hd-line:rgba(0,0,0,.08); font-size:13px; line-height:20px; color:var(--color-neutral-800); }
#new-hero-demo .hd-viewport { overflow:hidden; border-radius:8px; }
#new-hero-demo .hd-frame { transform-origin:0 0; transform:translate(var(--cam-x,0px), var(--cam-y,0px)) scale(var(--cam-s,1)); transition:opacity 500ms var(--hd-ease), transform 800ms var(--hd-ease); }
#new-hero-demo[data-phase=idle] .hd-frame { transition-duration:500ms, 0ms; }
#new-hero-demo[data-phase=reset] .hd-frame { opacity:0; transition-duration:450ms; }
.hd-demo kbd { font-family:inherit; font-size:10px; line-height:1; padding:3px 4px; border-radius:4px; color:var(--color-neutral-500); background:var(--color-neutral-100); box-shadow:inset 0 0 0 1px var(--hd-line); }
.hd-demo button { cursor:default; }
.hd-demo .hd-mono { font-family:var(--font-mono); font-size:11px; letter-spacing:0; }
.hd-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--color-neutral-300); flex-shrink:0; }
.hd-dot-live { background:#2f7d5b; box-shadow:0 0 0 3px rgba(47,125,91,.15); }
.hd-dot-amber { background:var(--hd-amber); }
.hd-eyebrow { margin:14px 8px 4px; font-size:11px; line-height:16px; color:var(--color-neutral-500); }
.hd-eyebrow-quiet { margin-top:10px; }
.hd-avatar { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; flex-shrink:0; font-size:10px; font-weight:500; letter-spacing:.02em; color:var(--hd-green); background:#e4ede7; }
.hd-avatar-lg { width:36px; height:36px; font-size:12px; }
.hd-avatar-sm { width:20px; height:20px; font-size:9px; color:var(--color-neutral-600); background:var(--color-neutral-100); }
.hd-avatar-quiet { color:var(--color-neutral-500); background:var(--color-neutral-100); }
.hd-icon-btn { display:grid; place-items:center; width:24px; height:24px; border-radius:8px; }
.hd-icon-btn:disabled { opacity:.6; }

/* Rail */
.hd-rail { display:flex; flex-direction:column; width:250px; flex-shrink:0; height:100%; overflow:hidden; border-right:1px solid var(--hd-line); background:#fcfcfc; position:relative; }
.hd-rail-top { display:flex; height:40px; align-items:center; justify-content:space-between; padding:0 8px; flex-shrink:0; }
.hd-brand { display:flex; align-items:center; gap:4px; padding:4px 6px; border-radius:8px; color:var(--color-neutral-600); }
.hd-brand-mark { display:grid; place-items:center; width:20px; height:20px; border-radius:5px; color:white; background:var(--hd-green); }
.hd-search-block { position:absolute; inset:40px 0 0; padding:8px; transition:opacity 220ms var(--hd-ease), transform 220ms var(--hd-ease); }
.hd-search { display:flex; align-items:center; gap:8px; height:32px; padding:0 8px 0 10px; border-radius:8px; background:white; box-shadow:0 0 0 1px var(--hd-line), 0 1px 2px rgba(0,0,0,.04); color:var(--color-neutral-500); transition:box-shadow 180ms var(--hd-ease); }
#new-hero-demo:is([data-phase=idle],[data-phase=typing],[data-phase=results],[data-phase=narrow],[data-phase=pick],[data-phase=pressed]) .hd-search { box-shadow:0 0 0 1px var(--hd-green), 0 0 0 4px rgba(23,76,60,.12); }
.hd-search-field { position:relative; display:flex; align-items:center; flex:1; min-width:0; height:100%; color:var(--color-neutral-800); white-space:nowrap; }
.hd-search-placeholder { position:absolute; left:0; color:var(--color-neutral-400); transition:opacity 120ms; }
.hd-typed:not(:empty) ~ .hd-search-placeholder { opacity:0; }
.hd-caret { width:1px; height:15px; margin-left:1px; background:var(--color-neutral-800); animation:hd-blink 1.1s steps(1) infinite; }
#new-hero-demo:not(:is([data-phase=idle],[data-phase=typing],[data-phase=results],[data-phase=narrow])) .hd-caret { display:none; }
@keyframes hd-blink { 50% { opacity:0; } }
.hd-results { margin-top:6px; opacity:0; transform:translateY(-4px); transition:opacity 180ms var(--hd-ease), transform 180ms var(--hd-ease); }
#new-hero-demo:is([data-phase=results],[data-phase=narrow],[data-phase=pick],[data-phase=pressed]) .hd-results { opacity:1; transform:none; }
.hd-result { display:flex; align-items:center; gap:10px; width:100%; padding:6px 8px; border-radius:8px; text-align:left; background:var(--color-neutral-100); transition:background-color 120ms, transform 120ms var(--hd-ease); }
.hd-result-body { display:flex; flex-direction:column; flex:1; min-width:0; line-height:16px; }
.hd-result-body strong { font-weight:500; color:var(--color-neutral-900); }
.hd-result-body small { font-size:11px; color:var(--color-neutral-500); }
#new-hero-demo[data-phase=pressed] .hd-result-target { background:#e4ede7; transform:scale(.985); }
#new-hero-demo[data-phase=pressed] .hd-result-target .hd-avatar { background:var(--hd-green); color:white; }
.hd-chart-rail { position:absolute; inset:40px 0 44px; display:flex; flex-direction:column; padding:8px; opacity:0; transform:translateY(6px); pointer-events:none; transition:opacity 240ms var(--hd-ease), transform 240ms var(--hd-ease); }
#new-hero-demo:is([data-phase=loading],[data-phase=loaded],[data-phase=notify],[data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-chart-rail { opacity:1; transform:none; pointer-events:auto; }
#new-hero-demo:is([data-phase=loading],[data-phase=loaded],[data-phase=notify],[data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-search-block { opacity:0; transform:translateY(-6px); pointer-events:none; transition-duration:100ms; }
.hd-patient { display:flex; align-items:center; gap:10px; padding:6px 8px 10px; }
.hd-patient-body { display:flex; flex-direction:column; line-height:16px; min-width:0; }
.hd-patient-body strong { font-weight:500; color:var(--color-neutral-900); }
.hd-patient-body small { font-size:11px; color:var(--color-neutral-500); }
.hd-allergy { display:flex; align-items:center; gap:6px; margin:0 8px 10px; padding:5px 8px; border-radius:6px; font-size:11px; line-height:16px; color:var(--hd-red); background:var(--hd-red-bg); box-shadow:inset 0 0 0 1px rgba(185,28,28,.14); }
.hd-allergy strong { font-weight:500; }
.hd-nav { display:flex; flex-direction:column; gap:2px; }
.hd-nav button { display:flex; align-items:center; gap:8px; height:28px; padding:0 8px; border-radius:8px; color:var(--color-neutral-600); transition:background-color 120ms; }
.hd-nav button svg { color:var(--color-neutral-500); }
.hd-nav button[aria-pressed=true] { background:var(--color-neutral-100); color:var(--color-neutral-900); }
.hd-nav button[aria-pressed=true] svg { color:var(--color-neutral-700); }
.hd-nav-badge { margin-left:auto; min-width:16px; height:16px; padding:0 5px; border-radius:8px; font-size:10px; line-height:16px; text-align:center; color:var(--hd-amber); background:var(--hd-amber-bg); opacity:0; transform:scale(.7); transition:opacity 180ms var(--hd-ease), transform 180ms var(--hd-ease); }
#new-hero-demo:is([data-phase=notify],[data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked]) .hd-nav-badge { opacity:1; transform:none; }
.hd-today { display:flex; align-items:center; gap:10px; padding:6px 8px; }
.hd-today-body { display:flex; flex-direction:column; line-height:16px; }
.hd-today-body strong { font-weight:500; color:var(--color-neutral-800); }
.hd-today-body small { font-size:11px; color:var(--color-neutral-500); }
.hd-rail-foot { display:flex; align-items:center; gap:8px; margin-top:auto; height:44px; padding:0 14px; border-top:1px solid var(--hd-line); flex-shrink:0; }
.hd-rail-foot-body { display:flex; flex-direction:column; line-height:14px; }
.hd-rail-foot-body strong { font-size:12px; font-weight:500; color:var(--color-neutral-700); }
.hd-rail-foot-body small { font-size:10px; color:var(--color-neutral-500); }

/* Main column */
.hd-main { display:flex; flex-direction:column; flex:1; min-width:0; height:100%; background:white; }
.hd-header { display:flex; align-items:center; justify-content:space-between; gap:8px; height:40px; padding:0 8px 0 12px; border-bottom:1px solid var(--hd-line); flex-shrink:0; }
.hd-crumb { display:flex; align-items:center; gap:6px; margin:0; color:var(--color-neutral-500); white-space:nowrap; }
.hd-crumb-tail { display:inline-flex; gap:6px; color:var(--color-neutral-800); opacity:0; transform:translateX(-4px); transition:opacity 200ms var(--hd-ease), transform 200ms var(--hd-ease); }
.hd-crumb-sep { color:var(--color-neutral-300); }
#new-hero-demo:is([data-phase=loading],[data-phase=loaded],[data-phase=notify],[data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-crumb-tail { opacity:1; transform:none; }
.hd-header-actions { display:flex; align-items:center; gap:8px; }
.hd-save { display:flex; align-items:center; gap:6px; font-size:11px; color:var(--color-neutral-500); white-space:nowrap; }
#new-hero-demo:is([data-phase=loaded],[data-phase=notify],[data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-save .hd-dot { background:#2f7d5b; }
#new-hero-demo[data-phase=loading] .hd-save .hd-dot { animation:hd-pulse 900ms ease-in-out infinite; }
@keyframes hd-pulse { 50% { opacity:.35; } }
.hd-sign { display:flex; align-items:center; gap:6px; height:28px; padding:0 8px 0 10px; border-radius:8px; font-size:12px; font-weight:500; color:var(--color-neutral-700); background:var(--color-neutral-100); }
.hd-sign:disabled { color:var(--color-neutral-400); }
.hd-sign kbd { background:white; }
.hd-body { position:relative; flex:1; min-height:0; }
.hd-body > .hd-empty, .hd-body > .hd-chart { overflow:hidden; }
.hd-empty { position:absolute; inset:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; padding:150px 0 0 56px; gap:4px; color:var(--color-neutral-400); transition:opacity 160ms var(--hd-ease); }
.hd-empty svg { margin-bottom:8px; color:var(--color-neutral-300); }
.hd-empty p { margin:0; color:var(--color-neutral-500); }
.hd-empty small { font-size:11px; }
#new-hero-demo:is([data-phase=loading],[data-phase=loaded],[data-phase=notify],[data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-empty { opacity:0; pointer-events:none; }
.hd-chart { position:absolute; inset:0; display:flex; flex-direction:column; gap:14px; padding:20px 24px 24px; max-width:820px; margin:0 auto; opacity:0; transform:translateY(8px); transition:opacity 240ms var(--hd-ease), transform 240ms var(--hd-ease); }
#new-hero-demo:is([data-phase=loading],[data-phase=loaded],[data-phase=notify],[data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-chart { opacity:1; transform:none; }
.hd-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.hd-card { position:relative; padding:12px 14px 14px; border-radius:10px; background:white; box-shadow:0 0 0 1px var(--hd-line); }
.hd-card-head { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:8px; }
.hd-card-head h3 { margin:0; font-size:12px; font-weight:500; line-height:16px; color:var(--color-neutral-800); }
.hd-card-head small { font-size:11px; color:var(--color-neutral-500); white-space:nowrap; }
.hd-badge { padding:1px 6px; border-radius:4px; font-family:var(--font-mono); font-size:10px; line-height:16px; color:var(--color-neutral-600); background:var(--color-neutral-100); }
.hd-skel { display:flex; flex-direction:column; gap:8px; transition:opacity 150ms var(--hd-ease); }
.hd-skel span { display:block; width:var(--w,80%); height:var(--h,12px); border-radius:4px; background:linear-gradient(90deg, #ededed 0%, #ededed 35%, #f7f7f7 50%, #ededed 65%, #ededed 100%); background-size:200% 100%; animation:hd-shimmer 1.4s linear infinite; }
@keyframes hd-shimmer { from { background-position:100% 0; } to { background-position:-100% 0; } }
.hd-content { position:absolute; left:14px; right:14px; top:36px; opacity:0; filter:blur(4px); transform:translateY(6px); transition:opacity 240ms var(--hd-ease), filter 240ms var(--hd-ease), transform 240ms var(--hd-ease); transition-delay:calc(var(--i) * 120ms); }
#new-hero-demo:is([data-phase=loaded],[data-phase=notify],[data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-content { position:static; opacity:1; filter:none; transform:none; }
#new-hero-demo:is([data-phase=loaded],[data-phase=notify],[data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-skel { display:none; }
#new-hero-demo:not([data-phase=loading]) .hd-skel span { animation:none; }
.hd-vitals { display:grid; grid-template-columns:repeat(5, 1fr); gap:8px; }
.hd-vital { display:flex; flex-direction:column; padding:6px 10px; border-radius:8px; background:var(--color-neutral-50); line-height:16px; }
.hd-vital small { font-size:10px; letter-spacing:.02em; color:var(--color-neutral-500); }
.hd-vital strong { font-size:16px; font-weight:500; line-height:22px; font-variant-numeric:tabular-nums; color:var(--color-neutral-900); }
.hd-vital span { font-size:10px; color:var(--color-neutral-500); }
.hd-vital-flag { background:var(--hd-amber-bg); box-shadow:inset 0 0 0 1px rgba(180,83,9,0); transition:box-shadow 200ms var(--hd-ease); }
.hd-vital-flag strong { color:var(--hd-amber); }
#new-hero-demo:is([data-phase=notify],[data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-vital-flag { box-shadow:inset 0 0 0 1px rgba(180,83,9,.3); }
.hd-list { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:4px; }
.hd-list li { display:flex; align-items:baseline; justify-content:space-between; gap:8px; line-height:18px; }
.hd-list li span { color:var(--color-neutral-800); }
.hd-list li b { font-weight:400; color:var(--color-neutral-500); }
.hd-list li small { font-size:11px; color:var(--color-neutral-500); white-space:nowrap; }
.hd-note p { margin:0 0 6px; color:var(--color-neutral-700); line-height:18px; }
.hd-note p small { display:block; font-size:10px; letter-spacing:.02em; color:var(--color-neutral-500); }
.hd-detail { display:grid; grid-template-rows:0fr; opacity:0; padding:0 14px; border-radius:10px; background:linear-gradient(180deg, #fffcf6, white 70%); box-shadow:0 0 0 1px rgba(180,83,9,.18), 0 8px 24px -16px rgba(180,83,9,.35); overflow:hidden; margin-top:-12px; transition:grid-template-rows 240ms var(--hd-ease), opacity 200ms var(--hd-ease), margin-top 240ms var(--hd-ease), padding 240ms var(--hd-ease), transform 320ms var(--hd-ease); }
#new-hero-demo[data-phase=dismissed] .hd-detail { transform:translateX(28px); transition-duration:320ms, 220ms, 320ms, 320ms, 320ms; transition-delay:140ms, 0ms, 140ms, 140ms, 0ms; }
.hd-detail-inner { min-height:0; overflow:hidden; }
#new-hero-demo:is([data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked]) .hd-detail { grid-template-rows:1fr; opacity:1; margin-top:0; padding:12px 14px 14px; }
.hd-detail-head { display:flex; align-items:baseline; gap:8px; margin-bottom:10px; overflow:hidden; }
.hd-detail-head .hd-dot { align-self:center; }
.hd-detail-head h3 { margin:0; font-size:13px; font-weight:500; color:var(--color-neutral-900); }
.hd-detail-head small { margin-left:auto; font-size:11px; color:var(--color-neutral-500); }
.hd-detail-body { display:grid; grid-template-columns:220px 1fr; gap:18px; align-items:start; overflow:hidden; }
.hd-spark { display:block; overflow:visible; }
.hd-spark-goal { stroke:rgba(180,83,9,.35); stroke-dasharray:3 3; }
.hd-spark-goal-label, .hd-spark-label { font-size:9px; fill:var(--color-neutral-400); }
.hd-spark-goal-label { fill:rgba(180,83,9,.7); }
.hd-spark-label-now { fill:var(--hd-amber); font-weight:500; }
.hd-spark-line { fill:none; stroke:var(--color-neutral-700); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:240; stroke-dashoffset:240; transition:stroke-dashoffset 700ms var(--hd-ease) 120ms; }
#new-hero-demo:is([data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked]) .hd-spark-line { stroke-dashoffset:0; }
.hd-spark-pt { fill:white; stroke:var(--color-neutral-600); stroke-width:1.5; opacity:0; transition:opacity 200ms var(--hd-ease) 200ms; }
.hd-spark-pt-now { fill:var(--hd-amber); stroke:var(--hd-amber); transition-delay:760ms; }
#new-hero-demo:is([data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked]) .hd-spark-pt { opacity:1; }
.hd-detail-text p { margin:0 0 4px; line-height:18px; color:var(--color-neutral-700); }
.hd-detail-reading { font-size:14px; }
.hd-detail-reading strong { font-size:20px; font-weight:500; line-height:24px; font-variant-numeric:tabular-nums; color:var(--color-neutral-900); }
.hd-detail-text p strong:not(.hd-detail-reading strong) { font-weight:500; color:var(--color-neutral-900); }
.hd-detail-text small { font-size:11px; color:var(--color-neutral-500); }
.hd-detail-actions { display:flex; gap:6px; margin-top:10px; }
.hd-detail-actions button { height:26px; padding:0 10px; border-radius:7px; font-size:12px; font-weight:500; color:var(--color-neutral-700); background:white; box-shadow:0 0 0 1px var(--hd-line), 0 1px 1px rgba(0,0,0,.04); }
.hd-detail-actions button:first-child { color:white; background:var(--hd-green); box-shadow:none; }
.hd-recheck { position:relative; display:inline-grid; grid-template-columns:minmax(0,1fr); place-items:center; width:118px; overflow:hidden; transform-origin:center; transition:width 320ms var(--hd-ease), border-radius 320ms var(--hd-ease), transform 120ms var(--hd-ease), background 200ms var(--hd-ease); }
.hd-recheck > * { grid-area:1/1; transition:opacity 160ms var(--hd-ease); }
.hd-recheck-label { min-width:0; white-space:nowrap; }
.hd-recheck-check { opacity:0; }
.hd-recheck-check path { stroke-dasharray:12; stroke-dashoffset:12; transition:stroke-dashoffset 260ms var(--hd-ease) 200ms; }
#new-hero-demo[data-phase=rechecking] .hd-recheck { transform:scale(.96); background:#12392d; }
#new-hero-demo:is([data-phase=rechecked],[data-phase=dismissed]) .hd-recheck { width:26px; padding:0; border-radius:13px; background:#2f7d5b; }
#new-hero-demo:is([data-phase=rechecked],[data-phase=dismissed]) .hd-recheck-label { opacity:0; transition-duration:100ms; }
#new-hero-demo:is([data-phase=rechecked],[data-phase=dismissed]) .hd-recheck-check { opacity:1; transition-delay:180ms; }
#new-hero-demo:is([data-phase=rechecked],[data-phase=dismissed]) .hd-recheck-check path { stroke-dashoffset:0; }
.hd-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; height:32px; padding:0 14px; border-top:1px solid var(--hd-line); font-size:11px; color:var(--color-neutral-500); flex-shrink:0; white-space:nowrap; }
.hd-foot > span:first-child { display:flex; align-items:center; gap:6px; transition:opacity 200ms var(--hd-ease); }
#new-hero-demo:is([data-phase=idle],[data-phase=typing],[data-phase=results],[data-phase=narrow],[data-phase=pick],[data-phase=pressed]) .hd-foot > span:first-child { opacity:0; }
/* Search results, cursor, and the top notification. */
.hd-result-count { display:inline-block; min-width:16px; padding:0 4px; margin-left:2px; border-radius:8px; font-size:10px; line-height:16px; text-align:center; color:var(--color-neutral-500); background:var(--color-neutral-100); }
.hd-result { background:transparent; margin-bottom:2px; }
.hd-result + .hd-result { margin-top:2px; }
#new-hero-demo:is([data-phase=pick],[data-phase=pressed]) .hd-result-target { background:var(--color-neutral-100); }
.hd-cursor { position:absolute; left:0; top:0; z-index:6; opacity:0; filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35)) drop-shadow(0 4px 8px rgba(0,0,0,.18)); transform-origin:2px 2px; transform:translate(var(--cur-x,0px), var(--cur-y,0px)) scale(var(--cur-p,1)); transition:transform 600ms var(--hd-ease), opacity 200ms var(--hd-ease); pointer-events:none; }
#new-hero-demo .hd-cursor { opacity:1; }
#new-hero-demo[data-phase=reset] .hd-cursor { opacity:0; }
#new-hero-demo[data-phase=idle] .hd-cursor { transition-duration:0ms, 200ms; }
#new-hero-demo:is([data-phase=pressed],[data-phase=typing],[data-phase=rechecking]) .hd-cursor, #new-hero-demo .hd-cursor.hd-cur-press { transition-duration:120ms, 200ms; }
.hd-toast { position:absolute; top:-17px; left:50%; z-index:4; display:flex; align-items:center; gap:8px; height:34px; padding:0 8px 0 6px; border-radius:17px; font-size:12px; font-weight:500; color:var(--color-neutral-800); background:white; box-shadow:0 0 0 1px rgba(180,83,9,.28), 0 1px 2px rgba(0,0,0,.04), 0 12px 28px -12px rgba(20,20,20,.28); opacity:0; transform:translate(-50%,-16px); pointer-events:none; transition:opacity 240ms var(--hd-ease), transform 240ms var(--hd-ease), box-shadow 120ms; white-space:nowrap; }
.hd-toast-icon { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; color:white; background:var(--hd-amber); }
.hd-toast-cta { display:inline-flex; align-items:center; gap:2px; margin-left:4px; padding:0 4px 0 8px; border-left:1px solid var(--hd-line); color:var(--color-neutral-500); font-weight:400; }
#new-hero-demo[data-phase=notify] .hd-toast { opacity:1; transform:translate(-50%,0); pointer-events:auto; cursor:pointer; }
#new-hero-demo[data-phase=notify] .hd-toast.hd-pressing { transform:translate(-50%,0) scale(.96); box-shadow:0 0 0 1px rgba(180,83,9,.45), 0 4px 12px -8px rgba(20,20,20,.3); }
#new-hero-demo:is([data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-toast { opacity:0; transform:translate(-50%,6px) scale(.96); transition-duration:180ms; }
#new-hero-demo:is([data-phase=notify]) .hd-vital-flag { box-shadow:inset 0 0 0 1px rgba(180,83,9,.3); }
#new-hero-demo:is([data-phase=detail],[data-phase=overview],[data-phase=recheck],[data-phase=rechecking],[data-phase=rechecked],[data-phase=dismissed],[data-phase=reset]) .hd-vital-flag { box-shadow:inset 0 0 0 1.5px rgba(180,83,9,.55); }
@media(prefers-reduced-motion:reduce) { #new-hero-demo .hd-frame { transform:none !important; transition:none !important; } #new-hero-demo .hd-cursor, #new-workflow .hd-cursor { display:none; } }
@media(max-width:1100px) { .hd-rail { width:220px; } .hd-chart { padding:12px 14px 14px; gap:10px; } .hd-vital strong { font-size:15px; } .hd-detail-body { grid-template-columns:180px 1fr; gap:12px; } .hd-spark { width:180px; height:52px; } }
@media(prefers-reduced-motion:reduce) { #new-hero-demo .hd-caret, #new-hero-demo .hd-skel span, #new-hero-demo .hd-save .hd-dot { animation:none !important; } }




/* Enterprise pricing. Paper card, sage wash, included terms on a nested well. */
.pricing-lede { max-width:540px; margin:16px 0 0; color:oklch(.48 .018 160); font-size:16px; line-height:1.55; text-wrap:pretty; }
.pricing-card { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.82fr); align-items:stretch; margin:40px 0 0; overflow:hidden; border-radius:28px; color:oklch(.25 .028 165); background:linear-gradient(160deg, oklch(.992 .006 95) 0%, oklch(.965 .028 155) 78%, oklch(.978 .016 140) 100%); box-shadow:0 0 0 1px oklch(.3 .03 155 / .09), 0 1px 2px oklch(.25 .02 160 / .04), 0 28px 64px -28px oklch(.28 .03 160 / .16); }
.pricing-glow { position:absolute; inset:0; z-index:0; pointer-events:none; background:radial-gradient(72% 88% at 6% -6%, oklch(.92 .055 155 / .7), transparent 56%), radial-gradient(48% 58% at 100% 108%, oklch(.95 .035 125 / .5), transparent 62%); }
.pricing-glow::after { content:""; position:absolute; inset:0; background-image:radial-gradient(oklch(.35 .04 155 / .14) 1px, transparent 1.2px); background-size:22px 22px; -webkit-mask-image:radial-gradient(55% 70% at 12% 0%, #000 18%, transparent 100%); mask-image:radial-gradient(55% 70% at 12% 0%, #000 18%, transparent 100%); opacity:.55; }
.pricing-main,.pricing-aside { position:relative; z-index:1; min-width:0; }
.pricing-main { display:flex; flex-direction:column; padding:48px 44px 40px 48px; }
.pricing-aside { display:flex; flex-direction:column; justify-content:center; margin:16px 16px 16px 0; padding:32px 32px 30px; border-radius:20px; background:oklch(1 0 0); box-shadow:0 0 0 1px oklch(.3 .03 155 / .07), 0 16px 36px -24px oklch(.25 .02 160 / .18); }
.pricing-head { display:flex; align-items:center; gap:10px; }
.pricing-eyebrow { font-size:12px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:oklch(.42 .07 160); }
.pricing-tag { padding:3px 9px; border-radius:999px; font-size:11px; font-weight:500; color:oklch(.38 .08 166); background:oklch(.965 .02 166); box-shadow:0 0 0 1px oklch(.43 .09 166 / .12); }
.pricing-title { margin:22px 0 0; max-width:13ch; font-size:44px; line-height:1.04; font-weight:500; letter-spacing:-.035em; color:oklch(.25 .028 165); text-wrap:balance; }
.pricing-sub { margin:16px 0 0; max-width:46ch; font-size:15px; line-height:1.55; color:oklch(.45 .02 160); text-wrap:pretty; }
.pricing-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:28px; }
.pricing-cta { display:inline-flex; height:44px; align-items:center; gap:8px; padding:0 20px; border:0; border-radius:999px; font-size:14px; font-weight:500; color:oklch(.98 .01 166); background:#174c3c; box-shadow:inset 0 1px 0 oklch(1 0 0 / .14), 0 2px 3px oklch(.25 .035 160 / .1), 0 8px 18px oklch(.25 .035 160 / .1); cursor:pointer; transition:background-color 180ms, box-shadow 180ms, transform 180ms; }
.pricing-cta svg { transition:transform 180ms; }
.pricing-cta:hover { background:#123d30; }
.pricing-cta:hover svg { transform:translateX(2px); }
.pricing-cta:active { transform:scale(.96); }
.pricing-secondary { display:inline-flex; height:44px; align-items:center; padding:0 18px; border-radius:999px; font-size:14px; font-weight:500; color:oklch(.32 .05 160); text-decoration:none; background:oklch(1 0 0 / .55); box-shadow:0 0 0 1px oklch(.3 .03 155 / .14) inset; transition:background-color 180ms, color 180ms, box-shadow 180ms; }
.pricing-secondary:hover { color:oklch(.25 .028 165); background:oklch(1 0 0); box-shadow:0 0 0 1px oklch(.3 .03 155 / .22) inset; }
.pricing-foot { margin:auto 0 0; padding-top:32px; font-size:12px; line-height:1.5; color:oklch(.52 .016 160); }
.pricing-included { margin:0 0 14px; font-size:11px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:oklch(.48 .04 160); }
.pricing-price { margin:0; display:flex; flex-direction:column; gap:8px; }
.pricing-price span { font-size:36px; line-height:1; font-weight:500; letter-spacing:-.035em; color:oklch(.25 .028 165); }
.pricing-price small { font-size:13px; line-height:1.5; color:oklch(.48 .018 160); }
.pricing-list { margin:22px 0 0; padding:22px 0 0; list-style:none; display:grid; gap:14px; border-top:1px solid oklch(.3 .03 155 / .1); }
.pricing-list li { display:flex; align-items:flex-start; gap:12px; font-size:14px; line-height:20px; color:oklch(.32 .02 160); }
.pricing-list i { display:grid; place-items:center; width:20px; height:20px; flex-shrink:0; margin-top:0; border-radius:50%; background:oklch(.965 .02 166); color:#174c3c; }
.pricing-list svg { display:block; }
@media(max-width:860px) { .pricing-card { grid-template-columns:1fr; } .pricing-main { padding:36px 28px 24px; } .pricing-aside { margin:0 16px 16px; padding:28px 24px; } .pricing-title { font-size:36px; } .pricing-foot { padding-top:24px; } }
@media(max-width:540px) { .pricing-card { border-radius:20px; } .pricing-main { padding:28px 20px 20px; } .pricing-aside { margin:0 12px 12px; padding:22px 18px; border-radius:16px; } .pricing-title { font-size:30px; } .pricing-cta,.pricing-secondary { width:100%; justify-content:center; } }
@media(prefers-reduced-motion:reduce) { .pricing-cta,.pricing-cta svg,.pricing-secondary { transition:none; } .pricing-cta:hover svg { transform:none; } }

/* Match the nurse's head-and-shoulders crop to the adjacent portraits. */
#scenarios a[aria-label="Explore urgent care scenario"] img {
  width:185%;
  height:auto;
  max-width:none;
  left:-42.5%;
  top:0;
  right:auto;
  bottom:auto;
  object-fit:initial !important;
}
#scenarios a[aria-label="Explore specialty practice scenario"] img { top:-2%; }
.testimonial-heading { margin-bottom:40px; }
.testimonial-heading h2 { font-size:32px; font-weight:500; letter-spacing:-.035em; line-height:1.2; color:#f5f5f4; }
.testimonial-heading p { margin-top:12px; color:#a3a3a3; font-size:13px; line-height:1.6; }
.testimonial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.testimonial-card { display:flex; flex-direction:column; min-width:0; padding:30px; background:#242624; border:1px solid #ffffff08; border-radius:12px; margin:0; }
.testimonial-card blockquote { margin:0 0 28px; font-size:21px; line-height:1.5; letter-spacing:-.025em; text-wrap:pretty; color:#ededeb; }
.testimonial-card mark { background:#365447; color:#fff; padding:1px 3px; border-radius:3px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.testimonial-card figcaption { display:flex; align-items:center; gap:12px; margin-top:auto; }
.testimonial-avatar { display:block; width:40px; height:40px; flex-shrink:0; border-radius:50%; background-image:url('/new-assets/testimonial-portraits.webp'); background-size:300% 200%; box-shadow:inset 0 0 0 1px #ffffff12; }
.testimonial-card figcaption strong { display:block; color:#eeeeec; font-size:13px; font-weight:500; line-height:1.3; }
.testimonial-card figcaption div > span { display:block; margin-top:3px; color:#a3aaa4; font-size:11px; }
@media(max-width:1100px) { .testimonial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .testimonial-grid { grid-template-columns:1fr; }.testimonial-card { padding:24px; }.testimonial-card blockquote { font-size:20px; }.testimonial-heading h2 { font-size:28px; } }

.new-site-header {
  border-bottom:1px solid oklch(.93 .006 160);
  background:oklch(1 0 0 / .92);
  backdrop-filter:saturate(1.2) blur(12px);
}
.new-category-wordmark {
  display:flex;
  align-items:center;
  height:32px;
  font-weight:600;
  font-size:15px;
  letter-spacing:-.02em;
  color:#525252;
  white-space:nowrap;
}
#new-workflow pre:empty,
#new-workflow [aria-label="Bash output"]:has(pre:empty),
#new-workflow [aria-label="Test output"]:has(pre:empty) { display:none; }
footer .max-w-page { align-items:flex-start; }
@media(min-width:640px) {
  footer .max-w-page { align-items:center; }
}
@media(max-width:767px) {
  .new-hero-stage {
    margin-left:-1.5rem;
    margin-right:-1.5rem;
    max-height:320px;
    overflow:hidden;
    border-top:1px solid oklch(.92 .006 160);
  }
  .new-hero-stage .min-w-page,
  .new-hero-stage .hero-illustration-reveal {
    min-width:760px;
    width:760px;
    margin-left:50%;
    transform:translateX(-50%);
  }
  .new-hero-stage #new-hero-demo { pointer-events:auto; }
  #top .hero-title-reveal { padding-bottom:36px; }
}

.wf-rows { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:4px; }
.wf-row { display:grid; grid-template-columns:44px 24px minmax(0,1fr) 88px 76px 72px; align-items:center; gap:12px; height:46px; padding:0 12px; border-radius:10px; background:white; box-shadow:0 0 0 1px var(--hd-line); transition:background-color 160ms var(--hd-ease), transform 160ms var(--hd-ease), box-shadow 160ms var(--hd-ease); }
.wf-row time { font-family:var(--font-mono); font-size:11px; color:var(--color-neutral-500); }
.wf-row-body { display:flex; flex-direction:column; line-height:16px; min-width:0; }
.wf-row-body strong { font-weight:500; color:var(--color-neutral-900); }
.wf-row-body small { font-size:11px; color:var(--color-neutral-500); }
.wf-row-done .wf-row-body strong { color:var(--color-neutral-600); }
.wf-row-status { display:flex; justify-content:flex-end; }
.wf-room { font-family:var(--font-mono); font-size:11px; color:var(--color-neutral-600); white-space:nowrap; }
.wf-acuity { display:inline-flex; align-items:center; gap:7px; font-size:10.5px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; color:var(--color-neutral-500); }
.wf-acuity::before { content:''; flex:none; width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 0 3px color-mix(in oklab, currentColor 16%, transparent); }
.wf-acuity-critical { color:#b42318; }
.wf-row-critical { box-shadow:0 0 0 1px rgba(180,35,24,.28); background:linear-gradient(90deg, rgba(180,35,24,.035), white 40%); }
.wf-acuity-urgent { color:var(--hd-amber); }
.wf-acuity-stable { color:#2f7d5b; }
.wf-acuity-minor { color:var(--color-neutral-500); }
.wf-row .wf-acuity-critical::before { animation:wf-pulse 2.4s var(--hd-ease) infinite; }
@keyframes wf-pulse { 0%, 100% { box-shadow:0 0 0 3px color-mix(in oklab, currentColor 16%, transparent); } 50% { box-shadow:0 0 0 5px color-mix(in oklab, currentColor 8%, transparent); } }
.wf-row-done :is(.wf-acuity, .wf-room) { color:var(--color-neutral-400); }
.wf-row-done .wf-acuity::before { box-shadow:none; }
.wf-chip { display:inline-flex; align-items:center; gap:4px; padding:0 8px; border-radius:999px; font-size:11px; line-height:18px; color:var(--color-neutral-600); background:var(--color-neutral-100); white-space:nowrap; }
.wf-chip-done { color:#2f7d5b; background:#eaf3ee; }
.wf-chip-room { color:var(--hd-amber); background:var(--hd-amber-bg); }
.wf-chip-next { color:white; background:var(--hd-green); }

/* Workflow preview: a readable document with its source context alongside. */
.wf-demo { --wf-green:#174c3c; --wf-muted:#62665f; --wf-line:#e4e6df; position:relative; isolation:isolate; padding:28px; border-radius:18px; overflow:hidden; color:#252c27; font-size:14px; line-height:1.5; background:radial-gradient(120% 70% at 50% 0%,oklch(.975 .012 152),transparent 62%),radial-gradient(80% 75% at 100% 100%,oklch(.9 .036 161),transparent 64%),linear-gradient(180deg,oklch(.962 .018 155),oklch(.918 .03 161)); }
.wf-shell { position:relative; display:grid; grid-template-columns:20% minmax(0,1fr); width:100%; min-height:660px; background:#f4f5f1; border-radius:12px; box-shadow:0 0 0 1px #0000000d,0 16px 40px #14261c26; overflow:hidden; }
.wf-demo button { cursor:pointer; font:inherit; }
.wf-demo button:disabled { cursor:default; }
.wf-demo button:focus-visible,.wf-demo a:focus-visible,.wf-demo summary:focus-visible,.wf-demo textarea:focus-visible,.wf-chapters button:focus-visible { outline:2px solid #28785c; outline-offset:3px; }
.wf-rail { display:flex; flex-direction:column; gap:22px; padding:22px 18px; background:#fafbf8; border-right:1px solid var(--wf-line); }
.wf-brand { display:flex; align-items:center; gap:7px; font-size:16px; font-weight:600; letter-spacing:-.4px; }
.wf-brand .hd-brand-mark { width:22px; height:22px; background:var(--wf-green); }
.wf-patient,.wf-author { display:flex; align-items:center; gap:10px; }
.wf-patient strong,.wf-author strong { display:block; font-weight:600; }
.wf-patient small,.wf-author small { display:block; color:var(--wf-muted); font-size:11px; }
.wf-avatar { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; border-radius:50%; background:#e4eee7; color:var(--wf-green); font-size:12px; font-weight:600; }
.wf-mono { font-family:var(--font-mono),monospace; }
.wf-allergy { margin:0; padding:8px 9px; border:1px solid #ecd6d0; border-radius:6px; background:#fff5f2; color:#9b3525; font-size:11px; }
.wf-nav { display:grid; gap:5px; }
.wf-nav button,.wf-nav a { display:flex; align-items:center; justify-content:space-between; min-height:40px; padding:8px 10px; border-radius:6px; color:#62665f; text-decoration:none; text-align:left; }
.wf-nav [aria-current=page] { color:var(--wf-green); background:#e9eee7; font-weight:500; }
.wf-nav a:hover,.wf-nav button:hover { background:#edf0e9; }
.wf-nav span { font-size:11px; }
.wf-encounter { display:grid; gap:5px; font-size:12px; }
.wf-encounter small { color:var(--wf-muted); font-size:9px; letter-spacing:.1em; }
.wf-encounter strong { font-weight:500; }
.wf-encounter > span { color:var(--wf-muted); }
.wf-author { margin-top:auto; padding-top:18px; border-top:1px solid var(--wf-line); }
.wf-workspace { min-width:0; display:flex; flex-direction:column; }
.wf-toolbar { min-height:64px; padding:10px 22px; display:flex; justify-content:space-between; align-items:center; gap:12px; background:#fff; border-bottom:1px solid var(--wf-line); font-size:12px; }
.wf-toolbar p { margin:0; color:var(--wf-muted); }
.wf-toolbar p span { color:#252c27; }
.wf-toolbar > div { display:flex; align-items:center; gap:14px; }
.wf-save { color:var(--wf-muted); font-size:11px; white-space:nowrap; }
.wf-save::before { content:''; display:inline-block; width:5px; height:5px; border-radius:50%; margin-right:6px; background:#71816d; vertical-align:2px; }
.wf-primary { min-height:36px; padding:7px 13px; border-radius:7px; color:white; background:var(--wf-green); transition:transform 160ms ease-out,background-color 160ms ease-out; white-space:nowrap; }
.wf-primary:disabled { color:#686f65; background:#edf0e9; }
.wf-chart-layout { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,3fr); gap:22px; padding:24px; flex:1; align-items:start; }
.wf-editor { min-width:0; align-self:stretch; display:flex; flex-direction:column; background:white; border-radius:10px; box-shadow:0 0 0 1px #27372c12,0 3px 10px #27372c06; padding:26px; }
.wf-editor-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-bottom:22px; border-bottom:1px solid #eef0ea; }
.wf-editor-heading small { font-size:9px; letter-spacing:.08em; color:var(--wf-muted); }
.wf-editor-heading h3 { margin:5px 0 3px; font-size:24px; font-weight:500; letter-spacing:-.8px; line-height:1.2; }
.wf-editor-heading p { margin:0; color:var(--wf-muted); font-size:11px; }
.wf-document-badge { background:#f0f2ed; color:#60685d; border-radius:5px; padding:3px 7px; font-size:10px; }
.wf-note-section { margin-top:22px; }
.wf-note-section h4 { margin:0 0 7px; font-weight:500; font-size:11px; color:var(--wf-muted); }
.wf-note-section p { margin:0; font-size:13px; line-height:1.7; }
.wf-note-section .wf-empty { color:#73796e; font-size:12px; }
.wf-inserted { padding:10px 12px; border-left:2px solid #71997f; border-radius:0 6px 6px 0; background:#f6f8f3; transition:background-color 200ms ease-out; }
.wf-inserted[data-highlight=true] { background:#e1f1e4; }
.wf-inserted small { display:block; margin-top:6px; font-size:10px; color:#5e7763; }
.wf-observation-label { display:block; font-size:11px; color:var(--wf-muted); margin-top:16px; }
#wf-observation { width:100%; resize:vertical; min-height:66px; margin-top:5px; padding:9px 10px; border:1px solid #e0e5db; border-radius:6px; font:inherit; font-size:13px; line-height:1.7; background:#fff; color:#252c27; }
#wf-observation::placeholder { color:#777e70; }
#wf-observation:read-only { border-color:transparent; background:#f8faf6; resize:none; }
.wf-editor-footer { margin-top:auto; padding-top:24px; color:var(--wf-muted); font-size:10px; }
.wf-context { min-width:0; scroll-margin-top:90px; }
.wf-context-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.wf-context-heading h3 { margin:0; font-size:12px; font-weight:500; }
.wf-context-heading > span { color:#697660; font-size:8px; letter-spacing:.1em; }
.wf-source { padding:16px; background:#f8fcf5; border:1px solid #cfddc7; border-radius:9px; }
.wf-source-heading { display:flex; align-items:center; gap:6px; }
.wf-source h4 { font-size:12px; color:var(--wf-green); font-weight:500; margin:0; }
.wf-source-dot { width:6px; height:6px; background:#548765; border-radius:50%; }
.wf-source p { margin:12px 0 8px; font-size:13px; line-height:1.6; }
.wf-source small { display:block; font-size:10px; color:#64735d; }
.wf-source button { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:36px; padding:7px 10px; margin-top:15px; border:1px solid #b9ceaf; border-radius:6px; background:#fff; color:var(--wf-green); font-size:12px; transition:transform 160ms ease-out,background-color 160ms ease-out; }
.wf-source button:disabled { background:#eaf2e5; border-color:transparent; }
.wf-context-details { margin-top:16px; }
.wf-context-details summary { display:none; cursor:pointer; }
.wf-context-data { display:grid; gap:16px; }
.wf-context-data section { border-top:1px solid #dde3d6; padding-top:13px; }
.wf-context-data h4 { margin:0 0 3px; font-size:12px; font-weight:500; }
.wf-context-data small { color:var(--wf-muted); font-size:9px; }
.wf-context-data p { display:flex; justify-content:space-between; flex-wrap:wrap; gap:3px; margin:8px 0 0; font-size:11px; }
.wf-vitals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:9px 0 0; }
.wf-vitals > div { padding:7px; border-radius:5px; background:#fff; }
.wf-vitals > div:first-child { background:#fbf0df; }
.wf-vitals dt { font-size:9px; color:var(--wf-muted); }
.wf-vitals dt span { font-size:8px; }
.wf-vitals dd { margin:3px 0 0; font-size:16px; font-variant-numeric:tabular-nums; letter-spacing:-.5px; }
.wf-vitals > div:first-child dd { color:#a35516; }
.wf-completion { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:20px; padding:13px; border-radius:7px; background:#edf5e9; color:var(--wf-green); }
.wf-completion-mark { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#d6e8ce; }
.wf-completion strong { font-size:12px; font-weight:500; }
.wf-completion p { margin:2px 0 0; font-size:10px; }
.wf-completion button { margin-left:auto; min-height:36px; font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.wf-disclosure { padding:12px 22px; font-size:10px; color:var(--wf-muted); border-top:1px solid var(--wf-line); background:#fafbf8; }
.wf-player { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding:8px 12px 8px 16px; border-radius:9px; background:#fffffff0; }
.wf-player p { margin:0; color:#384d3b; font-size:12px; }
.wf-player > div { display:flex; gap:4px; }
.wf-player button { min-height:36px; min-width:58px; padding:6px 10px; font-size:12px; color:var(--wf-green); border-radius:5px; }
.wf-player button:hover { background:#edf2e8; }
.wf-player button:disabled { opacity:.5; }
.wf-pointer { position:absolute; left:0; top:0; pointer-events:none; z-index:3; transition:transform 200ms ease-out; }
.wf-press { transform:scale(.96); }
.wf-chapters { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:0; }
.wf-chapters button { position:relative; display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; width:100%; min-height:96px; padding:18px 0 0; border-top:1px solid #e2e6de; color:#73796e; text-align:left; cursor:pointer; font-size:14px; }
.wf-chapters button[aria-current=step] { color:#174c3c; }
.wf-chapter-number { font-variant-numeric:tabular-nums; font-size:12px; }
.wf-chapters small { flex-basis:100%; align-self:flex-start; font-size:12px; line-height:1.5; color:#62665f; }
.wf-chapter-progress { position:absolute; top:-1px; left:0; right:0; height:2px; background:#174c3c; transform:scaleX(0); transform-origin:left; transition:transform 180ms linear; }
.wf-board { padding:30px 24px; flex:1; }
.wf-board-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; }
.wf-board-heading small { font-size:10px; letter-spacing:.08em; color:var(--wf-muted); }
.wf-board-heading h3 { font-size:25px; font-weight:500; letter-spacing:-.6px; margin:5px 0; }
.wf-board-heading p,.wf-board-label,.wf-board-hint { font-size:12px; color:var(--wf-muted); }
.wf-board-heading p { margin:0; }
.wf-board-hint { margin-top:24px; }
.wf-demo .wf-row { --hd-line:#e4e6df; --hd-green:#174c3c; --hd-amber:#a35516; --hd-amber-bg:#fbf0df; height:58px; grid-template-columns:38px 24px minmax(0,1fr) 70px 65px 55px; gap:9px; font-size:12px; }
.wf-demo .wf-row-target { background:#edf4e8; box-shadow:0 0 0 1px #abc69e; }
.wf-row-target button { text-align:left; color:#174c3c; font-weight:500; min-height:26px; }
.wf-open-label { font-size:9px; margin-left:10px; text-decoration:underline; text-underline-offset:2px; }
.wf-demo .wf-row-critical .wf-acuity::before { animation:none; }
.wf-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(min-width:761px) and (max-width:1100px) { .wf-demo { padding:18px; } .wf-rail { padding:18px 12px; } .wf-patient { flex-wrap:wrap; } .wf-chart-layout { padding:16px; gap:14px; } .wf-editor { padding:18px; } .wf-vitals { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
 .wf-demo { padding:12px; border-radius:12px; } .wf-shell { display:block; min-height:0; } .wf-rail { padding:16px; gap:12px; border-right:0; border-bottom:1px solid var(--wf-line); } .wf-brand,.wf-author,.wf-nav,.wf-encounter { display:none; } .wf-patient small { font-size:11px; } .wf-allergy { padding:6px 8px; }
 .wf-toolbar { padding:12px 14px; flex-wrap:wrap; gap:8px; } .wf-toolbar > div { width:100%; justify-content:space-between; } .wf-primary { min-height:44px; }
 .wf-chart-layout { display:flex; flex-direction:column; padding:12px; gap:16px; } .wf-context { order:-1; width:100%; } .wf-context-heading { display:none; } .wf-source { padding:14px; } .wf-source p { font-size:14px; } .wf-source button { min-height:44px; font-size:14px; }
 .wf-context-details summary { display:block; padding:10px 0; font-size:12px; color:#43563f; } .wf-context-details summary::after { content:' +'; } .wf-context-details[open] summary::after { content:' −'; } .wf-context-data { margin-top:8px; } .wf-context-data h4 { font-size:14px; } .wf-context-data p { font-size:13px; } .wf-context-data small { font-size:11px; }
 .wf-editor { width:100%; padding:18px; } .wf-editor-heading h3 { font-size:24px; } .wf-note-section p { font-size:14px; } #wf-observation { font-size:16px; } .wf-completion button { min-height:44px; } .wf-disclosure { padding:12px 14px; font-size:9px; }
 .wf-player { flex-direction:column; align-items:stretch; padding:10px; gap:5px; } .wf-player p { text-align:center; font-size:11px; } .wf-player > div { justify-content:center; } .wf-player button { min-height:44px; }
 .wf-chapters { gap:0; grid-template-columns:1fr; } .wf-chapters button { min-height:72px; padding:12px 0; } .wf-chapters small { font-size:12px; }
 .wf-board { padding:20px 12px; } .wf-board-label { display:none; } .wf-demo .wf-row { grid-template-columns:30px minmax(0,1fr) 48px; height:auto; min-height:72px; padding:10px 8px; gap:8px; } .wf-row > .hd-avatar,.wf-row > .wf-acuity,.wf-row > .wf-room { display:none; } .wf-row-body small { font-size:10px; } .wf-open-label { display:block; margin-left:0; } .wf-row-target button { min-height:44px; } .wf-pointer { display:none; }
}
@media(prefers-reduced-motion:reduce) { .wf-pointer { display:none; } }
.wf-brand .hd-brand-mark { display:grid; place-items:center; border-radius:5px; color:white; }
.wf-demo .wf-row > .hd-avatar { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#e4eee7; color:#174c3c; font-size:10px; }
@media(max-width:760px) { .wf-demo .wf-row > .hd-avatar { display:none; } }

.new-dialog-primary { display:block; padding:10px 16px; margin-top:20px; border-radius:8px; color:white; background:#174c3c; text-align:center; }