/* District wise Furniture Units: the original page's inline styles (templates/core/public_interface/furniture_units.html), unchanged. */
    .fu-box {
        background: #fff; border: 1px solid var(--pi-border); border-radius: 16px; padding: 40px; margin-bottom: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    }
    .fu-box h3 { font-size: 1.6rem; font-weight: 800; color: var(--pi-dark); margin-bottom: 20px; display: flex; align-items: center; gap: 15px; }
    
    .fu-req-grid {
        display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 20px; margin-top: 30px;
    }
    .fu-card {
        background: #f2ede1; padding: 25px; border-radius: 12px; border-top: 4px solid var(--pi-forest);
    }
    .fu-card.gold { border-top-color: var(--pi-gold); background: #fef7d6; }
    
    .fu-card h4 { font-size: 1.15rem; font-weight: 800; color: var(--pi-dark); margin-bottom: 15px; display: flex; align-items: center; gap: 10px; }
    .fu-card p { font-size: 0.95rem; line-height: 1.6; color: var(--pi-text); margin: 0; }
    .fu-card i { color: inherit; font-size: 1.2rem; }
    
    .fu-alert {
        background: #f2ede1; border-left: 4px solid var(--pi-blue); padding: 20px 25px; border-radius: 0 12px 12px 0; margin-bottom: 30px;
    }
    .fu-alert p { margin: 0; font-size: 1rem; color: #2d6a4f; line-height: 1.6; }
    .fu-alert strong { font-weight: 800; }

/* Each block now has its own .pi-wrap (the original had one around all): keep the original single top gap. */
.pi-wrap + .pi-wrap { margin-top: 0; }