.sla-overview{padding:0;margin:0 0 18px;overflow:hidden}
.sla-overview>header{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;padding:18px 21px;border-bottom:1px solid #e2eae4}
.sla-overview h2{margin:0 0 4px;font-size:18px}
.sla-overview>header p,.sla-overview>header>span,.sla-overview-note{margin:0;color:#688076;font-size:12px;line-height:1.5}
.sla-overview>header>span{white-space:nowrap}
.sla-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 20px}
.sla-overview-card{min-width:0;border:1px solid #dce8e0;border-radius:10px;overflow:hidden;background:#fff}
.sla-tone-1{--sla-tone:#bd5143;--sla-wash:#fbefed}.sla-tone-2{--sla-tone:#aa6c1f;--sla-wash:#fff5e6}.sla-tone-3{--sla-tone:#426a9b;--sla-wash:#eef3fa}.sla-tone-4{--sla-tone:#267b62;--sla-wash:#eaf6ef}
.sla-overview-title{display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding:12px 13px;background:var(--sla-wash);color:var(--sla-tone)}
.sla-overview-title strong{font-size:15px}.sla-overview-title span{font-size:11px;white-space:nowrap}
.sla-overview-card dl{margin:0;padding:5px 13px}.sla-overview-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:7px;padding:8px 0;border-bottom:1px solid #edf2ed}.sla-overview-card dl>div:last-child{border-bottom:0}
.sla-overview-card dt{color:#6b8075;font-size:11px}.sla-overview-card dd{margin:0;text-align:right;color:#193e36;font-size:12px;font-weight:650;white-space:nowrap}
.sla-overview-note{padding:0 20px 18px}
.sla-rule-details{margin-bottom:18px}
@media(max-width:1160px){.sla-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sla-overview>header{display:block}.sla-overview>header>span{display:block;margin-top:8px}.sla-overview-grid{grid-template-columns:1fr;padding:14px}.sla-overview-note{padding:0 14px 15px}}