/* Shared finishing pass: desktop field rails and the new wide wordmark. */
@media (min-width: 761px) {
  .brief-field-scrollbar {
    position: absolute;
    z-index: 3;
    top: 42px;
    right: 10px;
    width: 3px;
    height: 32px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(6, 93, 253, .1);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease;
  }

  .brief-field-scrollbar i {
    display: block;
    width: 100%;
    height: var(--brief-thumb-size, 6px);
    border-radius: inherit;
    background: #065dfd;
    transform: translateY(var(--brief-thumb-offset, 0));
    transition: height 100ms ease, transform 100ms linear;
  }

  .brief-field.is-brief-scrollable .brief-field-scrollbar { opacity: .9; }
  .brief-field textarea { scrollbar-width: none; }
  .brief-field textarea::-webkit-scrollbar { width: 0; height: 0; }

  .sidebar-brand-row .sidebar-brand-full {
    width: 156px;
    max-height: 44px;
    object-fit: contain;
    object-position: left center;
  }
}

@media (max-width: 760px) {
  .m-brand {
    width: 136px;
    height: 38px;
  }

  .m-brand img {
    width: 136px;
    height: auto;
    object-fit: contain;
  }

  .m-field-scrollbar,
  .m-description-scrollbar { top: 16px; }
}