/* Small-window layout only. Desktop sizing, colors and controls are unchanged. */
@media(min-width:601px) and (max-width:1199px) {
  html dialog#w360Drawer.w360-reference:not(.w360-customer-profile) {
    width:min(480px,calc(100vw - 24px));max-width:calc(100vw - 24px);
  }
}
@media(max-width:1199px) {
  html #w360Drawer.w360-reference .w360-contact-strip {
    display:grid;grid-template-columns:26px minmax(0,1fr) 30px;
    column-gap:9px;row-gap:0;
  }
  html #w360Drawer.w360-reference .w360-contact-strip>.w360-contact-icon {grid-column:1;grid-row:1 / span 2}
  html #w360Drawer.w360-reference .w360-contact-strip>strong {
    grid-column:2;grid-row:1;white-space:normal;overflow-wrap:anywhere;overflow:visible;
  }
  html #w360Drawer.w360-reference .w360-contact-strip>.w360-contact-number {
    grid-column:2;grid-row:2;max-width:none;border-left:0;padding-left:0;
    white-space:normal;overflow-wrap:anywhere;
  }
  html #w360Drawer.w360-reference .w360-contact-strip>button {grid-column:3;grid-row:1 / span 2;margin-left:0}
  html #w360Drawer.w360-reference .w360-note-summary {flex-wrap:wrap;gap:6px;align-items:center}
  html #w360Drawer.w360-reference .w360-note-line {
    flex:1 1 calc(100% - 35px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;
  }
  html #w360Drawer.w360-reference .w360-note-excerpt {
    grid-column:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    white-space:normal;overflow-wrap:anywhere;
  }
  html #w360Drawer.w360-reference .w360-note-byline {margin-right:auto}
}