/* Penegasan garis border di semua kartu modul */
.pembelajaran-container [class*="border"] {
    border-style: solid;
}

/* Tipografi Heading */
.pembelajaran-container h1, 
.pembelajaran-container h2, 
.pembelajaran-container h3, 
.pembelajaran-container h4, 
.pembelajaran-container .font-heading {
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Keterbacaan teks konten */
.pembelajaran-container p {
    font-size: 0.95rem !important;
    line-height: 1.75 !important;
}

.pembelajaran-container .text-xs {
    font-size: 0.85rem !important;
    line-height: 1.65 !important;
}

#calcSurdStepBox {
    font-size: 0.85rem !important;
    line-height: 1.75 !important;
}

/* Format rata kanan-kiri (justify) teks soal dan pembahasan kuis */
#quizQuestionTitle {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.75 !important;
}

#quizFeedback {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.75 !important;
}

/* Penyesuaian tampilan pecahan bersusun MathJax */
mjx-container {
    display: inline-block !important;
    margin: 0 2px !important;
    vertical-align: middle !important;
}

/* Pengaturan padding tombol kuis agar pecahan bersusun tidak terpotong */
#quizOptionsList button {
    min-height: 50px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Styling spinner input number */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}

/* Container kanvas ramah mobile & smooth scroll */
#canvasZoomWrapper {
    user-select: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #334155 #0f172a;
}

#canvasZoomWrapper::-webkit-scrollbar {
    height: 4px;
}

#canvasZoomWrapper::-webkit-scrollbar-track {
    background: #0f172a;
    border-radius: 4px;
}

#canvasZoomWrapper::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}