body.safety-public{background:#f6f9fa}
.safety-public .vq-topbar{position:sticky;top:0;z-index:40}
.safety-public__nav{
    display:flex;
    align-items:center;
    gap:.55rem;
    flex-wrap:wrap;
}
.safety-public__nav a{
    color:#36505a;
    font-weight:750;
    text-decoration:none;
}
.safety-back{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    color:#075e68;
    font-weight:850;
    text-decoration:none;
}
.safety-hero{
    padding:2rem;
    border-radius:1.25rem;
    background:linear-gradient(135deg,#075e68,#0b7f8c);
    color:#fff;
}
.safety-hero h1{
    max-width:18ch;
    margin:.25rem 0 .65rem;
    font-size:clamp(2rem,5vw,3.8rem);
    line-height:1.02;
    letter-spacing:-.045em;
}
.safety-hero p{max-width:48rem;margin:0;color:#e9f6f7}
.safety-eyebrow{
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.safety-menu-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
}
.safety-menu-card{
    display:grid;
    gap:.45rem;
    min-width:0;
    padding:1.25rem;
    border:1px solid #d6e2e5;
    border-radius:1rem;
    background:#fff;
    color:#17313a;
    text-decoration:none;
    box-shadow:0 8px 24px rgb(15 48 58 / .05);
}
.safety-menu-card:hover{border-color:#9ec5c9;box-shadow:0 12px 30px rgb(15 48 58 / .09)}
.safety-menu-card strong{font-size:1.12rem;color:#075e68}
.safety-menu-card span{color:#657786;font-size:.9rem;line-height:1.45}
.safety-menu-card--wide{grid-column:1/-1}
.safety-type-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.85rem;
}
.safety-type-card{
    display:grid;
    gap:.35rem;
    min-height:9rem;
    padding:1.1rem;
    border:1px solid #d6e2e5;
    border-radius:1rem;
    background:#fff;
    color:#17313a;
    text-decoration:none;
}
.safety-type-card strong{color:#075e68;font-size:1rem}
.safety-type-card span{color:#657786;font-size:.84rem;line-height:1.4}
.safety-actions{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:.75rem;
}
.safety-action{
    display:grid;
    gap:.15rem;
    padding:1rem;
    border:1px solid #d6e2e5;
    border-radius:.9rem;
    background:#fff;
    color:#17313a;
    text-decoration:none;
}
.safety-action[aria-current="page"]{border-color:#075e68;background:#edf7f7}
.safety-action strong{color:#075e68}
.safety-action span{color:#657786;font-size:.78rem}
.safety-overview-card{
    display:grid;
    gap:.7rem;
    padding:1.25rem;
    border:1px solid #d6e2e5;
    border-radius:1rem;
    background:#fff;
}
.safety-overview-card h2,.safety-overview-card h3{margin:0;color:#17313a}
.safety-overview-card p{margin:0;color:#657786}
.safety-badges{display:flex;flex-wrap:wrap;gap:.45rem}
.safety-badge{
    display:inline-flex;
    padding:.3rem .58rem;
    border-radius:999px;
    background:#edf7f7;
    color:#075e68;
    font-size:.75rem;
    font-weight:850;
}
.safety-cta-row{display:flex;flex-wrap:wrap;gap:.65rem}
.safety-note{
    padding:.85rem 1rem;
    border-left:4px solid #075e68;
    border-radius:.65rem;
    background:#eef7f7;
    color:#40555d;
}
.safety-public .safety-logo-link{display:inline-flex;align-items:center;min-width:0}
.safety-public .safety-logo{display:block;width:9rem;max-width:34vw;height:auto}
.safety-steps{margin:.15rem 0 0;padding-left:1.25rem;color:#526873}
.safety-steps li+li{margin-top:.35rem}
@media(max-width:54rem){
    .safety-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .safety-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:40rem){
    .safety-hero{padding:1.35rem}
    .safety-menu-grid,.safety-type-grid,.safety-actions{grid-template-columns:1fr}
    .safety-menu-card--wide{grid-column:auto}
    .safety-public__nav{justify-content:flex-end}
    .safety-public__nav .vq-button{min-height:2.5rem;padding:.45rem .65rem}
    .safety-public .safety-logo{width:7.8rem;max-width:42vw}
}