:root{--navy:#0d334f;--teal:#0b939d;--line:#d4e5ef;--muted:#5e7888}
*{box-sizing:border-box}body{margin:0;background:#f2f8fb;color:#153c57;font-family:Tahoma,'Segoe UI',Arial,sans-serif;line-height:1.6}
.main{width:min(1120px,calc(100% - 24px));margin:0 auto;padding:12px 0 32px}
.hero{background:linear-gradient(110deg,#0e3451,#0a7085);color:white;border-radius:21px;padding:22px 24px;margin-bottom:15px}
.hero .micro{color:#98e9e8;font-size:12px;font-weight:800;letter-spacing:.4px}
.hero h1{font-size:clamp(27px,4vw,40px);margin:2px 0 6px}
.hero p{margin:0;color:#e3f4f8;font-size:15px}
.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
a.lab{display:flex;align-items:flex-start;gap:12px;min-height:146px;padding:17px;background:white;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:17px;transition:transform .16s,border-color .16s,box-shadow .16s}
a.lab:hover,a.lab:focus-visible{transform:translateY(-2px);border-color:#37b1b5;box-shadow:0 9px 18px #0d4b561c;outline:none}
.lab-icon{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;background:#e9f6f8;border-radius:12px;font-size:27px}
.lab-content{min-width:0;flex:1}.lab-content h2{margin:0 0 4px;font-size:18px;color:#173e57}
.lab-content p{margin:0 0 7px;font-size:13px;color:var(--muted)}
.lab-content small{font-size:12px;color:#088592;font-weight:800}
.note{color:#59788b;font-size:13px;margin:14px auto 0;max-width:900px;text-align:center}
@media(max-width:820px){.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.lab-grid{grid-template-columns:1fr;gap:9px}.lab{min-height:101px!important;padding:12px!important}.hero{padding:17px}.lab-content h2{font-size:16px}}