/* Prosights site: shared responsive layer over the artboard markup (2026-09-18). */
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Work Sans',Helvetica,Arial,sans-serif;background:#F7F4EE;color:#1E2A24}
a{color:#0F3D2E;text-decoration:none}a:hover{color:#8A5A2B}
.page{width:100%!important;max-width:1440px;margin:0 auto;min-height:100vh}
.page[data-fixed]{height:auto!important}
img{max-width:100%}
@media (max-width: 1100px){
  header,footer,section,.cols{padding-left:40px!important;padding-right:40px!important}
  h1{font-size:44px!important}
}
@media (max-width: 900px){
  header{flex-wrap:wrap;gap:16px!important}
  header nav{flex-wrap:wrap;gap:14px 20px!important;font-size:15px!important}
  header nav span[style*="width: 1px"]{display:none}
  [style*="grid-template-columns: repeat(12"]{display:flex!important;flex-direction:column!important;gap:16px!important}
  [style*="grid-column"]{grid-column:auto!important}
  [style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(5"],[style*="grid-template-columns: repeat(2"]{display:grid!important;grid-template-columns:1fr!important}
  .cols{grid-template-columns:1fr!important}
  .cols > a{border-right:none!important;border-bottom:1px solid #E3DDD2;padding:36px 20px!important;gap:20px!important}
  h1{font-size:36px!important}
  h2{font-size:28px!important}
  footer{flex-direction:column;align-items:flex-start!important;gap:16px}
  footer nav{flex-wrap:wrap;gap:12px 18px!important}
  section[style*="margin: 0 96px"],section[style*="margin: 40px 96px"]{margin-left:16px!important;margin-right:16px!important;padding:28px 24px!important}
  pre{font-size:12px!important}
}
@media (max-width: 600px){
  header,footer,section{padding-left:20px!important;padding-right:20px!important}
  h1{font-size:30px!important}
  [style*="font-size: 22px"]{font-size:18px!important}
  [style*="width: 128px; height: 128px"]{width:72px!important;height:72px!important}
}