/* MySBDC extends the same case-study shell as the live SBDC.AI page. */
:root{--project-accent:#0f1c2d;--next-accent:#9fd3ec}
.project-title-row h1{font-size:clamp(3.6rem,9vw,10rem)}
.project-promise{color:#0f1c2d}
.dashboard-demo{background:var(--project-accent);color:var(--paper);padding:27px 0 20px;scroll-margin-top:85px;position:relative;isolation:isolate}
.dashboard-demo:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#dae4ed28 1px,transparent 1px);background-size:12px 12px;pointer-events:none;z-index:-1}
.dashboard-demo .stage-wrap{width:calc(100% - 56px);max-width:none;margin-inline:auto}
.dashboard-demo .experience-top{margin-bottom:21px;gap:24px;display:flex;align-items:center;justify-content:space-between}
.dashboard-demo .experience-top h2{font:300 italic 16px/1.4 var(--caption);letter-spacing:0}
.dashboard-demo .demo-label{font:400 12px/1.5 var(--app-sans);color:#c0ccd6;margin-top:7px}
.dashboard-demo .view-switch{border-color:#6a7a88;background:#0f1c2d}
.dashboard-demo .view-switch button{font:400 13px/1.3 var(--app-sans);color:#e8e6e1;padding:10px 17px;min-height:40px}
.dashboard-demo .view-switch button[aria-selected=true]{background:var(--paper);color:#0f1c2d}
.dashboard-demo .product-window{border:1px solid #ffffff20;box-shadow:none}
.dashboard-demo .product{min-height:740px}
.dashboard-demo .experience-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;color:#d0d9df}
.dashboard-demo .experience-caption p,.dashboard-demo .reset-demo{font:300 italic 13px/1.5 var(--caption)}
.dashboard-demo .reset-demo{background:none;padding:4px 0;white-space:nowrap;color:inherit}
.dashboard-demo .reset-demo span{margin-left:7px}
.dashboard-demo :focus-visible{outline-color:#9fd3ec}
.dashboard-demo .product :focus-visible{outline-color:#3975a3;outline-offset:4px}
.film-jump{flex-shrink:0;border-bottom:1px solid}
.project-film .film-poster,.product-film .film-poster{filter:none}
.product-film .motion-control{color:#d0d0cb;flex-shrink:0;margin-bottom:6px}
.case-accordion{border-top:1px solid var(--rule)}
.case-accordion details{border-bottom:1px solid var(--rule)}
.case-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font:400 17px/1.5 var(--sans);padding:23px 0}
.case-accordion summary::-webkit-details-marker{display:none}
.case-accordion summary>span{font:300 27px/1 Arial,sans-serif;transition:transform .2s}
.case-accordion details[open] summary>span{transform:rotate(45deg)}
.case-accordion details>div{padding:0 0 25px}
.case-accordion p{font:400 16px/1.75 var(--sans);color:#565652}
.case-accordion p.caption{font:300 italic 14px/1.5 var(--caption);margin-top:16px}
.case-accordion .text-link{margin-top:20px;font-size:12px;line-height:1.7;text-align:left}
summary:focus-visible{outline:2px solid #2d559f;outline-offset:4px}
.product-dialog{z-index:100}
.product-dialog button{padding:12px 16px}
.product-dialog .dialog-close{padding:0}
.product-dialog .app-text-button{padding:7px 0}
.toast{z-index:90}
@media(max-width:1100px){.project-title-row h1{font-size:8.8vw}.dashboard-demo .stage-wrap{width:calc(100% - 40px)}.dashboard-demo .experience-top{gap:15px}.dashboard-demo .experience-top h2{font-size:15px}.dashboard-demo .view-switch button{padding:9px 12px}.dashboard-demo .product{min-height:800px}}
@media(max-width:800px){.dashboard-demo .experience-top{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-demo .view-switch{align-self:stretch;max-width:380px}.dashboard-demo .product{min-height:900px}}
@media(max-width:760px){.project-title-row h1{font-size:clamp(3.6rem,14vw,6.5rem)}.dashboard-demo{margin-inline:calc(-1 * var(--gutter));padding-top:23px}.dashboard-demo .stage-wrap{width:calc(100% - 28px)}.hero-caption{flex-direction:column;gap:10px;font-size:13px}.hero-caption .film-jump{display:inline-flex;align-self:flex-start;font-size:13px}.case-accordion summary{font-size:16px;padding:20px 0}.film-heading-row>.motion-control{margin-top:25px}.product-film .motion-label{display:inline}.decisions-intro>p{margin-top:20px}.dashboard-demo .experience-caption{align-items:flex-start}.dashboard-demo .experience-caption p{max-width:390px}}
@media(max-width:560px){.dashboard-demo .product{min-height:0}.dashboard-demo .stage-wrap{width:calc(100% - 24px)}.dashboard-demo .experience-top{padding-inline:6px}.dashboard-demo .view-switch button{font-size:13px}.dashboard-demo .experience-caption{padding-inline:6px}.dashboard-demo .experience-caption p,.dashboard-demo .reset-demo{font-size:12px}.case-accordion .text-link{font-size:12px}.film-caption{flex-direction:column;gap:13px}.film-heading-row h2{font-size:clamp(35px,9.4vw,48px)}.project-promise{font-size:30px}.project-promise br{display:block}.project-facts dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-film .motion-control{display:none}}