/* V62 critical mobile fixes */
#dcOptionsPanel[hidden]{display:none!important}
@media(max-width:820px){
  #pageDatecalc #dcOptionsPanel{
    position:fixed!important;inset:auto 8px 72px 8px!important;
    width:auto!important;max-width:none!important;max-height:calc(100dvh - 96px)!important;
    overflow:auto!important;transform:none!important;z-index:10020!important;
    border-radius:14px!important;visibility:visible!important;pointer-events:auto!important;
  }
  #pageDatecalc #dcOptionsPanel:not(.open){display:none!important}
  #pageDatecalc #dcOptionsPanel.open{display:block!important}
  #pageDatecalc .dc-opt-close{position:relative!important;z-index:10022!important;display:grid!important;place-items:center!important;min-width:44px!important;width:44px!important;height:44px!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}
  html.dc-options-open body{overflow:hidden}

  /* Tree of Life matrices — genuine mobile record layout. */
  #pageTreeOfLife .tol81-panels details{overflow:visible!important}
  #pageTreeOfLife .tol81-panels details>div{padding:0 .55rem .75rem!important}
  #pageTreeOfLife .tol81-table-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}
  #pageTreeOfLife .tol81-table-wrap table{display:block!important;width:100%!important;min-width:0!important;border:0!important}
  #pageTreeOfLife .tol81-table-wrap thead{display:none!important}
  #pageTreeOfLife .tol81-table-wrap tbody{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;width:100%!important}
  #pageTreeOfLife .tol81-table-wrap tr{display:block!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:.35rem .65rem!important;border:1px solid var(--border)!important;border-radius:13px!important;background:var(--bg-input)!important;overflow:hidden!important}
  #pageTreeOfLife .tol81-table-wrap td{display:grid!important;grid-template-columns:minmax(88px,34%) minmax(0,1fr)!important;align-items:start!important;gap:.65rem!important;width:100%!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid var(--border)!important;padding:.58rem .1rem!important;min-height:0!important;text-align:right!important;direction:rtl!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
  #pageTreeOfLife .tol81-table-wrap td:last-child{border-bottom:0!important}
  #pageTreeOfLife .tol81-table-wrap td::before{content:attr(data-label)!important;position:static!important;display:block!important;width:auto!important;color:var(--gold)!important;font-weight:800!important;text-align:right!important;direction:rtl!important;line-height:1.55!important}
  #pageTreeOfLife .tol81-table-wrap td>span{min-width:0!important}

  .responsive-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  .responsive-table-wrap>table{max-width:none}
  img,svg,canvas,video,iframe{max-width:100%}
  input,select,textarea,button{max-width:100%}
}