.kartu-ruang { max-width: 680px; margin: 2rem auto; padding: 0 1.25rem 3rem; }
.kartu-ruang h1 { font-size: clamp(1.75rem,6vw,2.4rem); line-height: 1.2; margin: .65rem 0; color: #102A43; }
.kartu-label { color: #0B3D91; font-size: .75rem; font-weight: 700; letter-spacing: .05em; }
.kartu-panel { margin: 1.5rem 0; padding: 1.5rem; background: #fff; border: 1px solid #D9E2EC; border-radius: 20px; box-shadow: 0 8px 24px #102a4308; overflow-wrap: anywhere; }
.kartu-panel h2 { font-size: 1.25rem; line-height: 1.4; color: #102A43; margin: 0 0 1rem; }
.kartu-panel details { border-top: 1px solid #D9E2EC; margin: 1.25rem 0; padding-top: 1rem; }
.kartu-panel summary { cursor: pointer; color: #0B3D91; font-weight: 700; min-height: 44px; padding: .6rem 0; }
#kartu-jawaban { white-space: pre-wrap; line-height: 1.7; }
.kartu-panel button { min-height: 44px; padding: .75rem 1rem; border: 1px solid #0B3D91; border-radius: 12px; background: #0B3D91; color: white; font: inherit; font-weight: 600; cursor: pointer; margin: .25rem .25rem .25rem 0; }
.kartu-panel button.kartu-sekunder { color: #0B3D91; background: white; }
.kartu-panel button:disabled { opacity: .65; cursor: wait; }
.kartu-catatan { background: #FFF8E5; border-left: 3px solid #B7791F; padding: .75rem; color: #633C0B; font-size: .85rem; }
.kartu-ajakan { max-width: 680px; margin: 1rem auto; padding: 1rem 1.25rem; background: #EFF6FF; border: 1px solid #C7DDF5; border-radius: 16px; color: #102A43; }
.kartu-ajakan a { display: inline-block; color: #0B3D91; min-height: 44px; padding: .6rem 0; font-weight: 700; }
@media(max-width: 720px) { .kartu-ajakan { margin: 1rem; } .kartu-panel { padding: 1.1rem; } }

.kartu-navigasi { display: flex; flex-wrap: wrap; gap: .5rem; }
#latihan-isi { scroll-margin-top: 1rem; }
#latihan-opsi { padding: 0; border: 0; margin: 1rem 0; }
#latihan-opsi legend { font-size: .875rem; margin-bottom: .75rem; }
#latihan-opsi label { display: flex; align-items: flex-start; gap: .75rem; min-height: 44px; padding: .75rem; margin: .5rem 0; border: 1px solid #D9E2EC; border-radius: 12px; cursor: pointer; }
#latihan-opsi input { margin-top: .35rem; flex: none; }
#latihan-hasil, #latihan-ringkasan { white-space: pre-wrap; line-height: 1.6; }