/* Phone overview only. Existing desktop nodes, actions and prescriptions remain intact. */
@media screen and (max-width:600px) {
  html #unitDetailDialog.mobile-unit-compact .unit-detail-shell>.dialog-heading {
    padding-left:16px;
    padding-right:16px;
  }
  html #unitDetailDialog.mobile-unit-compact .unit-detail-shell>.session-overview-switcher {
    position:sticky;
    top:0;
    z-index:5;
    padding:8px 0;
    margin:0 16px 8px;
    background:var(--fliq8-surface);
  }
  html #unitDetailDialog.mobile-unit-compact .session-overview-switcher button {
    min-width:0;
    min-height:56px;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  html #unitDetailDialog.mobile-unit-compact .session-overview-switcher [data-mobile-overview-action="document"] {
    flex-grow:1.5;
    border-color:var(--fliq8-action);
    background:var(--fliq8-action);
    color:var(--fliq8-onAction);
    font-weight:700;
  }
  html #unitDetailDialog.mobile-unit-compact .session-overview-switcher [data-mobile-overview-action="document"]:hover {
    border-color:var(--fliq8-hover);
    background:var(--fliq8-hover);
    color:var(--fliq8-onHover);
  }
  html #unitDetailDialog.mobile-unit-compact .session-overview-switcher [data-mobile-overview-action="timer"] {
    background:var(--fliq8-surface);
    color:var(--fliq8-secondary);
    border-color:var(--fliq8-control);
    box-shadow:none;
    font-weight:400;
  }
  html #unitDetailDialog.mobile-unit-compact :is(.unit-detail-body,.unit-detail-meta,.session-overview-summary) {
    padding-left:16px;
    padding-right:16px;
  }
  html #unitDetailDialog.mobile-unit-compact .unit-detail-meta {
    margin-left:0;
    margin-right:0;
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-plan .planned-blocks {
    gap:0;
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-plan .planned-block {
    padding:8px 0 12px;
    border:0;
    border-bottom:1px solid var(--fliq8-divider);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-plan .planned-block-head {
    justify-content:space-between;
    border:0;
    background:transparent;
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-plan .planned-block-head>strong {
    flex:1 1 160px;
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-plan .planned-block-primary {
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    font-variant-numeric:tabular-nums;
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-plan .legacy-session-text {
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-plan .planned-exercise-guide-action {
    margin-top:8px;
    padding-top:0;
    border:0;
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-plan .mobile-unit-prescription {
    padding:0;
    margin:4px 0 8px;
    border:0;
    border-bottom:1px solid var(--fliq8-divider);
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-plan .mobile-unit-prescription>summary {
    display:list-item;
    min-height:56px;
    box-sizing:border-box;
    padding:16px 4px;
    cursor:pointer;
    font-size:.85rem;
    line-height:1.4;
    color:var(--fliq8-text);
    overflow-wrap:anywhere;
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-documentation-jump {
    min-height:56px;
    width:100%;
    margin:0 0 12px;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  html #unitDetailDialog.mobile-unit-compact .mobile-unit-details {
    scroll-margin-top:112px;
  }
  html #unitDetailDialog.mobile-unit-compact :is(.session-overview-switcher button,.mobile-unit-prescription>summary,.mobile-unit-documentation-jump):focus-visible {
    outline:3px solid var(--fliq8-focus);
    outline-offset:2px;
  }
}