/**
 * Jakarta Islamic School
 * Auto-separated stylesheet for: public/students/asesmen_hots_kelas6.php
 */

:root { --primary-color: #0284c7; --primary-dark: #0369a1; --bg-body: #f0f9ff; --text-dark: #0f172a; }
        body { font-family: 'Poppins', sans-serif; background: var(--bg-body); color: var(--text-dark); min-height: 100vh; }
        .content-card { background: #ffffff; border: 1px solid #e0f2fe; border-radius: 1.25rem; box-shadow: 0 10px 30px -5px rgba(2, 132, 199, 0.08); }
        .explanation-box { background: #f0fdf4; border-left: 4px solid #16a34a; border-radius: 0.5rem; padding: 1rem; font-size: 0.85rem; line-height: 1.7; display: none; margin-top: 15px; }
        .btn-custom-action { background-color: var(--primary-color); color: white; border: none; font-weight: 600; }
        .btn-custom-action:hover { background-color: var(--primary-dark); color: white; }
        
        /* Gaya Pecahan Vertikal */
        .frac { display: inline-block; text-align: center; vertical-align: middle; margin: 0 0.2em; font-size: 0.95em; }
        .frac > span { display: block; padding: 0 0.1em; }
        .frac span.bottom { border-top: 1px solid currentColor; }
        .frac span.symbol { display: none; }