/* Reference resource pages and laboratory concentration calculator */
.hl-mission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:27px}
.hl-mission-grid>div{padding:20px;border:1px solid #e0e7f0;border-radius:11px;background:#fff;min-height:115px}
.hl-mission-grid strong{display:block;font:800 28px Outfit,Arial,sans-serif;color:#233b91;margin-bottom:9px}
.hl-mission-grid span{font-size:12px;color:#607089;line-height:1.5}
.hl-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:22px 0}
.hl-guides-grid>a{display:flex;flex-direction:column;border:1px solid #dce4ee;background:#fff;border-radius:15px;padding:24px;color:#172545;min-height:240px;box-shadow:0 6px 14px #1a32550b}
.hl-guides-grid>a:hover{border-color:#a1b2d6;transform:translateY(-2px)}
.hl-guides-grid small{font-size:10px;color:#c62b34;letter-spacing:1.3px;font-weight:850}
.hl-guides-grid h3{font:800 21px/1.25 Outfit,Arial,sans-serif;margin:13px 0!important}
.hl-guides-grid p{font-size:13px;line-height:1.65;flex:1}
.hl-guides-grid strong{font-size:13px;color:#203b8d;margin-top:12px}
.hl-concentration-calculator{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#f4f7fb;border:1px solid #dde6f2;padding:30px;border-radius:17px;margin-top:20px}
.hl-concentration-copy{grid-column:1/-1}
.hl-concentration-copy h2{font:800 33px Outfit,Arial,sans-serif;margin:9px 0}
.hl-concentration-copy p{max-width:720px;font-size:14px;line-height:1.7}
.hl-concentration-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hl-concentration-fields label{display:flex;flex-direction:column;gap:9px;font-weight:800;color:#1b2e56;font-size:13px}
.hl-concentration-fields label span{font-size:11px;color:#6d7b92;font-weight:650}
.hl-concentration-fields input{background:white;border:1px solid #cfd9eb;border-radius:9px;padding:14px;max-width:100%;width:100%;font-size:18px;color:#12264e}
.hl-concentration-result{background:#0e1a37;color:#fff;padding:23px 25px;border-radius:14px}
.hl-concentration-result small{display:block;color:#cad5ef;font-size:12px;font-weight:700}
.hl-concentration-result output{display:block;font:800 34px Outfit,Arial,sans-serif;margin:14px 0;color:#fff}
.hl-concentration-result p{font-size:12px;line-height:1.6;color:#c1cce2;margin:8px 0 0}
.hl-content-article section[id]{scroll-margin-top:95px}
.hl-content-article section details+details{margin-top:10px}
@media(max-width:820px){.hl-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hl-guides-grid{grid-template-columns:1fr}.hl-concentration-calculator{grid-template-columns:1fr;padding:20px}.hl-concentration-fields{grid-template-columns:1fr}.hl-concentration-copy h2{font-size:27px}.hl-concentration-result output{font-size:28px}}