/* hofmanns.digital -- Block 9 / Ueber dich */
.hd-b9 { background: #1B4242; border-radius: 16px; padding: 3.5rem; position: relative; overflow: hidden; font-family: var(--wp--preset--font-family--figtree), sans-serif; }
.hd-b9__blob-1 { position: absolute; width: 280px; height: 280px; top: -80px; left: -60px; border-radius: 42% 58% 55% 45% / 55% 42% 58% 45%; background: #175B5F; opacity: 0.5; z-index: 0; }
.hd-b9__blob-2 { position: absolute; width: 160px; height: 160px; bottom: -40px; right: 15%; border-radius: 55% 45% 38% 62% / 48% 60% 40% 52%; background: #F0C767; opacity: 0.06; z-index: 0; }
.hd-b9__content { position: relative; z-index: 1; }
.hd-b9__body { font-size: 1rem; color: #DEE8E8; opacity: 0.78; line-height: 1.85; margin: 0 0 1rem; max-width: 560px; }
.hd-b9__tools { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 2rem; }
.hd-b9__tool { font-family: var(--wp--preset--font-family--fira-code), monospace; font-size: 0.75rem; color: #F0C767; background: rgba(240,199,103,0.1); border: 1px solid rgba(240,199,103,0.25); border-radius: 2rem; padding: 0.35rem 0.9rem; }
.hd-b9__divider { width: 3rem; height: 2px; background: #C0392B; border-radius: 2px; margin-bottom: 1.5rem; }
.hd-badge-green-dark { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.875rem; color: #9DC88D; font-weight: 600; background: rgba(58,107,42,0.2); border-radius: 2rem; padding: 0.4rem 1rem; }
@media (max-width: 640px) { .hd-b9 { padding: 2rem 1.5rem; } }