/* Idea 1 "Số lớn phía trên" — major report sections collapse.
   Large light section number above each major heading; the heading itself is
   the expand/collapse button with an inline chevron. Collapsing hides only the
   section body (screen media only); the open state keeps the report's normal
   presentation, and print always shows every body. */

.disctm-section-collapse-num.typography-headline-elevated {
  display: block;
  font-weight: var(--disctm-font-weight-light, 300);
  color: var(--disctm-color-ios-system-gray-5-default-light, rgb(229, 229, 234));
  margin: 0 0 4px;
}

.disctm-section-collapse-toggle {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 44px;
  min-width: 44px;
  margin: -6px 0 -6px -8px;
  padding: 6px 8px;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: left;
  text-transform: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  border-radius: var(--disctm-touch-radius-row,12px);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: text;
  user-select: text;
}

/* The shared button rules use blue fills and white text for interaction
   states. This disclosure is visually part of the heading, so keep its
   surface transparent and inherit the heading color in every state. */
.disctm-report-contents .disctm-section-collapse-toggle,
.disctm-report-contents .disctm-section-collapse-toggle:hover,
.disctm-report-contents .disctm-section-collapse-toggle:focus,
.disctm-report-contents .disctm-section-collapse-toggle:active {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: inherit;
  text-decoration: none;
}

/* Neutral press feedback matches the resting heading palette. */
.disctm-report-contents .disctm-section-collapse-toggle:active,
.disctm-report-contents .disctm-section-collapse-toggle:active .disctm-section-collapse-chev {
  color: inherit;
}

.disctm-report-contents .disctm-section-collapse-toggle:focus {
  outline: none;
}

html[data-a-disc-input-modality="keyboard"] .disctm-report-contents .disctm-section-collapse-toggle:focus {
  outline: 2px solid var(--disctm-color-primary-text, #1d1d1f);
  outline-offset: 2px;
}

.disctm-section-collapse-label {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
  -webkit-user-select: text;
  user-select: text;
}

.disctm-section-collapse-chev {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-inline-start: .38em;
  position: relative;
  top: calc(5.076936px - .5ex);
  vertical-align: middle;
  color: var(--disctm-color-ios-system-gray-5-default-light, rgb(229, 229, 234));
  background-color: currentColor;
  -webkit-mask: url('../svg/chevron.down.svg') center / 18px auto no-repeat;
  mask: url('../svg/chevron.down.svg') center / 18px auto no-repeat;
  transform: rotate(180deg);
  transition: transform .32s cubic-bezier(.32, .72, 0, 1), color .15s ease;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

@media (hover: hover) and (pointer: fine) {
  .disctm-section-collapse-toggle:hover .disctm-section-collapse-chev {
    color: inherit;
  }
}

section.disctm-report-section[data-disctm-section-collapsed="true"] .disctm-section-collapse-chev {
  transform: none;
}

@media screen {
  section.disctm-report-section[data-disctm-section-collapsed="true"] > :not(.disctm-section-collapse-num):not(.disctm-report-heading--major) {
    display: none !important;
  }

  section.disctm-report-section[data-disctm-section-collapsed="true"] > .disctm-report-heading--major {
    color: var(--disctm-color-gray-secondary-text, #6e6e73);
  }
}

@media screen and (hover: hover) and (pointer: fine) {
  section.disctm-report-section[data-disctm-section-collapsed="true"] > .disctm-report-heading--major:hover {
    color: var(--disctm-color-primary-text, #1d1d1f);
  }
}

@media (prefers-reduced-motion: reduce) {
  .disctm-section-collapse-chev,
  .disctm-section-collapse-toggle {
    transition: none !important;
  }
}

@media print {
  .disctm-section-collapse-num,
  .disctm-section-collapse-chev {
    display: none !important;
  }

  .disctm-section-collapse-toggle {
    display: inline;
    margin: 0;
    padding: 0;
    min-height: 0;
    min-width: 0;
    gap: 0;
    border-radius: 0;
  }
}