/* Baseline accessibility belongs to the site itself; these are optional preferences. */
html { scroll-padding-block: 7rem 2rem; }
main, [id] { scroll-margin-block: 1rem; }
.wrap :where(div,section,article,aside,nav,figure,form,fieldset) { min-width: 0; }
body { overflow-wrap: anywhere; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }
body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline: 3px solid #167451; outline-offset: 4px; box-shadow: 0 0 0 6px #fff; }
body :is(input,select,textarea):focus { outline: 3px solid #167451; outline-offset: 2px; }
.skip-link { z-index: 120; }
.skip-link.accessibility-skip:focus { top: 4.5rem; }
.skip-link.accessibility-skip { border: 0; font: inherit; }
.accessibility-open { border: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; padding: .5rem; min-height: 44px; cursor: pointer; }
.nav-links { flex-wrap: wrap; }
.nav-links .accessibility-open { font-size: .875rem; }
.accessibility-dialog { width: min(34rem,calc(100% - 2rem)); max-height: calc(100dvh - 2rem); margin: auto; overflow-y: auto; padding: 1.75rem; border: 1px solid #69766d; border-radius: 12px; background: #fff; color: #202823; box-shadow: 0 15px 60px #0004; }
.accessibility-dialog::backdrop { background: #132b22aa; }
.accessibility-dialog h2 { font-size: 1.8rem; margin: 0 0 1rem; }
.accessibility-dialog p { font-size: 1rem; line-height: 1.65; }
.accessibility-dialog label { display: flex; gap: .75rem; align-items: center; min-height: 44px; margin-block: .75rem; font-size: 1rem; }
.accessibility-dialog .accessibility-text { display: grid; }
.accessibility-dialog input { width: 1.25rem; height: 1.25rem; accent-color: #215847; flex-shrink: 0; }
.accessibility-dialog select { width: 100%; min-height: 44px; border: 1px solid #69766d; border-radius: 5px; padding: .5rem; color: #202823; background: #fff; }
.accessibility-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1.25rem; }
.accessibility-actions button { min-height: 44px; }
.accessibility-dialog a { color: #215847; text-decoration: underline; }
.accessibility-dialog [role=status] { min-height: 1.65em; }
.measurement-panel { max-height: calc(100dvh - 2rem); overflow-y: auto; }
.measurement-panel::backdrop { background: #132b2255; }
.measurement-dismiss { background: none; border: 1px solid #345442; color: #234e3b; border-radius: 5px; min-height: 44px; padding: .4rem .7rem; margin-top: .5rem; }
/* Fix baseline contrast and make smaller demo text easier to read. */
.kyle-contact p > span { color: #48583b; }
.ownership-options article:nth-child(2) .mini-label { color: #dce8d5; }
.appointment-current p { color: #405d6b; }
.concept-browser, .fragment-label, .fragment-foot, .composition-caption, .hero-bottom-note,
.industry-app-head > p, .industry-app-head > span, .screen-intro > p,
.builder-control-note, .discovery-questions label, .discovery-questions legend,
.builder-choice legend, .builder-name > span, .builder-module-options label,
.builder-nav-item, .roster-entry small, .app-tag, .pass-ticket > small,
.service-strip, .pass-ticket p, .orbit-decision small, .course-spine,
.document-shelf p, .app-note small, .app-note p, .team-conversations small,
.interaction-status, .matrix-note, .industry-rationale, .industry-rationale > span,
.builder-footer p, .screen-label, .screen-picker, .photo-credit, .scope-note,
.location-matrix .matrix-header, .location-matrix [role=cell]:last-child { font-size: max(.75rem, 12px); }
.builder-nav-item, .screen-picker, .document-shelf button, .app-action { min-height: 44px; }
.builder-nav-item { white-space: normal; }
.location-matrix [role=row] > * { min-width: 0; overflow-wrap: anywhere; }
.document-shelf button { white-space: normal; }
.workflow-link [aria-hidden] { font-size: 1rem !important; letter-spacing: normal !important; word-spacing: normal !important; line-height: 1.2 !important; }
html[data-text-size=large] { font-size: 125%; }
html[data-text-size=larger] { font-size: 150%; }
html[data-a11y-spacing] :where(p,li,label,button,a,small,span,dt,dd,input,textarea,select) { line-height: 1.8 !important; letter-spacing: .06em !important; word-spacing: .12em !important; }
html[data-a11y-spacing] p { margin-bottom: 1.5em; }
html[data-a11y-links] a { text-decoration: underline !important; text-decoration-thickness: 2px; }
html[data-a11y-contrast], html[data-a11y-contrast] body { color: #111; background: #fff; }
html[data-a11y-contrast] body :where(header,footer,main,section,article,aside,nav,div,figure,figcaption,details,summary,p,h1,h2,h3,h4,h5,h6,span,strong,small,em,b,i,ul,ol,li,dl,dt,dd,label,fieldset,legend,dialog) { color: #111 !important; background-color: #fff !important; background-image: none !important; border-color: #444 !important; box-shadow: none !important; text-shadow: none !important; }
html[data-a11y-contrast] body a { color: #003c82 !important; text-decoration: underline !important; }
html[data-a11y-contrast] body :where(button,.btn), html[data-a11y-contrast] body :where(button,.btn) * { background: #111 !important; color: #fff !important; border-color: #111 !important; }
html[data-a11y-contrast] body a.btn { color: #fff !important; }
html[data-a11y-contrast] body :where(input,textarea,select,option) { color: #111 !important; background: #fff !important; border-color: #111 !important; accent-color: #111; }
html[data-a11y-contrast] .accessibility-dialog::backdrop { background: #000b; }
html[data-a11y-contrast] .studio-composition::before { display: none; }
html[data-a11y-motion], html[data-a11y-motion] *, html[data-a11y-motion] *::before, html[data-a11y-motion] *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
@media (prefers-reduced-motion: reduce) { html, *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
@media (max-width: 800px) {
  .nav-links .accessibility-open { width: 100%; text-align: left; }
  .accessibility-dialog { padding: 1.25rem; }
  .builder-module-nav, #builder-module-nav { flex-wrap: wrap; }
}
html:not([data-text-size=normal]) .workspace-builder { grid-template-columns: 1fr; }
html:not([data-text-size=normal]) .builder-controls { max-width: none; }
html:not([data-text-size=normal]) .industry-picker { grid-template-columns: repeat(2,minmax(0,1fr)); }
html:not([data-text-size=normal]) .product-hero-grid { grid-template-columns: 1fr; }
html:not([data-text-size=normal]) .studio-composition { max-width: 650px; width: 100%; }
html:not([data-text-size=normal]) .hero-fragment { transform: none; }
html:not([data-text-size=normal]) .studio-composition { display: grid; gap: 1rem; min-height: 0; padding: 1rem 0; }
html:not([data-text-size=normal]) .hero-fragment { position: relative; inset: auto; width: 100%; height: auto; min-height: 0; margin: 0; }
html:not([data-text-size=normal]) :where(.composition-caption,.composition-note) { position: static; margin: 0; }
html[data-a11y-spacing] .studio-composition { display: grid; gap: 1rem; min-height: 0; padding: 1rem 0; }
html[data-a11y-spacing] .hero-fragment { position: relative; inset: auto; width: 100%; height: auto; min-height: 0; margin: 0; transform: none; }
html[data-a11y-spacing] :where(.composition-caption,.composition-note) { position: static; margin: 0; }
html:not([data-text-size=normal]) :where(.fragment-label,.concept-browser,.hero-bottom-note) { flex-wrap: wrap; }
@media (max-width:600px) {
  html:not([data-text-size=normal]) .industry-picker { grid-template-columns: 1fr; }
  html:not([data-text-size=normal]) :where(.pass-board,.retail-desk,.planner-layout) { grid-template-columns: 1fr; }
}