body{background:#f5f7fb;color:#172033}.navbar-brand{font-weight:700;letter-spacing:.2px}.page-wrap{max-width:1040px;margin:2rem auto;padding:0 1rem}.panel{background:#fff;border:1px solid #e6eaf0;border-radius:1rem;padding:1.25rem;box-shadow:0 6px 24px rgba(20,35,60,.04)}.question-card{background:#fff;border:1px solid #e5e9f0;border-radius:1rem;padding:1.25rem;margin-bottom:1rem}.choice{display:block;border:1px solid #dce2eb;border-radius:.75rem;padding:.8rem 1rem;margin:.5rem 0;cursor:pointer}.choice:has(input:checked){border-color:#0d6efd;background:#eef5ff}.timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.2rem}.muted{color:#667085}.score{font-size:3rem;font-weight:800;line-height:1.1}.result-correct{border-left:4px solid #198754}.result-wrong{border-left:4px solid #dc3545}

/* Ayo Belajar v1.3.0 visual refresh */
:root{--ab-blue:#1769c2;--ab-orange:#ffad66;--ab-ink:#17345c;--ab-glass:rgba(255,255,255,.82)}
body:not(.cms-page){background:#eaf5ff url("background.png") center center/cover fixed no-repeat;color:var(--ab-ink);min-height:100vh}
body:not(.cms-page) .navbar{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.7)!important}
body:not(.cms-page) .panel,body:not(.cms-page) .question-card{background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.8);box-shadow:0 10px 32px rgba(36,91,142,.09)}
body:not(.cms-page) h1,body:not(.cms-page) h2,body:not(.cms-page) h3{color:#153765;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.ab-brand-logo{width:36px;height:36px;object-fit:contain;margin-right:.45rem;vertical-align:middle;border-radius:9px}
.navbar-brand{display:inline-flex;align-items:center;gap:.15rem;color:#153765!important}
body:not(.cms-page) .form-control,body:not(.cms-page) .form-select{background-color:rgba(255,255,255,.9)}
body.cms-page{background:#f5f7fb;color:#172033}
body.cms-page .navbar{background:#fff!important}
body.cms-page .panel{background:#fff}
.ab-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#e8f3ff;display:inline-flex;align-items:center;justify-content:center;color:#1769c2;font-weight:700}

/* v1.3.1 polish */
body:not(.cms-page) .navbar > .container{width:100%;max-width:1040px}
#detailAvatar.ab-initial-avatar{width:88px;height:88px;flex:0 0 88px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8f9fa;color:#6c757d;font-size:2.4rem;font-weight:300;letter-spacing:0;border:1px solid #dee2e6;box-shadow:none} #detailAvatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:0!important}
#subjectEditor,#questionEditor{scroll-margin-top:1.25rem}

/* v1.3.3 minor UI polish */
.ab-search-clear .form-control{min-width:0}
.ab-search-clear .btn{min-width:2.6rem;font-size:1.25rem;line-height:1}
body:not(.cms-page) .navbar-brand{max-width:calc(100vw - 8rem);font-size:1rem}
body:not(.cms-page) .navbar-brand span{overflow-wrap:anywhere}
@media(max-width:480px){body:not(.cms-page) .navbar-brand{font-size:.88rem}.ab-brand-logo{width:32px;height:32px}}