/* Collapsible content is enabled only at the existing mobile breakpoint. */
@media (max-width:650px){
  .mobile-collapsible-header{
    position:relative;
    min-height:54px;
    padding-right:62px!important;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transition:background-color .16s ease,margin-bottom .2s ease;
  }
  .mobile-collapsible-header:active{background:#f4f6f9}
  .mobile-collapse-toggle{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    display:grid;
    place-items:center;
    width:40px;
    min-width:40px;
    height:40px;
    min-height:40px;
    padding:0;
    border:1px solid #dce3eb;
    border-radius:9px;
    background:#f8fafc;
    color:#314b67;
    box-shadow:none;
    font:700 18px/1 system-ui,sans-serif;
    z-index:2;
  }
  .mobile-collapse-toggle:hover{background:#eef3f8;border-color:#cbd6e2;transform:translateY(-50%)}
  .mobile-collapse-toggle:active{background:#e5edf5;transform:translateY(-50%) scale(.96)}
  .mobile-collapse-toggle:focus-visible{outline:3px solid rgba(156,29,43,.25);outline-offset:2px}
  .mobile-collapse-arrow{display:block;line-height:1;transform:translateY(-1px)}
  .mobile-collapse-body{
    display:grid;
    grid-template-rows:1fr;
    min-width:0;
    opacity:1;
    transition:grid-template-rows .2s ease,opacity .16s ease;
  }
  .mobile-collapse-inner{min-width:0;min-height:0;overflow:hidden}
  .mobile-collapsible.is-collapsed>.mobile-collapse-body{grid-template-rows:0fr;opacity:0}
  .mobile-collapsible.is-collapsed>.sale-section-title{margin-bottom:0}
  .mobile-synthetic-head{border-bottom:1px solid var(--line)}
  .mobile-synthetic-head h2{font-size:13px}
  .mobile-report-group{
    min-width:0;
    overflow:hidden;
    margin-bottom:22px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
  }
  .mobile-report-group>.report-section-caption{margin:0;padding:17px 18px}
  .mobile-report-group>.mobile-collapse-body>.mobile-collapse-inner{padding:0 12px 12px}
  .report-comparison>.mobile-collapse-body{width:100%}
  .report-comparison>.mobile-collapsible-header{width:100%}
  .mobile-collapsible-header>.textbtn{max-width:calc(100% - 10px)}
  .mobile-collapsible .mobile-card-wrap{max-width:100%}
  .mobile-collapsible img,.mobile-collapsible svg,.mobile-collapsible canvas{max-width:100%}
}

@media (max-width:650px) and (prefers-reduced-motion:reduce){
  .mobile-collapse-body,.mobile-collapsible-header,.mobile-collapse-toggle{transition:none!important}
}
