.public-start{margin:0;background:#f5f8fb;color:#19354e;font-family:Segoe UI,Arial,sans-serif}.public-start-header{max-width:1040px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.public-start-header img{display:block;width:210px;max-width:48vw;height:auto}.staff-login{color:#285578;font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.public-start-main{max-width:760px;margin:45px auto;padding:0 28px}.public-start-main h1{font-size:34px;line-height:1.2;margin:0 0 20px}.public-start-lead{font-size:21px;line-height:1.5}.public-start-main p{line-height:1.65}.public-start-main section{margin-top:36px}.public-start-main h2{font-size:21px}.municipality-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.municipality-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #a9c5dc;border-radius:10px;padding:24px;color:#075d9c;text-decoration:none;box-shadow:0 2px 8px #19354e0a}.municipality-card strong{font-size:23px}.municipality-card span{font-size:15px}.municipality-card:hover{background:#eaf4fc;border-color:#397cab}.public-start a:focus-visible{outline:3px solid #b26a00;outline-offset:4px}@media(max-width:500px){.public-start-header{padding:18px}.public-start-header img{width:170px}.staff-caption{display:none}.public-start-main{margin:28px auto;padding:0 18px}.public-start-main h1{font-size:28px}.public-start-lead{font-size:18px}.municipality-card{padding:20px}}

.municipality-card .municipality-logo{display:block;max-width:190px;width:auto;max-height:76px;height:auto;object-fit:contain;object-position:left center;align-self:flex-start}
.contact-customer-header{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.contact-customer-identity{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 260px}
.contact-customer-identity .tenant-logo{display:block;max-width:190px;max-height:76px;width:auto;height:auto;object-fit:contain;flex:0 1 auto;min-width:0}
.contact-customer-name{font-size:22px;line-height:1.3;color:#19354e;overflow-wrap:anywhere}
.contact-service-brand{display:block;flex:0 0 auto;font-size:16px;font-weight:600;color:#285578;text-decoration:none}
.contact-service-brand span{display:block;font-size:12px;font-weight:400;margin-top:4px}
@media(max-width:600px){.contact-customer-header{gap:16px;padding:18px}.contact-customer-identity{gap:12px;flex-basis:100%}.contact-customer-identity .tenant-logo{max-width:125px;max-height:60px}.contact-customer-name{font-size:20px}.contact-service-brand{font-size:14px}.municipality-card .municipality-logo{max-width:165px;max-height:66px}}

/* The logo's alt text supplies the customer name when a logo is present. */
.contact-customer-identity:has(.tenant-logo) .contact-customer-name{display:none}