:root {
            --primary-color: #0a5c8c;
            --secondary-color: #6c757d;
            --accent-color: #d9534f;
            --light-gray: #f8f9fc;
            --border-color: #dde1e6;
            --text-color: #212529;
        }.unit-group {
    background-color: #e9ecef;
    border-radius: 0 4px 4px 0;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-left: 0;
}.step-title {
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}.summary-value {
    font-size: 2.2rem;
}
        .page-header { background: linear-gradient(145deg, #e1f0fa 0%, #b8d9f0 100%); padding: 1.8rem 0; margin-bottom: 2rem; border-bottom: 2px solid var(--primary-color); }
        .math-box { background: #eef4fa; border-left: 5px solid var(--primary-color); padding: 1rem 1.5rem; border-radius: 0 8px 8px 0; }
        .calculation-step { margin-bottom: 1.8rem; padding-bottom: 1.2rem; border-bottom: 1px dashed #cbd5e0; }
        .example-badge { background: #ecf3f9; border: 1px solid #b6c9db; border-radius: 30px; padding: 0.4rem 1rem; cursor: pointer; transition: 0.2s; font-size: 0.9rem; margin: 0.2rem; display: inline-block; }
        .example-badge:hover { background: #d0e2f0; transform: translateY(-1px); }
        .table-sm td, .table-sm th { padding: 0.4rem; }
        .reference-box { background: #f9fafc; border-radius: 8px; padding: 1.2rem; border: 1px solid #e2e9f0; }
        .regime-badge { background: #ffe69b; border-radius: 20px; padding: 0.2rem 0.8rem; font-size: 0.75rem; font-weight: 600; display: inline-block; }
        .eeat-badge { background: #0a5c8c10; border: 1px solid #0a5c8c40; border-radius: 50px; padding: 0.2rem 1rem; font-size: 0.8rem; display: inline-block; margin-right: 0.5rem; }
        .testimonial { background: #ffffff; border-left: 4px solid var(--primary-color); padding: 1.2rem; border-radius: 0 8px 8px 0; margin-bottom: 1rem; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
        .author-badge { display: flex; align-items: center; gap: 10px; background: #f4f8ff; border-radius: 40px; padding: 0.4rem 1.2rem; width: fit-content; }
        .metric-chip { background: #e8edf5; border-radius: 16px; padding: 0.2rem 1rem; font-size: 0.9rem; }