.ods-icons{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}
.ods-icon{width:94px;min-height:94px;background:var(--ods-color);color:#fff!important;border-radius:.6rem;padding:.55rem;text-decoration:none!important;display:flex;flex-direction:column;box-shadow:0 7px 18px rgb(15 23 42/.13);transition:transform .2s,box-shadow .2s}
.ods-icon:hover,.ods-icon:focus{transform:translateY(-3px);box-shadow:0 10px 24px rgb(15 23 42/.22);outline:3px solid #fff;outline-offset:2px}
.ods-icon .ods-number{font-size:1.75rem;line-height:1;font-weight:900}
.ods-icon>i{font-size:1.45rem;align-self:center;margin:.15rem 0}
.ods-icon .ods-name{font-size:.62rem;line-height:1.15;text-transform:uppercase;font-weight:800;margin-top:auto}
.ods-icons-small{gap:.42rem;margin-top:.65rem}
.ods-icons-small .ods-icon{position:relative;width:68px;min-height:68px;padding:.38rem;border-radius:.45rem}
.ods-icons-small .ods-icon .ods-number{font-size:1.25rem}
.ods-icons-small .ods-icon>i{position:absolute;right:.45rem;top:.5rem;font-size:1.25rem}
.ods-icons-small .ods-icon .ods-name{font-size:0}
.ods-icons-small .ods-icon .ods-name::after{content:'ODS';display:block;font-size:.5rem;letter-spacing:.08em;text-align:right}
@media(max-width:640px){.ods-icon{width:76px;min-height:76px}.ods-icon .ods-number{font-size:1.4rem}.ods-icon .ods-name{font-size:.52rem}.ods-icons-small .ods-icon{width:58px;min-height:58px}.ods-icons-small .ods-icon>i{font-size:1rem}}
.ods-overview{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.35rem;max-width:1120px;margin:0 auto}
.ods-overview-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:.15rem .35rem;min-height:92px;padding:.5rem;color:#fff!important;background:var(--ods-color);border-radius:.4rem;text-align:left;text-decoration:none!important;box-shadow:0 3px 10px rgb(15 23 42/.12);transition:transform .2s,box-shadow .2s}
.ods-overview-item:hover,.ods-overview-item:focus{transform:translateY(-3px);box-shadow:0 8px 18px rgb(15 23 42/.2);outline:3px solid #fff;outline-offset:2px}
.ods-overview-item strong{font-size:1.35rem;line-height:1}
.ods-overview-item i{justify-self:end;font-size:1rem}
.ods-overview-item span{grid-column:1/-1;align-self:end;font-size:.55rem;line-height:1.1;font-weight:800;text-transform:uppercase}
@media(max-width:1024px){.ods-overview{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:640px){.ods-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.ods-overview-item{min-height:82px}}