/* CMHC Premium – engagement UI additions */

/* Span an input across the full grid row */
.fullRow{ grid-column: 1 / -1; }

/* Province dropdown: full width */
#cpProvinceDD{ width: 100%; }
#cpProvinceDD .ddBtn{ width: 100%; justify-content: space-between; }

/* Make mini tables scroll on small screens */
.tableBox{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Taller charts on mobile */
canvas{ width: 100%; }
@media (max-width: 620px) {
  #cpChartMatrix,
  #cpChartInterestYears{
    height: 260px !important;
  }

  .sameRow { grid-template-columns: 1fr; }
}

.accordion{
  margin-top: 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,0.08);
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,0.05);
  overflow: hidden;
}
.accordion > summary{
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 650;
  list-style: none;
}
.accordion > summary::-webkit-details-marker { display:none; }
.accordionBody{
  padding: 0 14px 14px 14px;
  opacity: 0.9;
}