/* Generated by scripts/extract-content.mjs from mockup/healthcare/sti/index.html <style>. Do not edit; edit the mockup and re-run npm run extract. */
.wp-block-post-content .awareness { background: var(--teal-l); border-top: 3px solid var(--teal); padding: 32px 6vw; }
.wp-block-post-content .awareness-inner { display: flex; gap: 48px; flex-wrap: wrap; justify-content: center; }
.wp-block-post-content .aw-item { text-align: center; }
.wp-block-post-content .aw-num { font-family: 'Sora', sans-serif; font-size: 2rem; font-weight: 800; color: var(--teal-d); }
.wp-block-post-content .aw-label { font-size: .82rem; color: var(--mid); margin-top: 4px; }
.wp-block-post-content .sti-section { background: var(--bg); }
.wp-block-post-content .sti-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.wp-block-post-content .sti-card { --card-pt: 24px; --card-px: 22px; background: var(--white); border-radius: var(--radius); padding: 24px 22px; border: 1.5px solid #ddf0f4; transition: box-shadow .25s, border-color .2s; }
.wp-block-post-content .sti-card:hover { box-shadow: var(--shadow); border-color: var(--teal); }
.wp-block-post-content .sti-type { display: inline-block; font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 3px 9px; border-radius: 100px; margin-bottom: 10px; }
.wp-block-post-content .type-bacterial { background: #fff3cd; color: #856404; }
.wp-block-post-content .type-viral { background: #f8d7da; color: #842029; }
.wp-block-post-content .type-parasitic { background: #d1ecf1; color: #0c5460; }
.wp-block-post-content .type-fungal { background: #d4edda; color: #155724; }
.wp-block-post-content .type-other { background: #e2e3e5; color: #383d41; }
.wp-block-post-content .sti-card h3 { font-size: .98rem; color: var(--dark); margin-bottom: 8px; }
.wp-block-post-content .sti-card p:where(:not([class*="from-"])) { font-size: .84rem; color: var(--muted); line-height: 1.65; }
.wp-block-post-content .panels { background: var(--white); }
.wp-block-post-content .panels-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
.wp-block-post-content .panel-card { --card-pt: 28px; --card-px: 24px; background: var(--bg); border-radius: var(--radius); padding: 28px 24px; border: 2px solid #c8edf2; transition: border-color .2s, box-shadow .2s; }
.wp-block-post-content .panel-card:hover { border-color: var(--teal); box-shadow: var(--shadow); }
.wp-block-post-content .panel-name { font-family: 'Sora', sans-serif; font-size: 1.15rem; font-weight: 800; color: var(--teal-d); margin-bottom: 10px; }
.wp-block-post-content .panel-card p:where(:not([class*="from-"])) { font-size: .86rem; color: var(--muted); line-height: 1.65; }
.wp-block-post-content .cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }