/* Practitioner stories share the approved slate, silver and pale brass palette. */
body.depth-page{--navy:#293741;--paper:#f4f6f7;--ice:#dfcda7;--soft:#eaf0f3;--muted:#516574;--gold:#b6a47c;background:var(--paper)}
.depth-page .page-hero{background:radial-gradient(ellipse at 85% 10%,#bdcbd222,transparent 65%),linear-gradient(125deg,#293741,#34434d)}
.depth-page .page-hero .kicker,.depth-page .section.dark>.shell>.section-heading>.kicker{color:#dfcda7}
.depth-page .page-hero h1,.depth-page .section-heading h2,.depth-page .section>.shell>h2{font-weight:450}
.depth-page .button.light,.depth-page .nisi-get{background:#dfcda7;border-color:#dfcda7;color:#223341}
.depth-page .nisi-header{background:#2c3a43f2;border-color:#c8b58040}
.depth-page .nisi-header.on-light{background:#2c3a43f5;color:#f1f0eb;border-color:#c8b58040}
.depth-page .nisi-header .nisi-logo{color:#fff}
.depth-page .section.alt{background:#e8eef2}
.depth-page .status.waiting{background:#edf2f5;color:#516574;border-color:#b9c9d3}
.depth-page .section.dark .related :is(span,p,small){color:#c6d3dc}
.depth-page .workflow-panel{padding:30px}
.workflow-demo{background:#fbfcfd;border-color:#c8d3da}
.workflow-demo>.app-toolbar,.page-hero .app-window>.app-toolbar{background:#223341;color:#edf3f7;border-color:#4b5c66}
.workflow-demo [data-workflow-reset]{background:transparent;border:1px solid #b5c3cc;color:inherit;border-radius:4px;padding:8px 12px;min-height:40px;white-space:nowrap}
.workflow-steps{display:flex;flex-wrap:wrap;gap:8px;padding:22px 28px;border-bottom:1px solid #d3dce2;background:#f1f5f7}
.workflow-steps button{border:1px solid #b7c6d0;background:transparent;color:#344d5d;padding:10px 15px;min-height:44px;border-radius:4px;font-size:14px}
.workflow-steps button[aria-pressed="true"]{background:#293741;color:#f4f7fa;border-color:#293741;box-shadow:inset 0 -2px #dfcda7}
.workflow-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:30px;align-items:start}
.workflow-grid>*,.workflow-panel>*{min-width:0}
.workflow-panel h3{color:#223341;max-width:28ch}
.workflow-panel p{max-width:70ch}
.workflow-aside{background:#edf2f5;border-left:2px solid #c8b580;padding:24px;color:#344d5d;font-size:15px}
.workflow-aside p:last-child{margin-bottom:0}
.workflow-source{border-block:1px solid #cbd6de;margin:0 0 25px;background:#f7f9fa}
.workflow-source summary{cursor:pointer;font-size:14px;font-weight:550;padding:17px 18px;line-height:1.5}
.workflow-source>p,.workflow-source>div,.workflow-source>blockquote{margin:0;padding:0 18px 20px;color:#344d5d}
.workflow-output{background:#fff;border-radius:3px;box-shadow:none}
.workflow-output h3{font-family:Georgia,serif;font-size:26px;line-height:1.25}
.workflow-output>p:not(.kicker){font-family:Georgia,serif;font-size:17px;line-height:1.8}
.workflow-ledger{display:grid;gap:0;margin:22px 0}
.workflow-ledger>div{padding:13px 0;border-bottom:1px solid #cbd6de;display:grid;grid-template-columns:minmax(100px,.7fr) 1.3fr;gap:20px}
.workflow-ledger dt,.workflow-ledger>div>span{color:#516574;font-size:13px}
.workflow-ledger dd{margin:0;font-size:15px}
.workflow-feedback{margin:0;padding:18px 30px;border-top:1px solid #cbd6de;color:#516574;background:#f1f5f7;font-size:14px}
.workflow-panel .hero-actions{margin-top:24px}
.workflow-panel:not([hidden]){animation:workflow-in .25s ease both}
.workflow-control{font-size:15px!important;color:#344d5d!important;border-left:2px solid #c8b580;padding-left:14px}
.workflow-reference{border-top:1px solid #cbd6de;padding:26px 0 0;margin-top:42px;font-size:14px;color:#516574}
.workflow-reference p{margin-bottom:12px;font-size:14px!important}
.workflow-reference a{display:inline-block;margin-right:18px;margin-bottom:8px}
.workflow-index{width:100%;border-collapse:collapse;font-size:14px;margin:22px 0}
.workflow-index th,.workflow-index td{text-align:left;vertical-align:top;border-bottom:1px solid #cbd6de;padding:14px 10px}
.workflow-index th{color:#516574;font-weight:500}
.workflow-index td strong{display:block}
.workflow-index td small{display:block;color:#516574;margin-top:4px}
.hero-counsel-control{color:#cbd1d3;font-size:14px;line-height:1.5;margin:14px auto 0;max-width:38ch;text-align:center}
.launch-paths{background:#f4f6f7;color:#293a45}
.launch-paths-heading{max-width:780px;margin-bottom:42px}
.launch-paths-heading h2{font-weight:450;font-size:clamp(38px,4.4vw,62px);line-height:1.08;letter-spacing:-.045em}
.launch-paths-heading p:last-child{font-size:18px;color:#516574}
.launch-paths-heading .eyebrow{color:#516574}
.launch-paths-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c2d0d9}
.launch-paths-list>a{display:block;padding:32px 38px 32px 0;text-decoration:none;border-bottom:1px solid #c2d0d9;transition:background .2s}
.launch-paths-list>a:nth-child(even){padding-left:38px;border-left:1px solid #c2d0d9}
.launch-paths-list>a:hover h3{text-decoration:underline;text-decoration-color:#b6a47c;text-underline-offset:8px;text-decoration-thickness:2px}
.launch-paths-list>a>span{font-size:14px;color:#516574}
.launch-paths-list h3{font-size:clamp(23px,2.5vw,34px);line-height:1.2;font-weight:450;margin:18px 0}
.launch-paths-list p{font-size:16px;line-height:1.65;color:#516574;max-width:48ch;margin-bottom:0}
.depth-page .workflow-kicker{color:#dfcda7}
@keyframes workflow-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.workflow-grid{grid-template-columns:1fr;gap:22px}.workflow-aside{border-left:0;border-top:2px solid #c8b580}.depth-page .page-hero h1{font-size:clamp(44px,6vw,72px)}}
@media(max-width:600px){.depth-page .workflow-panel{padding:22px 18px}.workflow-steps{padding:18px;gap:6px}.workflow-steps button{flex:1 1 130px;font-size:13px}.workflow-feedback{padding:18px}.workflow-demo .app-toolbar{flex-wrap:wrap}.workflow-demo [data-workflow-reset]{margin-left:auto}.workflow-output{padding:22px 18px}.workflow-ledger>div{grid-template-columns:1fr;gap:6px}.workflow-index{font-size:12px}.workflow-index th,.workflow-index td{padding:10px 5px;overflow-wrap:anywhere}.launch-paths-list{grid-template-columns:1fr}.launch-paths-list>a,.launch-paths-list>a:nth-child(even){padding:25px 0;border-left:0}.hero-counsel-control{font-size:13px;max-width:30ch}.depth-page .page-hero h1{font-size:clamp(42px,10.5vw,62px)}}
@media(prefers-reduced-motion:reduce){.workflow-panel:not([hidden]){animation:none}}

.page-breadcrumb{grid-column:1/-1;margin:0 0 30px;font-size:12px;line-height:1.6;letter-spacing:.01em;color:#c3cdd3}
.page-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;padding:0}
.page-breadcrumb li{display:flex;gap:12px;align-items:baseline}
.page-breadcrumb li+li:before{content:"/";color:#80939f}
.page-breadcrumb a{color:#d7e1e7;text-decoration:none}
.page-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.page-breadcrumb [aria-current]{color:#dfcda7}
.workflow-sources{padding-top:0!important;padding-bottom:36px!important}
.workflow-sources .workflow-reference{margin-top:0}
.depth-page .hero-grid:has(>.page-breadcrumb){row-gap:32px}.depth-page .hero-grid>.page-breadcrumb{margin-bottom:0}
@media(max-width:600px){.page-breadcrumb{font-size:11px;margin-bottom:24px}.page-breadcrumb ol{gap:5px 8px}.page-breadcrumb li{gap:8px}.workflow-sources{padding-bottom:24px!important}}

.workflow-demo{scroll-margin-top:120px}
.nisi-mega-column>a:hover strong,.nisi-mega-column>a:focus-visible strong,.nisi-mega-feature:hover .nisi-feature-action{color:#344d5d;text-decoration-color:#b6a47c}
.nisi-mobile-group>summary::after{color:#516574}
@media(max-width:600px){.workflow-demo{scroll-margin-top:100px}}
/* Pale accents sit on slate; text inside light product panels stays legible. */
.depth-page .page-hero .app-window .kicker{color:#516574}
/* Editorial section titles. Product UI and the opening hero retain their type. */
.editorial-heading{font-weight:600!important;letter-spacing:-.045em!important;line-height:1.05!important;text-wrap:balance}
.editorial-heading .heading-turn{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:1.04em;line-height:1.08;letter-spacing:-.05em}
.centered-hero .feature-intro .editorial-heading{font-size:clamp(43px,5.7vw,76px);max-width:16ch;margin-inline:auto}
.section-heading>.kicker::before,.launch-paths-heading>.eyebrow::before,.launch-outcomes-heading>.eyebrow::before{content:"";display:inline-block;width:30px;height:1px;vertical-align:middle;background:#b6a47c;margin-right:12px}
@media(max-width:600px){.editorial-heading{letter-spacing:-.05em!important}.editorial-heading .heading-turn{font-size:1em;line-height:1.1;letter-spacing:-.055em}.centered-hero .feature-intro .editorial-heading{font-size:42px}.section-heading>.kicker::before{width:24px;margin-right:10px}}
