html{scroll-behavior:smooth}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:flex;flex-direction:column;background:#f5f7f9;color:#18364b}main.short-main{width:min(1040px,100%);margin:0 auto;padding:26px 18px 12px;flex:1}.top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px max(18px,calc((100vw - 1040px)/2));background:#16384e}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;line-height:1.18;font-weight:750;font-size:1rem}.brand img{height:40px;width:auto}.signin{background:#fff;color:#143247;padding:9px 12px;border-radius:6px;font-weight:700;text-decoration:none;font-size:.88rem}.topnav{display:flex;justify-content:center;flex-wrap:wrap;gap:3px;padding:5px 12px;background:#eaf0f4}.topnav a{padding:8px 10px;text-decoration:none;color:#15384f;font-weight:650;font-size:.89rem}.short-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.short-hero h1{font-size:clamp(1.5rem,3vw,2rem);line-height:1.12;margin:0 0 5px}.short-hero p{margin:0;color:#506675;font-size:.94rem}.primary-action{display:inline-block;white-space:nowrap;background:#174e70;color:#fff;text-decoration:none;border-radius:7px;padding:12px 17px;font-weight:750}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.service-grid a{background:#fff;border:1px solid #c7d5df;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:15px;color:#17374d;text-decoration:none;min-height:114px}.service-grid a:hover,.service-grid a:focus-visible{border-color:#145678;box-shadow:0 2px 10px #11344d22}.service-grid span{font-size:1.4rem;line-height:1;color:#216788;font-weight:bold}.service-grid strong{font-size:.97rem;line-height:1.2}.service-grid small{font-size:.8rem;color:#526979}.micro-links{margin:15px 0 0;display:flex;justify-content:center;align-items:center;gap:13px;font-size:.88rem}.micro-links a{color:#174e70}footer{display:flex;justify-content:space-between;gap:10px;padding:12px max(18px,calc((100vw - 1040px)/2));background:#17364a;color:#fff;font-size:.8rem}footer a{color:#fff}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:10}@media(max-width:760px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.short-main{padding-top:16px!important}.short-hero{margin-bottom:14px}.top{flex-wrap:wrap}.service-grid a{min-height:104px}.topnav a{padding:7px 6px;font-size:.81rem}}@media(max-width:440px){.brand{font-size:.89rem}.brand img{height:34px}.signin{font-size:.77rem;padding:8px}.short-hero{align-items:stretch;flex-direction:column;gap:10px}.primary-action{text-align:center}.service-grid{gap:8px}.service-grid a{padding:10px;min-height:102px}.service-grid strong{font-size:.85rem}.service-grid small{font-size:.73rem}.micro-links{gap:8px;font-size:.76rem}footer{font-size:.7rem}}
/* Full-width, screen-filling homepage without extra sections. */
:root{--page-edge:clamp(18px,3vw,64px)}
html,body{width:100%;min-height:100%;}
body{min-height:100dvh}
.top{padding-inline:var(--page-edge)}
.topnav{justify-content:space-evenly;padding-inline:var(--page-edge)}
.topnav a{flex:0 1 auto;text-align:center}
main.short-main{width:100%;max-width:1700px;margin-inline:auto;padding:clamp(20px,3.5vh,42px) var(--page-edge) clamp(18px,3vh,34px);display:flex;flex-direction:column;justify-content:center;min-height:0}
.short-hero{margin-bottom:clamp(22px,4vh,46px)}
.short-hero h1{font-size:clamp(2rem,3.2vw,3.7rem)}
.short-hero p{font-size:clamp(.98rem,1.2vw,1.2rem)}
.primary-action{padding:16px 25px;font-size:clamp(.95rem,1vw,1.1rem)}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.5vw,28px)}
.service-grid a{min-height:clamp(165px,27vh,300px);padding:clamp(20px,2vw,36px);justify-content:center;gap:clamp(10px,1.7vh,20px);border-radius:12px}
.service-grid span{font-size:clamp(2rem,3vw,3.5rem)}
.service-grid strong{font-size:clamp(1.13rem,1.55vw,1.65rem)}
.service-grid small{font-size:clamp(.91rem,1vw,1.1rem)}
.micro-links{margin-top:clamp(18px,3vh,34px);font-size:.95rem}
footer{padding-inline:var(--page-edge)}
@media(min-width:1700px){main.short-main{width:min(96%,1700px)}}
@media(max-width:950px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid a{min-height:165px}.topnav{justify-content:center}.topnav a{padding-inline:9px}}
@media(max-width:600px){main.short-main{padding:18px 16px 22px;justify-content:flex-start}.top{padding-inline:16px}.topnav{padding-inline:8px}.short-hero{margin-bottom:18px}.short-hero h1{font-size:1.85rem}.primary-action{padding:12px 18px}.service-grid{gap:10px}.service-grid a{min-height:135px;padding:15px;gap:8px}.service-grid span{font-size:1.85rem}.service-grid strong{font-size:1rem}.service-grid small{font-size:.82rem}.micro-links{flex-wrap:wrap;margin-top:18px}footer{padding-inline:16px}}
@media(max-width:380px){.service-grid a{min-height:120px;padding:10px}.service-grid strong{font-size:.9rem}.service-grid small{font-size:.76rem}}
@media(max-height:690px) and (min-width:951px){main.short-main{padding-block:12px}.short-hero{margin-bottom:14px}.service-grid a{min-height:145px}.micro-links{margin-top:12px}}

