/* KPI Section Styles */
        .kpi-section {
            padding: 0px 0;
        }
        
        .kpi-section .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }
        
        .section-header {
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 5px solid #0081a2
        }
        
        .section-header h2 {
            font-size: 24px;
            color: #333;
            font-weight: 600;
            margin: 0 0 8px 0;
        }
        
        .section-header p {
            color: #666;
            font-size: 14px;
            margin: 0;
        }

        .section-header li {
            color: #666;
            font-size: 14px;
            margin: 0 0 0 20px;
        }
        
        .kpi-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
        
        @media screen and (max-width: 1024px) {
            .kpi-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media screen and (max-width: 640px) {
            .kpi-grid {
                grid-template-columns: 1fr;
            }
            
            .page-nav-list {
                flex-wrap: wrap;
            }
            
            .page-nav-list li a {
                padding: 12px 16px;
                font-size: 14px;
            }
        }
        
        .kpi-tile {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            overflow: hidden;
            transition: all 0.2s ease;
            border: 2px solid #dcdcdc;
            /* --- ADD THESE TWO LINES --- */
            display: flex;
            flex-direction: column;
        }
        /*
        .kpi-tile:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.12);
        }
        */
        /* Selectable border color options */
        .kpi-tile.border-blue {
            border-color: #006BB9;
        }
        
        .kpi-tile.border-green {
            border-color: #166534;
        }
        
        .kpi-tile.border-gold {
            border-color: #ffc000;
        }
        
        .kpi-tile.border-teal {
            border-color: #00aad2;
        }
        
        .kpi-tile.border-purple {
            border-color: #7c3aed;
        }
        
        .kpi-tile.border-red {
            border-color: #dc2626;
        }
        
        .kpi-tile-header {
            padding: 20px 20px 16px;
            /* --- ADD THIS LINE --- */
            flex: 1;
        }
        
        /* Match tite style across tiles/cards */
        .kpi-tile-title {
            font-size: 24px;
            font-size: 1.5rem;
            font-weight: 600;
            color: #666 !important;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin: 0 0 12px 0;
        }
        
        .kpi-tile-value {
            display: flex;
            align-items: baseline;
            gap: 8px;
            margin-bottom: 8px;
        }
        
        .kpi-tile-number {
            font-size: 36px;
            font-size: 2.0rem;
            font-weight: 700;
            color: #333;
            line-height: 1;
        }
        
        .kpi-tile-unit {
            font-size: 18px;
            font-size: 1.0rem;
            color: #666;
            font-weight: 500;
        }
        
        .kpi-tile-change {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-size: 13px;
            font-size: 1.0rem;
            font-weight: 500;
            padding: 4px 8px;
            border-radius: 4px;
        }
        
        .kpi-tile-change.positive {
            color: #166534;
            background: #dcfce7;
        }
        
        .kpi-tile-change.negative {
            color: #991b1b;
            background: #fee2e2;
        }
        
        .kpi-tile-change svg {
            width: 14px;
            height: 14px;
            fill: currentColor;
        }
        
        .kpi-tile-footer {
            padding: 12px 20px;
            background: #f5f5f5;
            font-size: 13px;
            font-size: 1.0rem;
            color: #000;
            border-top: 1px solid #eee;
        }