/* Palette and readability refinements for every supporting page. */
html{scroll-padding-top:115px}body{font-size:16px;background:var(--bg);color:var(--text)}header{background:var(--bg);padding-top:22px;padding-bottom:22px}header nav{font-size:14px}.direction-bar{display:flex;justify-content:space-between;gap:14px;padding:9px max(5vw,24px);background:var(--surface);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.direction-bar>div{display:flex;flex-wrap:wrap;gap:22px}.direction-bar a[aria-current]{color:var(--text);text-decoration:underline;text-underline-offset:5px}.button{background:var(--brand-red);border-color:var(--brand-red);color:#101716;border-radius:6px;font-size:15px;min-height:48px}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.button:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.eyebrow{color:var(--accent);font-size:13px}h1,h2{font-weight:600}h1 span,h2 span{color:var(--accent)}p{line-height:1.65}.demo-tabs button{font-size:15px!important;min-height:50px}.sector-name{color:var(--text)!important}.sector-card,.walkthrough-card,.guided-stage,.agent-triage-card,.contact-box{border-color:var(--line)}.sector-card,.walkthrough-card,.guided-stage,.agent-triage-card{background:var(--surface)}.visual-close{background:var(--surface);border-radius:12px;margin-top:40px!important}.closing-image{opacity:.10!important}.closing-copy{position:relative}.closing-copy p{color:var(--muted)}.pagehero{padding-top:75px!important}select,input,textarea{background:var(--surface);color:var(--text);border-color:var(--line);min-height:44px}.menu{background:var(--surface);color:var(--text);min-height:44px}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}
@media(max-width:900px){body{font-size:16px}header nav{background:var(--bg)}.direction-bar{font-size:12px;flex-wrap:wrap}.direction-bar>div{gap:18px}.pagehero .lead,.lead{font-size:18px!important}.demo-workspace p,.demo-workspace li,.demo-workspace dd,.demo-workspace dt,.sector-card p,.sector-card li{font-size:16px!important;line-height:1.55}.demo-workspace button,.demo-workspace select,.textlink,.demo-tabs button{font-size:14px!important;min-height:44px}.demo-workspace small,.demo-workspace .micro,.demo-workspace .eyebrow,.demo-workspace .card-footnote,.demo-workspace .sample-notice,.demo-workspace .flow-tag{font-size:12px!important;line-height:1.5}.demo-workspace h3{font-size:22px!important;line-height:1.25}.demo-workspace h2{font-size:29px!important}.sector-name{font-size:27px!important}.button{font-size:15px!important;min-height:48px}header nav{font-size:15px!important}.walkthrough-facts{overflow-wrap:anywhere}}
@media(max-width:600px){.direction-bar{padding:9px 20px;gap:5px;flex-direction:column}.direction-bar a{display:inline-block;padding:4px 0}.direction-bar>div{gap:16px}section:not(.hero){padding-left:20px;padding-right:20px}.pagehero h1{font-size:38px!important}.pagehero{padding-top:45px!important;padding-bottom:40px!important}.demo-tabs{overflow-x:auto;align-items:stretch;scrollbar-width:thin}.demo-tabs button{white-space:normal;min-width:155px;padding:14px 8px!important}.demo-workspace .guided-next .button{width:100%}.demo-workspace .guided-stage-head{padding:22px 18px}.demo-workspace .guided-stage-body{padding:0 18px 22px}.action-steps li strong,.triage-progress li strong{font-size:14px!important}.action-steps li span,.triage-progress li span{font-size:12px!important}.sector-name{font-size:25px!important}.contact-options{gap:35px}.closing-copy h2{font-size:33px}.closing-copy p{font-size:16px}footer{padding:40px 20px}footer a{font-size:14px}footer .footnote{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}