/* Accessible, local-only visual experiences in the approved brand palette. */
[hidden]{display:none!important}
.demo-label{display:inline-block;padding:5px 10px;border-radius:4px;background:#e3f2f2;color:#086773;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.demo-disclosure{font-size:12px;line-height:1.8;color:var(--muted);max-width:900px}.bi-dashboard{background:white;border:1px solid #d2e0e6;box-shadow:0 16px 45px #0b3c5d09;border-radius:14px;overflow:hidden;padding:30px}.demo-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.demo-topline h3{font-size:22px;margin:12px 0 0}.demo-period{font-size:11px;color:var(--muted)}
.dashboard-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dashboard-controls label,.journey-controls label{font-size:11px;font-weight:600;color:var(--navy)}.dashboard-controls select,.journey-controls select{display:block;width:100%;margin-top:8px;min-height:44px;font:13px Inter,Arial,sans-serif;color:var(--navy);border:1px solid #a4bdca;border-radius:5px;padding:10px 30px 10px 12px;background:white}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:26px 0}.kpi-grid>div{border-left:2px solid var(--action);padding-left:14px}.kpi-grid span{display:block;font-size:11px;color:var(--muted)}.kpi-grid strong{display:block;font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:clamp(18px,2.3vw,27px);color:var(--navy);margin-top:5px}
.dashboard-body{display:grid;grid-template-columns:1.8fr 1fr;gap:28px}.dashboard-chart{min-width:0}.chart-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.chart-heading h4{margin:0;font-size:14px;color:var(--navy)}.chart-heading span{font-size:10px;color:var(--muted)}.dashboard-chart svg{display:block;width:100%;height:auto}.dashboard-chart svg text{font:12px Inter,Arial,sans-serif;fill:#52616b}.month-picker{display:flex;justify-content:space-around;gap:8px;margin-top:10px}.month-picker button,.workflow-switch button{font:12px Inter,Arial,sans-serif;min-height:44px;padding:10px 13px;border:1px solid #bdd0d9;color:var(--navy);background:white;border-radius:5px;cursor:pointer}.month-picker button[aria-pressed=true],.workflow-switch button[aria-pressed=true]{color:white;background:var(--navy);border-color:var(--navy)}
.dashboard-reading{padding:24px;background:var(--mist);border-radius:10px}.dashboard-reading h4{font-size:18px;color:var(--navy);margin:0 0 16px}.dashboard-reading p{font-size:12px;color:var(--muted)}.dashboard-reading .eyebrow{font-size:10px}.dashboard-reading dl{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px}.dashboard-reading dt{color:var(--muted)}.dashboard-reading dd{margin:0;color:var(--navy);font-weight:600}.dashboard-reading .data-definition{font-size:10px;margin:18px 0 0;border-top:1px solid var(--line);padding-top:15px}.viz-status{font-size:11px;color:var(--muted);margin:18px 0 0;min-height:20px}.data-table{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.data-table summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--action);padding:8px 0}.table-scroll{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse;font-size:12px;text-align:right}.data-table caption{text-align:left;padding:15px 0;color:var(--muted)}.data-table th,.data-table td{padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th:first-child{text-align:left}.data-table thead th{background:var(--mist);color:var(--navy)}.demo-next-step{display:flex;gap:20px;align-items:center;justify-content:flex-end;margin-top:24px}.demo-next-step p{margin:0;font-size:13px;color:var(--muted)}
.journey-explorer{border:1px solid var(--line);padding:28px;border-radius:12px;background:white;color:var(--ink)}.journey-controls label{display:block;max-width:420px}.journey-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.journey-stages button{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid #aac2d0;border-radius:7px;background:var(--mist);color:var(--navy);padding:16px 14px;font:600 13px Inter,Arial,sans-serif;min-height:54px;cursor:pointer}.journey-stages button>span:first-child{font-size:10px;font-weight:400}.journey-stages button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.journey-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.journey-panels:has([hidden]){display:block}.journey-panel{background:#edf5f6;border-left:3px solid var(--action);padding:24px}.journey-panel h3{color:var(--navy)!important;font-size:24px}.journey-panel p{font-size:15px;margin:0;max-width:800px;color:var(--muted)!important}.journey-stage-number{color:var(--action);font-size:11px;display:block;margin-bottom:10px}.journey-progress{font-size:11px;color:var(--muted)!important;margin:20px 0 10px}.section-navy .journey-explorer .demo-disclosure{color:var(--muted)}.section-navy .journey-explorer :focus-visible{outline-color:var(--action)}.section-navy .journey-explorer .text-link{color:var(--action)}
.workflow-demo{padding:30px;background:white;border:1px solid var(--line);border-radius:14px}.workflow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.workflow-switch{display:flex;gap:8px}.workflow-lanes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}.workflow-lanes:has([hidden]){grid-template-columns:1fr}.workflow-lane{background:var(--mist);padding:26px;border-radius:10px}.workflow-lane[data-lane=improved]{background:#edf6f6}.workflow-lane ol{list-style:none;padding:0;margin:0}.workflow-lane li{position:relative;margin:0 0 20px}.workflow-lane li:not(:last-child):after{content:'↓';position:absolute;left:16px;bottom:-23px;color:var(--action);font-size:16px}.workflow-lane summary{cursor:pointer;display:flex;align-items:center;gap:12px;background:white;border:1px solid #bed0d9;border-radius:6px;padding:14px;font-size:13px;font-weight:600;color:var(--navy);list-style:none;min-height:54px}.workflow-lane summary::-webkit-details-marker{display:none}.workflow-lane summary:after{content:'+';margin-left:auto;color:var(--action)}.workflow-lane details[open] summary:after{content:'−'}.workflow-number{font-size:10px;color:var(--action)}.workflow-lane details p{font-size:12px;padding:14px;margin:0;color:var(--muted)}.workflow-test{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding:24px 0}.workflow-test p{font-size:12px;color:var(--muted);margin:0;flex:1}.workflow-test button{flex-shrink:0;cursor:pointer}
@media(max-width:800px){.dashboard-body{grid-template-columns:1fr}.dashboard-controls{grid-template-columns:1fr 1fr}.dashboard-reading{display:block}.journey-stages{grid-template-columns:1fr 1fr}.journey-panels{grid-template-columns:1fr 1fr}.workflow-lanes{grid-template-columns:1fr}.workflow-test{flex-direction:column;align-items:flex-start}.demo-topline{align-items:flex-start;flex-direction:column}.demo-period{font-size:10px}.workflow-toolbar{flex-wrap:wrap}}
@media(max-width:480px){.bi-dashboard,.workflow-demo,.journey-explorer{padding:20px}.kpi-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.dashboard-controls{gap:15px}.dashboard-controls select{font-size:12px;padding-left:8px}.dashboard-reading{padding:20px}.month-picker{gap:4px}.month-picker button{padding:9px 8px;font-size:11px}.chart-heading{align-items:flex-start;flex-direction:column;gap:4px}.demo-next-step{align-items:flex-start;flex-direction:column;gap:6px}.journey-stages button{font-size:12px;padding:14px 10px}.journey-panels{grid-template-columns:1fr}.journey-panel{padding:20px}.journey-panel p{font-size:14px}.workflow-lane{padding:18px}.workflow-switch button{font-size:11px;padding:10px 12px}.workflow-test button{width:100%}.demo-topline h3{font-size:19px}}