/* =========================================================
   TABLET.CSS
   Aktif untuk layar 601px - 1024px (Tablet)
   Dimuat dengan: <link media="screen and (min-width:601px) and (max-width:1024px)">
   ========================================================= */

.container { max-width: 100%; padding: 18px; }

.navbar { padding: 14px 20px; flex-direction: row; }
.navbar .nav-links { gap: 10px; }

.grid.dashboard-grid { grid-template-columns: repeat(2, 1fr); }

.login-box { max-width: 480px; margin: 0 20px; }

.card { padding: 18px; }

.two-col { display: grid; grid-template-columns: 1fr; gap: 16px; }

table { font-size: .88rem; }
table th, table td { padding: 9px 10px; }

.soal-box { padding: 16px; }

.score-circle { width: 130px; height: 130px; font-size: 2rem; }

.exam-layout { display: block; }
.exam-nav-panel { position: static; margin-top: 16px; }
.soal-nav-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }