/* Real HTML records, shared state and native controls. Keelmore's material palette,
   not a simulated software screenshot; all examples render without JavaScript. */
.public-main .sys-home-hero{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:44px;padding-top:32px;align-items:center}
.sys-home-hero h1{font-size:clamp(2.9rem,4.6vw,4.1rem);line-height:1.04}
.sys-home-hero .km-lead{font-size:1.03rem;line-height:1.75}
.sys-demo,.sys-shell,.sys-workspace>*{min-width:0}
.sys-shell{background:var(--km-warm-white);border:1px solid var(--km-rule);box-shadow:7px 7px 0 #e4ddcf}
.sys-top{display:flex;justify-content:space-between;gap:14px;align-items:center;background:var(--km-spruce);color:var(--km-warm-white);padding:18px 24px}
.sys-wordmark{font:550 .75rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}
.sys-example{display:inline-block;font-size:.68rem;line-height:1.55;letter-spacing:.02em;padding:4px 8px;border:1px solid currentColor;flex:none}
.sys-top .sys-example{color:var(--lime);border-color:#819774}
.sys-track{list-style:none;padding:20px 24px;margin:0;display:flex;gap:10px;background:#eee8da;border-bottom:1px solid var(--km-rule)}
.sys-track li{flex:1;min-width:0;font-size:.71rem;line-height:1.5;color:#52594f;margin:0;border-top:2px solid #b5b6a4;padding-top:9px;overflow-wrap:anywhere;hyphens:auto}
.sys-track li>span{display:block;font:500 .62rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;margin-bottom:4px}
.sys-track li[aria-current]{border-color:var(--km-clay);color:var(--km-clay);font-weight:700}
.sys-track li.is-done{border-color:var(--km-spruce);color:var(--km-spruce)}
.sys-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.sys-record{padding:28px}
.sys-record-id{font:500 .75rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--km-clay);margin:0 0 18px}
.sys-record-id span{display:block;font:400 .78rem/1.7 inherit;color:var(--km-soft-ink)}
.sys-record :is(h2,h3){font-size:1.55rem;line-height:1.2;letter-spacing:-.035em;font-weight:620;margin:0 0 12px}
.sys-source{font-size:.77rem;color:var(--km-soft-ink);margin-bottom:25px}
.sys-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;margin:0}
.sys-facts>div{min-width:0;border-top:1px solid var(--km-rule);padding-top:11px}
.sys-facts dt{font-size:.7rem;color:var(--km-soft-ink);margin-bottom:6px}
.sys-facts dd{font-size:.85rem;line-height:1.6;font-weight:600;margin:0;overflow-wrap:anywhere}
.sys-state{color:var(--km-spruce)}
.sys-next{display:flex;align-items:baseline;gap:13px;margin-top:25px;border-left:2px solid var(--km-clay);padding:13px 0 0 15px}
.sys-next>span{color:var(--km-clay);font-size:1.4rem}
.sys-next p{margin:0}.sys-next small{display:block;color:var(--km-soft-ink);font-size:.7rem;margin-bottom:5px}.sys-next strong{display:block;font-size:.9rem;line-height:1.6;font-weight:600}
.sys-queue{background:#efeee2;border-left:1px solid var(--km-rule);padding:26px 24px}
.sys-queue-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #bbbfae}
.sys-queue :is(h3,h4){margin:0;font-size:.8rem;font-weight:650}.sys-queue-title>span{display:grid;place-items:center;min-width:25px;height:25px;background:var(--km-spruce);color:white;border-radius:50%;font-size:.72rem}
.sys-queue ol{list-style:none;padding:0;margin:0}.sys-queue li{padding:20px 0;border-bottom:1px solid #c5c8b8;margin:0}
.sys-small-id{font:500 .65rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--km-clay)}
.sys-queue li strong{display:block;font-size:.85rem;line-height:1.65;font-weight:550;margin:6px 0 10px}
.sys-queue li small{display:block;font-size:.73rem;color:var(--km-soft-ink);line-height:1.7}
.sys-empty{font-family:Georgia,'Times New Roman',serif;font-size:1rem;line-height:1.6;color:var(--km-spruce);padding:23px 0;margin:0}
.sys-linked{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--km-rule);border-bottom:1px solid var(--km-rule);padding:20px 28px;gap:20px}
.sys-linked>div{min-width:0;border-left:2px solid var(--km-clay);padding-left:13px}
.sys-linked small,.sys-linked strong,.sys-linked span{display:block;overflow-wrap:anywhere}
.sys-linked small{font-size:.7rem;color:var(--km-soft-ink);margin-bottom:5px}.sys-linked strong{font:600 .8rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.sys-linked span{font-size:.76rem;line-height:1.6;color:var(--km-spruce);margin-top:4px}
.sys-detail{margin:0 28px;padding:8px 0;border-bottom:1px solid var(--km-rule)}
.sys-detail summary{font-size:.8rem;line-height:1.7;min-height:44px}.sys-detail p{font-size:.85rem;line-height:1.8;max-width:820px}
.sys-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:24px 28px 12px}
.sys-actions button,.sys-actions a.button{font-size:.82rem;line-height:1.5;max-width:100%;white-space:normal;overflow-wrap:anywhere;background:var(--km-spruce);color:#fffdf8;border-radius:2px}
.sys-actions .secondary{background:transparent;color:var(--km-spruce);border-color:var(--km-rule)}
.sys-actions .sys-reset{background:transparent;color:var(--km-spruce);padding:9px 4px;text-decoration:underline;text-underline-offset:4px;margin-left:auto}
.sys-actions button:disabled{background:#e9e5db;color:#535850;opacity:1;border-color:var(--km-rule);cursor:default}
.sys-feedback{font-size:.76rem;line-height:1.65;color:var(--km-soft-ink);padding:0 28px 23px;margin:0;min-height:3.8em}
.sys-feedback:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}
.sys-hold{font-size:.76rem;color:var(--km-clay);margin:0;padding:0 28px 14px}
.sys-demo:not([data-enhanced]) .sys-actions{display:none}
.sys-static-note{font-size:.8rem;line-height:1.7;margin-top:18px}
.sys-compact .sys-top{padding:16px 20px}.sys-compact .sys-track{padding:18px 20px;gap:8px}.sys-compact .sys-record{padding:23px 20px}.sys-compact .sys-record :is(h2,h3){font-size:1.4rem}.sys-compact .sys-record-id{font-size:.69rem;margin-bottom:13px}.sys-compact .sys-source{margin-bottom:18px}.sys-compact .sys-queue{padding:23px 18px}.sys-compact .sys-workspace{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.sys-compact .sys-facts{grid-template-columns:1fr}.sys-compact .sys-next{padding-left:11px;gap:9px;margin-top:18px}.sys-compact .sys-actions{padding:18px 20px 10px}.sys-compact .sys-feedback{padding:0 20px 18px}
.sys-section-heading h2,.sys-lab>h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.14;letter-spacing:-.045em;font-weight:620;margin:20px 0 24px}
.sys-section-heading p:not(.eyebrow){max-width:710px;line-height:1.8;color:var(--muted)}
.sys-applications{padding:55px 0 80px}.sys-applications .eyebrow,.sys-platforms .eyebrow{color:var(--km-clay)}
.sys-application-list{list-style:none;padding:0;margin:40px 0 0}.sys-application-list li{display:grid;grid-template-columns:36px minmax(0,1fr) 175px;gap:28px;border-top:1px solid var(--km-rule);padding:29px 0;margin:0;align-items:start}.sys-application-list li:last-child{border-bottom:1px solid var(--km-rule)}
.sys-index{font:500 .72rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--km-clay);padding-top:4px}
.sys-application-list .eyebrow{font-size:.7rem;margin:0 0 10px}.sys-application-list h3{font-family:Georgia,'Times New Roman',serif;font-size:1.65rem;line-height:1.25;font-weight:400;letter-spacing:-.025em;margin-bottom:14px}.sys-application-list p{font-size:.91rem;line-height:1.8;margin-bottom:8px;max-width:780px}.sys-application-list .sys-path{font-size:.8rem;color:var(--km-spruce)}.sys-application-list a{font-size:.83rem;display:inline-flex;align-items:center;gap:12px;min-height:44px;justify-self:end;text-underline-offset:5px}
.sys-platforms{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;margin:90px 0}
.sys-platform-list{border-top:3px solid var(--km-clay)}.sys-proposed{font:500 .66rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;padding:18px 0;margin:0;color:var(--km-clay)}
.sys-platform-list article{display:grid;grid-template-columns:25px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--km-rule)}.sys-platform-list h3{font-size:1.13rem;font-weight:600;margin-bottom:12px}.sys-platform-list p:not(.sys-platform-names){font-size:.88rem;color:var(--muted);line-height:1.8;margin:0}.sys-platform-names{font-size:.76rem;line-height:1.8;color:var(--km-spruce);padding:9px 13px;background:#e9eddf;border-left:2px solid var(--km-spruce)}
.sys-record-map,.sys-audit-sample,.sys-method{background:var(--km-warm-white);border:1px solid var(--km-rule);margin:0;padding:25px;min-width:0;box-shadow:6px 6px 0 #e4ddcf}
.sys-record-map figcaption,.sys-audit-sample figcaption,.sys-method figcaption{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--km-rule);padding-bottom:17px;margin-bottom:23px;font:500 .73rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--km-spruce)}
.sys-map-source{background:var(--km-spruce);color:white;padding:18px 20px}.sys-map-source small{display:block;color:#d2ded3;font-size:.72rem}.sys-map-source strong{display:block;font:400 1.2rem/1.5 Georgia,serif;margin:8px 0 12px}.sys-map-source>span{font:500 .68rem/1.5 ui-monospace,monospace;color:var(--lime)}
.sys-record-map ol,.sys-method ol{list-style:none;padding:0;margin:24px 0 0}.sys-record-map li,.sys-method li{display:grid;grid-template-columns:28px 1fr;gap:16px;position:relative;padding-bottom:23px;margin:0}.sys-record-map li:not(:last-child):before,.sys-method li:not(:last-child):before{content:'';position:absolute;width:1px;background:var(--km-clay);top:30px;bottom:3px;left:13px}.sys-map-dot{border:1px solid var(--km-clay);border-radius:50%;height:28px;width:28px;display:grid;place-items:center;font-size:.63rem;color:var(--km-clay)}.sys-record-map li small,.sys-method li small{display:block;font:500 .7rem/1.6 ui-monospace,monospace;color:var(--km-clay)}.sys-record-map li strong,.sys-method li strong{display:block;font-size:.91rem;line-height:1.65;margin:6px 0;font-weight:600}.sys-record-map li p,.sys-method li p{font-size:.79rem;line-height:1.7;color:var(--muted);margin:0}.sys-map-note{font-size:.8rem;line-height:1.7;border-top:1px solid var(--km-rule);padding-top:18px;margin:0;color:var(--km-spruce)}
.sys-audit-sample h2{font:400 1.55rem/1.3 Georgia,serif;letter-spacing:-.02em;margin:0 0 25px}.sys-audit-flow{display:flex;list-style:none;gap:13px;padding:0;margin:0 0 20px}.sys-audit-flow li{flex:1;min-width:0;border-top:2px solid var(--km-clay);padding-top:10px;margin:0;overflow-wrap:anywhere}.sys-audit-flow small,.sys-audit-flow strong,.sys-audit-flow span{display:block;line-height:1.6}.sys-audit-flow small{font-size:.64rem;color:var(--km-clay);margin-bottom:6px}.sys-audit-flow strong{font-size:.83rem}.sys-audit-flow span{font-size:.68rem;color:var(--muted);margin-top:8px}.sys-audit-gap{border-left:2px solid var(--km-clay);padding:12px 15px;background:#f2e9d9;font-size:.8rem;line-height:1.75}.sys-audit-sample h3{font-size:.82rem;margin:24px 0 12px}.sys-priorities{list-style:none;padding:0;margin:0}.sys-priorities li{display:grid;grid-template-columns:28px 1fr;gap:15px;border-top:1px solid var(--km-rule);padding:13px 0;margin:0}.sys-priorities li>span{font:600 .73rem/1.7 ui-monospace,monospace;color:var(--km-clay)}.sys-priorities strong{font-size:.83rem;font-weight:600}.sys-priorities small{display:block;font-size:.74rem;line-height:1.7;color:var(--muted);margin-top:5px}
.sys-operations{background:var(--km-warm-white);border:1px solid var(--km-rule);box-shadow:6px 6px 0 #e4ddcf;min-width:0}.sys-ops-summary{padding:24px 25px 12px}.sys-ops-summary h2{font:400 1.55rem/1.3 Georgia,serif;letter-spacing:-.02em}.sys-ops-summary p{font-size:.79rem;color:var(--muted)}.sys-ops-list{list-style:none;padding:0 25px;margin:0}.sys-ops-list li{margin:0;padding:17px 0;border-top:1px solid var(--km-rule)}.sys-ops-list .is-exception{border-left:2px solid var(--km-clay);padding-left:14px;background:#f8eedf}.sys-ops-list small,.sys-ops-list strong,.sys-ops-list span{display:block;line-height:1.7}.sys-ops-list small{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--km-clay)}.sys-ops-list strong{font-size:.87rem;font-weight:600;margin:6px 0}.sys-ops-list span{font-size:.73rem;color:var(--muted)}.sys-activity{padding:23px 25px;background:#eeeede;margin-top:15px}.sys-activity h3{font-size:.8rem;margin:0 0 16px}.sys-activity p{font-size:.75rem;line-height:1.8;margin-bottom:7px;display:flex;gap:12px}.sys-activity p>span{color:var(--km-clay)}
.sys-lab{margin:35px 0 75px;scroll-margin-top:24px}.sys-lab-intro{max-width:740px;font-size:.94rem;line-height:1.8;color:var(--muted)}.sys-selector{display:flex;gap:16px;border-top:1px solid var(--km-rule);border-bottom:1px solid var(--km-rule);padding:12px 0;margin:30px 0}.sys-selector a{display:flex;gap:13px;align-items:center;min-height:48px;padding:12px 18px;text-decoration:none;color:var(--km-spruce);font-size:.9rem;line-height:1.6;border:1px solid transparent}.sys-selector a>span{font:500 .68rem/1.5 ui-monospace,monospace;color:var(--km-clay)}.sys-selector a[aria-current]{background:var(--km-spruce);color:var(--km-warm-white)}.sys-selector a[aria-current]>span{color:var(--lime)}
.sys-use-case{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px;padding:20px 0 30px}.sys-use-case h3{font:400 1.8rem/1.3 Georgia,serif;letter-spacing:-.03em}.sys-use-case .eyebrow{color:var(--km-clay)}.sys-use-case .sys-users{font-size:.86rem;line-height:1.7;color:var(--muted)}.sys-use-case dl{margin:0}.sys-use-case dl>div{display:grid;grid-template-columns:130px 1fr;gap:20px;border-top:1px solid var(--km-rule);padding:14px 0}.sys-use-case dt{font-size:.8rem;font-weight:650}.sys-use-case dd{font-size:.87rem;line-height:1.8;margin:0;color:var(--muted)}.sys-process-note{padding:12px 0;margin-top:20px}.sys-process-note summary{font-size:.84rem;min-height:44px}.sys-process-note p{font-size:.86rem;line-height:1.8}.sys-example-panel{scroll-margin-top:24px;margin-bottom:45px}.sys-legacy-guide{padding:20px 0;border-top:1px solid var(--km-rule)}.sys-legacy-guide>summary{font-size:1.1rem;min-height:48px}.sys-legacy-guide .km-walkthrough{margin-top:25px}
.sys-service-cover{gap:50px}.sys-service-cover h1{hyphens:manual}
.km-method-opening:has(.sys-method){align-items:start}.sys-method li:last-child{padding-bottom:0}
.km-keel-opening:has(.sys-record-map){gap:55px}.km-keel-stage{min-height:0;padding-bottom:60px}.km-keel-section{border-top:1px solid var(--km-rule);padding-top:70px}.km-keel-kind{padding-top:8px}
.sys-closing{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;background:var(--km-spruce);color:var(--km-warm-white);padding:40px}.sys-closing .eyebrow{color:var(--lime)}.sys-closing h2{font:400 clamp(2rem,3.4vw,2.8rem)/1.2 Georgia,serif;letter-spacing:-.03em}.sys-closing p:not(.eyebrow){font-size:.94rem;line-height:1.8;color:#d2ded3}.sys-closing .button{background:var(--lime);color:var(--nav)}.sys-closing ol{list-style:none;padding:0;margin:0;align-self:center}.sys-closing li{border-top:1px solid #728175;padding:20px 0;display:flex;gap:18px;line-height:1.7;font-size:.89rem}.sys-closing li>span{font:500 .7rem/1.8 ui-monospace,monospace;color:var(--lime)}
@media(max-width:1050px){.public-main .sys-home-hero{grid-template-columns:1fr;gap:35px}.sys-home-hero .km-hero-copy{max-width:720px}.sys-home-hero .sys-demo{max-width:820px;width:100%}.sys-compact .sys-facts{grid-template-columns:1fr 1fr}.sys-platforms{gap:35px}.sys-use-case{gap:30px}.sys-use-case dl>div{grid-template-columns:1fr;gap:6px}}
@media(max-width:800px){.sys-service-cover,.sys-use-case,.sys-platforms,.sys-closing{grid-template-columns:1fr}.sys-service-cover{gap:28px}.sys-platforms{margin:55px 0;gap:25px}.sys-application-list li{grid-template-columns:24px minmax(0,1fr);gap:16px}.sys-application-list a{grid-column:2;justify-self:start}.sys-application-list h3{font-size:1.5rem}.sys-use-case{gap:14px;padding-top:12px}.sys-use-case dl>div{grid-template-columns:120px 1fr;gap:15px}.sys-use-case h3{font-size:1.6rem}.sys-selector{gap:8px;flex-wrap:wrap}.sys-selector a{padding:10px 12px}.sys-closing{gap:32px;padding:30px}.sys-applications{padding:35px 0 55px}.sys-record-map,.sys-audit-sample,.sys-method{max-width:800px}}
@media(max-width:600px){.sys-workspace,.sys-compact .sys-workspace{grid-template-columns:1fr}.sys-record,.sys-compact .sys-record{padding:22px 18px}.sys-queue,.sys-compact .sys-queue{padding:18px;border-left:0;border-top:1px solid var(--km-rule)}.sys-queue ol{display:grid;grid-template-columns:1fr;gap:0}.sys-queue li{padding:14px 0}.sys-empty{padding:15px 0 0}.sys-top,.sys-compact .sys-top{padding:14px 18px;flex-wrap:wrap}.sys-track,.sys-compact .sys-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px;gap:18px 14px}.sys-track li{font-size:.75rem}.sys-facts,.sys-compact .sys-facts{grid-template-columns:1fr 1fr}.sys-linked{padding:18px;gap:16px;grid-template-columns:1fr}.sys-linked>div{display:grid;grid-template-columns:90px 1fr;gap:0 10px}.sys-linked span{grid-column:2}.sys-detail{margin-inline:18px}.sys-actions,.sys-compact .sys-actions{padding:20px 18px 12px}.sys-actions .sys-reset{margin-left:0}.sys-feedback,.sys-compact .sys-feedback{padding:0 18px 20px}.sys-hold{padding-inline:18px}.sys-use-case dl>div{grid-template-columns:1fr;gap:7px}.sys-selector{display:grid;grid-template-columns:1fr;gap:5px}.sys-selector a{padding:9px 13px}.sys-service-cover{margin-top:0}.sys-record-map,.sys-audit-sample,.sys-method{padding:20px 18px}.sys-record-map figcaption,.sys-audit-sample figcaption,.sys-method figcaption{flex-wrap:wrap;gap:10px}.sys-audit-flow{flex-direction:column;gap:15px}.sys-audit-flow li{display:grid;grid-template-columns:25px 1fr;column-gap:10px}.sys-audit-flow li span{grid-column:2;margin-top:3px;font-size:.76rem}.sys-audit-flow li strong{font-size:.9rem}.sys-applications .sys-section-heading h2{font-size:2rem}.sys-closing{padding:26px 20px}.sys-home-hero h1{font-size:clamp(2.55rem,9.5vw,3.8rem)}.sys-next strong,.sys-queue li strong{font-size:.88rem}.sys-facts dd{font-size:.84rem}.sys-record :is(h2,h3){font-size:1.4rem}}
@media(max-width:360px){.sys-facts,.sys-compact .sys-facts{grid-template-columns:1fr}.sys-application-list li{grid-template-columns:1fr;gap:12px}.sys-application-list a{grid-column:1}.sys-linked>div{grid-template-columns:1fr}.sys-linked span{grid-column:1}.sys-platform-list article{gap:13px}.sys-example{flex-shrink:1}.sys-wordmark{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.sys-shell *{scroll-behavior:auto;transition:none;animation:none}}