/* Large VACCC emblem watermark + legibility upgrade, desktop and mobile. */
body{position:relative;isolation:isolate;background:#f1f5f7}
body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:url('/vaccc-logo.png');background-repeat:no-repeat;background-position:center 57%;background-size:min(64vh,600px) auto;opacity:.105}
.top,.topnav,footer{position:relative;z-index:1}
.top{min-height:84px}.brand{font-size:clamp(1.05rem,1.3vw,1.36rem);line-height:1.22}.brand img{height:60px}
.signin{font-size:clamp(1rem,1.05vw,1.18rem);padding:13px 20px}
.topnav{min-height:56px;align-items:center}.topnav a{font-size:clamp(1rem,1.13vw,1.22rem);font-weight:750;padding:11px 15px;border-radius:6px}
.topnav a:hover,.topnav a:focus-visible{background:#d3e2ed;color:#092e47}
main.short-main{position:relative;z-index:0;max-width:1800px}
.short-hero h1{font-size:clamp(2.65rem,4.7vw,4.7rem);font-weight:850;letter-spacing:-.025em;color:#123449;text-shadow:0 2px 1px rgba(255,255,255,.9)}
.short-hero p{font-size:clamp(1.18rem,1.55vw,1.54rem);font-weight:650;color:#23465b}
.primary-action{font-size:clamp(1.14rem,1.35vw,1.4rem);padding:18px 28px;box-shadow:0 5px 14px #16374a25}
.service-grid a{background:rgba(255,255,255,.94);border:2px solid #aac2d0;box-shadow:0 5px 15px #16374a16;min-height:clamp(175px,25vh,280px)}
.service-grid a:hover,.service-grid a:focus-visible{background:#fff;border-color:#155577;box-shadow:0 6px 20px #16374a29}
.service-grid strong{font-size:clamp(1.35rem,1.75vw,1.9rem);line-height:1.18;color:#12374f;font-weight:850}
.service-grid small{font-size:clamp(1.07rem,1.2vw,1.32rem);line-height:1.35;color:#37556a;font-weight:600}
.service-grid span{font-size:clamp(2.3rem,3.5vw,3.8rem)}
.micro-links{font-size:clamp(1rem,1.2vw,1.16rem);font-weight:700}
footer{font-size:1rem}
a:focus-visible{outline:3px solid #d19210;outline-offset:3px}
@media(max-width:950px){body::before{background-size:min(63vw,430px)}.topnav a{font-size:1.06rem}.service-grid strong{font-size:1.37rem}.service-grid small{font-size:1.05rem}}
@media(max-width:600px){body::before{background-size:80vw;background-position:center 52%;opacity:.075}.top{min-height:0}.brand{font-size:1rem}.brand img{height:48px}.signin{font-size:.95rem;padding:10px 12px}.topnav a{font-size:1rem;padding:10px}.short-hero h1{font-size:2.4rem}.short-hero p{font-size:1.1rem}.primary-action{font-size:1.13rem}.service-grid strong{font-size:1.15rem}.service-grid small{font-size:.96rem}.service-grid a{min-height:150px}.micro-links{font-size:.97rem}footer{font-size:.85rem}}
@media(max-width:380px){.service-grid strong{font-size:1.03rem}.service-grid small{font-size:.9rem}.service-grid a{min-height:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
