/* Forest Clearance & NOC: the page's original style (from templates/core/public_interface/forest_clearance.html), unchanged. */
                .noc-interactive-box {
                    background: #ffffff;
                    border: 1.5px solid #f2ede1;
                    border-radius: 16px;
                    padding: 26px;
                    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
                    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                    position: relative;
                    overflow: hidden;
                }
                .noc-interactive-box::before {
                    content: '';
                    position: absolute;
                    top: 0; left: 0; width: 100%; height: 4px;
                    background: linear-gradient(90deg, #b8900f, #b8900f);
                }
                .noc-interactive-box.teal::before {
                    background: linear-gradient(90deg, #2d6a4f, #2d6a4f);
                }
                .noc-interactive-box:hover {
                    transform: translateY(-5px);
                    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
                    border-color: #e6dfcd;
                }
                .noc-box-header {
                    display: flex;
                    align-items: center;
                    gap: 14px;
                    margin-bottom: 16px;
                    padding-bottom: 14px;
                    border-bottom: 1px dashed #f2ede1;
                }
                .noc-box-icon {
                    width: 44px; height: 44px; border-radius: 12px;
                    background: #fef7d6; color: #b8900f; border: 1.5px solid #f1c40f;
                    display: flex; align-items: center; justify-content: center;
                    font-size: 1.25rem; flex-shrink: 0;
                    transition: transform 0.3s ease, background 0.3s ease;
                }
                .noc-interactive-box.teal .noc-box-icon {
                    background: #f2ede1; color: #2d6a4f; border-color: #8fc9a3;
                }
                .noc-interactive-box:hover .noc-box-icon {
                    transform: scale(1.1) rotate(-5deg);
                }
                .noc-box-title {
                    font-size: 1.15rem; font-weight: 800; color: #1f2a22; margin: 0;
                }
                .noc-box-sub {
                    font-size: 0.88rem; font-weight: 700; color: #4b5563; margin-bottom: 14px; display: block;
                }
                .noc-check-list {
                    list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px;
                }
                .noc-check-list li {
                    font-size: 0.93rem; color: #1f2a22; line-height: 1.6;
                    display: flex; align-items: flex-start; gap: 10px;
                    padding: 8px 12px; border-radius: 8px; background: #f2ede1;
                    border: 1px solid #f2ede1; transition: all 0.2s ease;
                }
                .noc-check-list li:hover {
                    background: #ffffff; border-color: #e6dfcd; transform: translateX(4px);
                    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
                }
                .noc-check-list li i {
                    color: #2d6a4f; font-size: 0.9rem; margin-top: 4px; flex-shrink: 0;
                }
                .noc-interactive-box.amber .noc-check-list li i { color: #b8900f; }
                .noc-interactive-box.teal .noc-check-list li i { color: #2d6a4f; }