/* HotClicks LSA site: shared base styles. Page layout styles are inline in each page. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#FFFFFF}
a{color:#2457F5}
a:hover{color:#1A3FB8}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #2457F5;outline-offset:3px}
h1,h2,h3,p,li{text-wrap:pretty}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .faq-plus{transform:rotate(45deg)}
.skip-link{position:absolute;left:-9999px;top:0;z-index:10;background:#111111;color:#FFFFFF;padding:12px 16px;border-radius:6px;font:600 15px/1 Inter,system-ui,sans-serif;text-decoration:none}
.skip-link:focus{left:16px;top:16px;color:#FFFFFF}
.hc-input{box-sizing:border-box;width:100%;min-height:50px;padding:12px 14px;border:1px solid #C9C9C4;border-radius:6px;font:inherit;font-size:16px;color:#111111;background:#FFFFFF}
.hc-input:focus{outline:2px solid #2457F5;outline-offset:0;border-color:#2457F5}
.hc-radio{width:20px;height:20px;accent-color:#2457F5;margin:0}
.hc-dot{display:flex;align-items:center;justify-content:center;width:32px;height:44px;padding:0;background:transparent;border:0;cursor:pointer}
.hc-dot span{display:block;width:8px;height:8px;border-radius:4px;background:#B9B9B4;transition:width .2s,background-color .2s}
.hc-dot[aria-pressed="true"] span{width:24px;background:#111111}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hc-dot span{transition:none}}
/* Phones: logo and audit button on the first row, page links below; the hero already has a call button. */
@media (max-width: 640px){
  header nav{order:3;width:100%;gap:18px !important;font-size:14px !important}
  header a[href^="tel:"]{display:none}
  .hc-strip > div{border-left:0 !important;padding-left:0 !important;border-top:1px solid #E3E3E0}
  .hc-strip > div:first-child{border-top:0}
}