/* ==========================================================================
   Heading Structure Checker — UI v2 (3 separate tables + adaptive)
   Unique classes: hsc-*
   ========================================================================== */

/* Results list table */
.hsc-list-wrap{
  border-radius: 16px;
  overflow: auto; /* horizontal scroll if needed */
}

.hsc-list-table th,
.hsc-list-table td{
  padding: 10px 12px;
  vertical-align: top;
}

.hsc-urlline a{
  text-decoration: none;
}
.hsc-urlline a:hover{
  text-decoration: underline;
}

.hsc-issuesline{
  margin-top: 8px;
  font-size: 12px;
  opacity: .75;
  line-height: 1.35;
}

/* compact counts cell */
.hsc-counts{
  white-space: nowrap;
  font-size: 12px;
  opacity: .92;
}

/* row selection */
.hsc-row{
  cursor: pointer;
}
.hsc-row.is-selected{
  outline: 2px solid rgba(255,255,255,.10);
  outline-offset: -2px;
  background: rgba(255,255,255,.03);
}

/* Details area */
.hsc-details .hsc-selected-url{
  margin-top: 4px;
  word-break: break-word;
}
.hsc-details .hsc-selected-url a{
  text-decoration: none;
}
.hsc-details .hsc-selected-url a:hover{
  text-decoration: underline;
}

.hsc-block{
  margin-top: 12px;
}

.hsc-block-title{
  font-weight: 700;
  letter-spacing: .2px;
  margin: 8px 0;
}

/* Overview table (TABLE #2) */
.hsc-overview-wrap{
  border-radius: 14px;
  overflow: auto; /* allow horizontal */
}
.hsc-overview-table th,
.hsc-overview-table td{
  text-align: center;
  padding: 10px 10px;
  white-space: nowrap;
}

/* Full table (TABLE #3) */
.hsc-full-wrap{
  border-radius: 14px;
  overflow: auto; /* allow scroll */
  max-height: 420px; /* keep panel usable */
}

.hsc-full-table th,
.hsc-full-table td{
  padding: 10px 12px;
  vertical-align: top;
}

.hsc-level{
  white-space: nowrap;
  opacity: .9;
}

.hsc-items{
  line-height: 1.55;
}

.hsc-item{
  padding: 3px 0;
  word-break: break-word;
}

/* Better mobile behavior: stack + avoid cramped tables */
@media (max-width: 767px){
  .hsc-full-wrap{
    max-height: 320px;
  }
  .hsc-issuesline{
    font-size: 11px;
  }
}

/* Tablet: make sure tables remain scrollable */
@media (min-width: 768px) and (max-width: 1099px){
  .hsc-full-wrap{
    max-height: 380px;
  }
}