:root {
            --primary-color: #2c7da0;
            --secondary-color: #a9d6e5;
            --accent-color: #01497c;
            --light-gray: #f8f9fa;
            --border-color: #eaeaea;
            --text-color: #333;
            --text-muted: #6c757d;
            --success-color: #28a745;
            --warning-color: #ffc107;
            --math-color: #6f42c1;
            --astro-color: #e83e8c;
        } 
        .breadcrumb { background-color: transparent; }
        .math-box {
            background-color: rgba(111,66,193,0.05); border-left: 3px solid var(--math-color);
            padding: 1rem; border-radius: 0 4px 4px 0; margin: 1.5rem 0;
        }
        .astro-box {
            background-color: rgba(232,62,140,0.05); border-left: 3px solid var(--astro-color);
            padding: 1rem; border-radius: 0 4px 4px 0; margin: 1.5rem 0;
        }
        .example-btn {
            background-color: rgba(44,125,160,0.1); border: 1px solid rgba(44,125,160,0.2);
            border-radius: 4px; padding: 0.5rem 0.75rem; font-size: 0.9rem;
            color: var(--primary-color); cursor: pointer; transition: all 0.2s;
            font-family: 'Courier New', monospace; display: inline-block; margin: 0.25rem;
        }
        .example-btn:hover { background-color: rgba(44,125,160,0.2); transform: translateY(-2px); }
        .result-value {
            font-size: 2rem; font-weight: 700; color: var(--primary-color); text-align: center;
            font-family: 'Courier New', monospace;
        }
        .result-unit { font-size: 1rem; color: var(--text-muted); }
        .comparison-text { font-size: 1.1rem; margin-top: 0.5rem; font-style: italic; }
        .subsection-title { font-weight: 600; color: var(--astro-color); margin: 1.5rem 0 1rem; }
        .visualization { text-align: center; margin: 1.5rem 0; }
        .black-hole-canvas { background: #0a0f1e; border-radius: 50%; width: 200px; height: 200px; margin: 0 auto; box-shadow: 0 0 30px rgba(0,0,0,0.5); position: relative; overflow: hidden; border: 2px solid #ffcc00; }
        .event-horizon { width: 100%; height: 100%; background: radial-gradient(circle at 30% 30%, #444, #000); border-radius: 50%; }
        .accretion-disk { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 30% 30%, rgba(255,215,0,0.2) 0%, transparent 70%); }
        .caption { color: var(--text-muted); margin-top: 0.5rem; }
        .badge-theory { background-color: var(--math-color); color: white; padding: 0.2rem 0.6rem; border-radius: 20px; font-size: 0.8rem; }