/* YSSE Fabricator - shared styles (page layout styles live inline in each page) */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
img{max-width:100%}
a:focus-visible,button:focus-visible{outline:2px solid #9FD0EA;outline-offset:3px}
[hidden]{display:none!important}

/* Project filter chips */
.chip{font:600 15px Manrope,sans-serif;padding:12px 20px;min-height:44px;cursor:pointer;border-radius:2px;background:#FFFFFF;color:#0A2233;border:1px solid #C9CED4}
.chip:hover{border-color:#044C71}
.chip[aria-pressed="true"]{background:#044C71;color:#FFFFFF;border-color:#044C71}

/* Contact office buttons follow aria-pressed */
.office[aria-pressed="true"]{background:#044C71!important;color:#FFFFFF!important;border-color:#044C71!important}
.office[aria-pressed="false"]{background:#FFFFFF!important;color:#0A2233!important;border-color:#C9CED4!important}
button[disabled]{opacity:.6;cursor:wait}

/* Phones: keep the header tidy */
@media (max-width: 640px){
  header nav[aria-label="Main"]{gap:6px 18px!important;font-size:14px!important}
  header nav[aria-label="Main"] a[href="/contact"]{padding:10px 14px!important}
}