/* AHJInfo shared styles (landing page, contact page, and new pages going forward) */
:root{
  --ink:#22302a;
  --ink-soft:#4d5d55;
  --film:#f3f6f4;
  --sheet:#ffffff;
  --line:#c9d5ce;
  --boundary:#a6b8ae;
  --green:#269958;
  --green-deep:#1d7a45;
  --green-wash:#e3f2e9;
  --redline:#c2412d;
  --redline-wash:#fbeae7;
  --measure:68ch;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--film);color:var(--ink);font:400 17px/1.55 Barlow,"Segoe UI",Arial,sans-serif}
a{color:var(--green-deep)}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1{font-weight:700;font-size:clamp(34px,4.4vw,54px);line-height:1.06;letter-spacing:-.015em;margin:0 0 20px}
h2{font-weight:700;font-size:clamp(26px,2.6vw,34px);line-height:1.15;letter-spacing:-.01em;margin:0 0 10px}

/* top bar */
.bar{background:var(--sheet);border-bottom:1px solid var(--line)}
.bar .wrap{display:flex;align-items:center;gap:28px;min-height:72px}
.brand img{display:block;height:42px;width:auto}
.nav{display:flex;gap:22px;margin-left:auto;align-items:center;flex-wrap:wrap}
.nav a{color:var(--ink);text-decoration:none;font-weight:500}
.nav a:hover,.nav a[aria-current]{color:var(--green-deep);text-decoration:underline;text-underline-offset:4px}
.nav .account{display:flex;gap:16px;padding-left:22px;border-left:1px solid var(--line)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font:600 17px/1 Barlow,sans-serif;padding:15px 22px;border-radius:6px;text-decoration:none;border:2px solid var(--green-deep);cursor:pointer}
.btn-primary{background:var(--green-deep);color:#fff}
.btn-primary:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* footer */
footer{margin-top:80px;background:var(--sheet);border-top:1px solid var(--line)}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding-top:26px;padding-bottom:30px;font-size:15px;color:var(--ink-soft)}
footer a{color:var(--ink-soft)}
footer .pfe{margin-left:auto}

@media (max-width: 640px){
  body{font-size:16.5px}
  .wrap{padding:0 16px}
  .bar .wrap{flex-wrap:wrap;gap:10px 18px;padding-top:12px;padding-bottom:12px}
  .nav{margin-left:0;gap:16px}
  .nav .account{padding-left:16px}
  footer .pfe{margin-left:0}
}