/* Trifluent draft style guide v0.1. Local assets only; supplied logo is unchanged. */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/poppins-regular.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/poppins-semibold.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/poppins-bold.woff2') format('woff2')}
:root{
  --blue-100:#e5f4fa;--blue-200:#bbeafc;--blue-300:#77d5f8;--blue-400:#24bcf4;
  --blue-500:#0ba5de;--blue-600:#0877a0;--blue-700:#065e7e;--blue-800:#054861;--blue-900:#032f3f;
  /* Guide's darker gold shades: white on #d18400 is 2.995:1 before rounding. */
  --white:#fff;--action:#b27100;--action-hover:#a76900;
  font-family:Poppins,Arial,Helvetica,sans-serif;font-size:100%;font-weight:400;
  font-synthesis:none;line-height:1.5;color:var(--blue-900);background:var(--blue-100);
}
:root[data-text-size=large]{font-size:125%}
body{font-size:1.125rem;line-height:1.5}
button,input,select{font-family:inherit}small{font-size:1.125rem}
h1,h2,h3,h4{color:var(--blue-900);font-weight:700;letter-spacing:normal}
h1{font-size:2rem;line-height:1.25}h2{font-size:1.5rem;line-height:1.33}h3{font-size:1.375rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}
a,button,input,select,summary{outline-offset:4px}
:is(a,button,input,select,summary):focus-visible{outline:3px solid var(--blue-700)}
button,.link-button{border-radius:28px;min-height:48px;white-space:normal;font-weight:600;line-height:1.5}
.primary,button.primary,.actions button:not(.secondary){background:var(--action);color:var(--white);font-size:1.1875rem;font-weight:700;border-color:var(--action)}
.primary:hover:enabled,.link-button.primary:hover,.actions button:not(.secondary):hover{background:var(--action-hover);filter:none}
.secondary,button.secondary{color:var(--blue-700);background:var(--white);border:1px solid var(--blue-600)}
.secondary:hover:enabled{background:var(--blue-100)}
input,select,.catalogue-controls input,.demo-clinic input{border-color:var(--blue-600);border-radius:4px}
header{max-width:1280px;height:auto;min-height:116px;padding:16px 24px;gap:24px;flex-wrap:wrap;background:var(--white);border-color:var(--blue-200)}
body:has(.ehr-navigation) header{height:auto}
.brand{display:flex;align-items:center;gap:16px;letter-spacing:normal;flex-shrink:0;max-width:100%}
.brand-logo{display:block;width:230px;max-width:100%;height:auto;aspect-ratio:1080/300.25}
.brand-sub{font-size:1.125rem;font-weight:600;letter-spacing:.08em;color:var(--blue-700);margin:0}
.header-tools{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.text-size-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:1.125rem;white-space:normal}
.text-size-toggle [aria-hidden]{font-weight:700;font-size:1.375rem}
.text-size-toggle[aria-pressed=true]{background:var(--blue-700);color:var(--white);border-color:var(--blue-700)}
.text-size-toggle[aria-pressed=true]:hover{background:var(--blue-800)}
.environment{margin-left:0;background:var(--blue-100);color:var(--blue-700);font-size:1.125rem}
.environment i{background:var(--blue-500)}
.navlink{display:inline-flex;align-items:center;min-height:44px;font-size:1.125rem;color:var(--blue-700)}
main{max-width:1280px;padding:48px 24px 32px;margin:auto}
footer{max-width:1280px;padding:24px;margin:24px auto 0;gap:24px;font-size:1.125rem;color:var(--blue-700);border-color:var(--blue-200)}
.panel,.catalogue{border-radius:8px;box-shadow:none}
.small-pill{border-radius:6px;white-space:normal;color:var(--blue-900);background:var(--blue-200);letter-spacing:normal}
.small-pill.pending,.notice,.presentation-feature .feature-boundary{background:#fae7c6;color:var(--blue-900)}
.success{color:var(--blue-900);background:#95f6d6}.error{background:var(--white);color:#b3261e;border-color:#b3261e}
.section-number,.eyebrow{letter-spacing:.07em;line-height:1.5;color:var(--blue-700)}
.section-heading,.review-heading,.page-title,.context-strip,.catalogue-intro{flex-wrap:wrap}
.section-heading{align-items:flex-start}.section-heading .section-number{flex:1;min-width:160px}
.context-strip{background:var(--white);border-left:4px solid var(--blue-500)}
.context-strip>div{min-width:0}.context-strip small{letter-spacing:normal}
.avatar{flex-shrink:0;width:48px;height:48px}
.overview-hero{gap:48px;padding:16px 0 64px}.overview-hero h1{font-size:2.75rem;line-height:1.2}
.overview-hero h1 span{color:var(--blue-700)}.lead{max-width:620px;font-size:1.125rem;color:var(--blue-700)}
.scenario-preview{transform:none;border-radius:16px;background:linear-gradient(145deg,var(--white),var(--blue-200));box-shadow:none}
.scenario-preview h2{font-size:1.5rem}.preview-equation{gap:12px;flex-wrap:wrap}.preview-equation strong{font-size:2.75rem;letter-spacing:normal}
.preview-equation small{letter-spacing:normal}.preserved span{background:var(--white);border-color:var(--blue-200)}
.overview-cta{background:var(--blue-900);color:var(--white)}.overview-cta :is(h2,.eyebrow){color:var(--white)}
.overview-actions,.overview-cta,.flow-preview{flex-wrap:wrap}.link-button{max-width:100%;gap:16px}
.walkthrough-grid{gap:24px}.walkthrough-grid b{width:44px;height:44px;background:var(--blue-200);color:var(--blue-900)}
.documentation{gap:48px}.table-scroll{min-width:0}.documentation summary{min-height:44px}
.steps{flex-wrap:wrap;gap:12px}.steps li{flex:1 1 130px;min-width:0}.steps li span{display:block;padding:0}
.demo-clinic{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}
.demo-flow{gap:24px}.demo-pending-order{flex-wrap:wrap}.demo-pending-order>div{min-width:0}
.ehr-navigation{max-width:none}.ehr-navigation button{min-width:0;flex-wrap:wrap;padding:10px 12px}
.clinical-layout{grid-template-columns:minmax(0,1fr) 380px;gap:24px}
.clinical-layout .work-grid{grid-template-columns:minmax(0,1fr)}
.clinical-layout :is(.chart-grid,.catalogue-layout){grid-template-columns:minmax(0,1fr)}
.clinical-layout .catalogue-list{max-height:360px}
.clinical-layout .catalogue-controls{grid-template-columns:minmax(0,1fr)}
.runtime-inspector{background:var(--blue-900);color:var(--blue-100);border-color:var(--blue-700)}
.runtime-inspector :is(h2,h3){color:var(--white)}
.runtime-inspector :is(dt,p,.trace-explainer,.trace-verified){color:var(--blue-200)}
.runtime-inspector :is(.trace-live,.trace-entry summary span,.trace-entry b){color:var(--blue-300)}
.trace-entry{background:var(--blue-800);border-color:var(--blue-600)}
.trace-entry pre{color:var(--white)}.runtime-inspector>details>summary span{float:none;margin-left:8px}
.runtime-inspector>details>summary{border-color:var(--blue-600)}
.runtime-inspector :is(a,button,summary):focus-visible{outline-color:var(--blue-300);outline-offset:-4px}
.audit li{flex-wrap:wrap}.audit li strong{min-width:0}.audit li small{font-size:1.125rem}
.dose-grid{font-variant-numeric:tabular-nums}.dose-grid>div{min-width:0}
.medication>div:last-child{min-width:0}.comparison{flex-wrap:wrap;gap:16px}
.comparison strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.card-marker{position:static;float:right;width:28px;height:28px;font-size:1.125rem}
.cds-card .invariant{font-size:1.125rem!important}
.sign-actions button,.synthetic-catalogue-note button,.chart-task button{white-space:normal}
.chart-task,.synthetic-catalogue-note,.catalogue-provenance{flex-wrap:wrap}
.product-row,.product-detail,.product-sources a,.flex-featured a,.text-link,.workflow-detail{overflow-wrap:anywhere}
.product-row .product-symbol{width:40px;height:44px}.product-ndc{font-variant-numeric:tabular-nums}
.fine,.muted,.trace-explainer{overflow-wrap:break-word}
.fine,.muted,.preview-equation small,.preview-equation div>span,.preview-label,.context-strip small,.comparison small,.comparison strong span,.medication small,.product-row small,.product-row em,.product-ndc,.product-strength,.product-symbol,.presentation-feature p,.catalogue-action p,.handoff-panel p,.flex-featured p,.demo-queue,.demo-flow,.workflow-detail{color:var(--blue-700)}
.cds-card>p:not(.eyebrow),.review-empty p,.signing p,.consent-page .patient :is(small,span),.consent-page .scope{color:var(--blue-700)}
dialog{width:calc(100% - 40px);max-width:680px;max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:40px 32px;color:var(--blue-900)}
dialog::backdrop{background:#032f3f99}.close{min-width:44px;min-height:44px;top:4px;right:4px}
.dialog-actions{flex-wrap:wrap}.dialog-actions button{min-width:160px}
.consent-page main{max-width:760px;padding-top:32px}.consent-page .patient{flex-wrap:wrap}.consent-page .patient>div{min-width:0;flex:1;overflow-wrap:break-word}
:root[data-text-size=large] .clinical-layout{grid-template-columns:minmax(0,1fr) 420px}
@media(min-width:1650px){main:has(.clinical-layout){max-width:1570px}.clinical-layout .work-grid{grid-template-columns:1fr 1.15fr}:root[data-text-size=large] .clinical-layout .work-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1199px){.clinical-layout,:root[data-text-size=large] .clinical-layout{grid-template-columns:minmax(0,1fr)}.runtime-inspector{position:static}.clinical-layout .work-grid{grid-template-columns:1fr 1fr}.clinical-layout .catalogue-layout{grid-template-columns:1fr 1fr}.clinical-layout .catalogue-controls{grid-template-columns:2fr 1fr}.clinical-layout .catalogue-list{max-height:660px}}
@media(max-width:950px){.overview-hero{grid-template-columns:minmax(0,1fr)}.clinical-layout .work-grid,:root[data-text-size=large] .clinical-layout .catalogue-layout{grid-template-columns:minmax(0,1fr)}.demo-clinic{grid-template-columns:minmax(0,1fr)}.header-tools{margin-left:0}header{justify-content:space-between}}
@media(max-width:720px){
 header{padding:12px 20px;gap:8px;min-height:0}.brand{gap:8px}.brand-logo{width:190px}.brand-sub{letter-spacing:normal}
 .header-tools{width:100%;justify-content:space-between;gap:8px}.environment{display:none}.text-size-toggle{padding:8px 14px}
 main,body:has(.ehr-navigation) main{margin:0;padding:24px 20px}footer{margin:0;padding:24px 20px}
 .overview-hero h1,.hero h1,.demo-heading h1,.page-title h1,body:has(.ehr-navigation) .page-title h1{font-size:1.625rem}
 .page-title{gap:16px}.page-title .secondary{padding:10px 16px}.panel,.connect-panel,.catalogue{padding:20px}
 .overview-section h2,.catalogue h2{font-size:1.25rem}.scenario-preview{padding:20px}.preview-equation strong{font-size:2rem}
 .walkthrough-grid,.documentation,.boundary-grid,.clinical-layout .catalogue-layout,.clinical-layout .catalogue-controls{grid-template-columns:minmax(0,1fr)}
 .clinical-layout .catalogue-list{max-height:360px}.demo-flow{grid-template-columns:minmax(0,1fr)}
 .ehr-navigation{gap:0;padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:var(--white)}
 .ehr-navigation button{padding:8px 2px;font-size:1.125rem;gap:4px;overflow-wrap:anywhere}
 body:has(.ehr-navigation){padding-bottom:calc(112px + env(safe-area-inset-bottom))}
 body:has(.ehr-navigation) .context-strip{position:static;padding:16px;gap:12px}
 body:has(.ehr-navigation) .context-strip>div:nth-child(2){padding-left:0;flex-direction:column;gap:4px}
 body:has(.ehr-navigation) .context-strip>div:nth-child(3){padding-left:0}
 .steps li{flex-basis:120px}.context-strip>div{max-width:100%}
 .section-heading,.review-heading{gap:12px}.medication{padding:16px;gap:12px;flex-wrap:wrap}
 .dose-grid{grid-template-columns:minmax(0,1fr)}.review-empty{padding:20px 0}.cds-card{padding:20px}
 .comparison>div{flex:1;min-width:120px}.comparison>span{display:none}
 .runtime-inspector #runtime-content{padding:14px}.runtime-inspector summary{padding:14px}
 .trace-entry summary{padding:10px}.runtime-inspector #runtime-content{max-height:65dvh}
 .demo-clinician{grid-template-columns:minmax(0,1fr)}.demo-clinician .demo-role-icon{display:none}.demo-clinician .fine{grid-column:1}
 dialog{padding:48px 20px 24px}.dialog-actions button{min-width:0;width:100%}
 .consent-page section{padding:24px 20px}.consent-page h1{font-size:1.625rem}.consent-page .patient{padding:16px}
}
@media(max-width:420px){.brand{flex-wrap:wrap;gap:0}.brand-logo{width:200px}.brand-sub{padding-left:8px}.header-tools{align-items:flex-start}.demo-clinician{padding:16px}.ehr-navigation button{font-size:1.125rem}}
@media(max-width:420px){:root[data-text-size=large] .ehr-navigation{display:grid;grid-template-columns:1fr 1fr;gap:4px}:root[data-text-size=large] .ehr-navigation button{flex-direction:row;gap:8px;overflow-wrap:normal}:root[data-text-size=large] body:has(.ehr-navigation){padding-bottom:calc(160px + env(safe-area-inset-bottom))}}