/* UJIVA R51 — participant reading efficiency and long-answer layout */
html{scroll-behavior:auto!important}
body{overscroll-behavior-y:auto!important}
@media(max-width:800px){
  .androidHeader{box-shadow:0 2px 10px rgba(9,36,75,.14)!important}
  .card,.exam>.card:first-child{box-shadow:none!important}
  .question{margin:12px 0 14px!important;font-size:18px!important;line-height:1.48!important}
  .opts{gap:10px!important}
  /* Long options: letter on top, answer uses full card width. */
  .opt{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:8px!important;
    align-items:start!important;
    min-height:0!important;
    padding:12px 13px 13px!important;
    border-radius:16px!important;
    box-shadow:none!important;
    text-align:left!important;
  }
  .opt .letter{
    grid-column:1!important;grid-row:1!important;
    width:38px!important;height:34px!important;min-width:38px!important;
    border-radius:10px!important;font-size:16px!important;
    justify-self:start!important;
  }
  .opt>span:not(.letter):not(.multiHint),.opt>.optionBody{
    grid-column:1!important;grid-row:2!important;
    width:100%!important;min-width:0!important;
    display:block!important;
    font-size:15.5px!important;line-height:1.55!important;
    overflow-wrap:anywhere!important;word-break:normal!important;
  }
  .opt>.optionBody{display:grid!important;gap:8px!important}
  .opt .optionText{display:block!important;width:100%!important;line-height:1.55!important}
  .opt .optionImage{width:auto!important;max-width:100%!important;max-height:230px!important;margin:0 auto!important;padding:4px!important}
  .multiHint{grid-column:1!important;grid-row:3!important;margin:0!important;padding-top:2px!important;font-size:11px!important;line-height:1.35!important}
  .opt.selected{box-shadow:inset 0 0 0 1px rgba(77,62,230,.12)!important}
  .stimulusShell{border-radius:17px!important}
  .stimulusHead{padding:11px 12px!important}.stimulusContent{padding:12px!important}
  .case{font-size:14.5px!important;line-height:1.62!important}
  .questionMedia img{max-height:none!important;width:100%!important;object-fit:contain!important}
  .nav{margin-top:14px!important;padding-top:13px!important}
}
@media(max-width:380px){
  .opt{padding:11px 12px!important}.opt>span:not(.letter):not(.multiHint),.opt>.optionBody{font-size:15px!important}
}
/* R51 performance: avoid expensive glass effects and paint work on long feeds. */
@media(max-width:900px){
  .r48BottomNav{backdrop-filter:none!important;background:#fff!important;box-shadow:0 -3px 14px rgba(17,36,62,.07)!important}
  .modal{backdrop-filter:none!important}
  .pkgPublic,.review,.attempt,.bp,.cluster{content-visibility:auto;contain-intrinsic-size:auto 120px}
  .sidebar{backdrop-filter:none!important}
}
html,body,.wrap,#exam,.exam,.card,.stimulusShell,.opts,.opt{max-width:100%!important}
html,body{overflow-x:hidden!important}