/* Inline styles moved out of the SME tender views (SEO audit item A6). */
.sme-icon-circle {
    width: 48px; height: 48px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
}
.sme-title-16 { font-size: 16px; font-weight: 600; color: #111827; }
.sme-text-14 { font-size: 14px; line-height: 1.5; }
.sme-text-16 { font-size: 16px; line-height: 1.6; }
.sme-count-24 { font-size: 24px; font-weight: 600; }
/* `.find-tender h2` in style.css has specificity (0,1,1) and outranks a plain class, so the
   declarations that were inline in the view have to be re-stated with the section context. */
.find-tender .sme-h2 { font-size: 32px; font-weight: 700; line-height: 1.2; color: #151b28; }
.sme-col-wide { flex: 1 1 55%; min-width: 300px; }
.sme-col-narrow { flex: 1 1 35%; min-width: 300px; }
.sme-link-underline { text-decoration: underline; }
.sme-inline-icon { vertical-align: middle; margin-left: 12px; }
.sme-level-1 { background: var(--l1); }
.sme-level-2 { background: var(--l2); }
.sme-level-3 { background: var(--l3); }
.sme-level-4 { background: var(--l4); }
.sme-icon-24 { width: 24px; }