html[data-resident-experience="homeowner"],html[data-resident-experience="renter"]{--resident-max:1180px}
html[data-resident-experience="homeowner"] .content,html[data-resident-experience="renter"] .content{max-width:var(--resident-max);width:100%;margin:0 auto;overflow:auto;overscroll-behavior:contain}
html[data-resident-experience="homeowner"] .panel,html[data-resident-experience="renter"] .panel{min-width:0}
html[data-resident-experience="homeowner"] button,html[data-resident-experience="homeowner"] a.ghost,html[data-resident-experience="renter"] button,html[data-resident-experience="renter"] a.ghost{min-height:44px}
html[data-resident-experience="homeowner"] button:focus-visible,html[data-resident-experience="homeowner"] a:focus-visible,html[data-resident-experience="homeowner"] input:focus-visible,html[data-resident-experience="homeowner"] select:focus-visible,html[data-resident-experience="homeowner"] textarea:focus-visible,html[data-resident-experience="renter"] button:focus-visible,html[data-resident-experience="renter"] a:focus-visible,html[data-resident-experience="renter"] input:focus-visible,html[data-resident-experience="renter"] select:focus-visible,html[data-resident-experience="renter"] textarea:focus-visible{outline:3px solid currentColor;outline-offset:2px}
html[data-resident-experience="homeowner"] .row,html[data-resident-experience="renter"] .row{gap:12px;align-items:flex-start}
html[data-resident-experience="homeowner"] .row>*,html[data-resident-experience="renter"] .row>*{min-width:0}
html[data-resident-experience="homeowner"] .row p,html[data-resident-experience="renter"] .row p,html[data-resident-experience="homeowner"] .footer-note,html[data-resident-experience="renter"] .footer-note{overflow-wrap:anywhere}
html[data-resident-experience="homeowner"] [aria-live="polite"],html[data-resident-experience="renter"] [aria-live="polite"]{min-height:1.5em}

@media (max-width:900px){
  html[data-resident-experience="homeowner"] .hero,html[data-resident-experience="homeowner"] .grid,html[data-resident-experience="renter"] .hero,html[data-resident-experience="renter"] .grid{grid-template-columns:1fr}
  html[data-resident-experience="homeowner"] .content,html[data-resident-experience="renter"] .content{max-width:none;padding-inline:16px}
  html[data-resident-experience="homeowner"] .chip-row,html[data-resident-experience="renter"] .chip-row{flex-wrap:wrap}
}

@media (max-width:600px){
  html[data-resident-experience="homeowner"] .content,html[data-resident-experience="renter"] .content{padding-inline:12px}
  html[data-resident-experience="homeowner"] .panel,html[data-resident-experience="renter"] .panel{padding:16px}
  html[data-resident-experience="homeowner"] .row,html[data-resident-experience="renter"] .row{flex-direction:column}
  html[data-resident-experience="homeowner"] .row>button,html[data-resident-experience="renter"] .row>button,html[data-resident-experience="homeowner"] .chip-row>button,html[data-resident-experience="renter"] .chip-row>button{width:100%}
  html[data-resident-experience="homeowner"] table,html[data-resident-experience="renter"] table{min-width:640px}
  html[data-resident-experience="homeowner"] .table-wrap,html[data-resident-experience="renter"] .table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}
}

@media (prefers-reduced-motion:reduce){
  html[data-resident-experience="homeowner"] *,html[data-resident-experience="renter"] *{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important;animation-iteration-count:1!important}
}