main#content { max-width: 980px; margin: 0 auto; padding: 0 1rem 2rem; }
.wrapper { border: 1px dashed var(--bordercl); border-radius: 8px; padding: .9rem 1rem; margin: .9rem 0; }
.wrapper > label { display:block; font-weight:700; margin-bottom:.4rem; color: var(--maincolor); }
.table-scroll { overflow: auto; -webkit-overflow-scrolling: touch; }
table { width:100%; border-collapse: collapse; }
th, td { border:1px solid var(--bordercl); padding:.5rem .6rem; vertical-align: top; }
thead th { position: sticky; top: 0; background: #ffffff00; }
.compact ul { margin:.2rem 0 .6rem; padding-left:1rem; }
.compact li { margin:.12rem 0; }
.note { color:#666; font-size: .92rem; }


#menudes, #menumob { display:flex; gap:.25rem; flex-wrap:wrap; }
#menudes>li{ width:auto; border-right:none; }
#menudes a, #menumob a { padding:.35rem .6rem; border:1px solid var(--bordercl); border-radius:6px; display:inline-block; }
#menumob a { margin:.25rem 0; }
.nav-active { background:#f5f5f5; color:#000 !important; }


.site-search { display:flex; align-items:center; gap:.4rem; }
.site-search input[type="search"]{ padding:.35rem .6rem; border:1px solid var(--bordercl); border-radius:6px; width: 14rem; max-width: 55vw; }
.site-search button{ padding:.35rem .6rem; border:1px solid var(--bordercl); border-radius:6px; background:#fff; }


@media (max-width: 783px){
  html{ font-size: 15.5px; }
  thead th { position: static; }
  .site-search input[type="search"]{ width: 55vw; }
}

@media print{
  header, .single-description, .footer-icons, .footer-info { display:none !important; }
  .wrapper{ break-inside: avoid; }
  h1, h2 { page-break-after: avoid; }
}

.media-cards {
  list-style: none;
  margin: .2rem 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: .9rem;
}

.media-card {
  border: 1px dashed var(--bordercl);
  border-radius: 10px;
  padding: .9rem 1rem;
  background: #ffffff00;
}

.media-card h3 {
  margin: 0 0 .5rem;
  font-size: 1.05rem;
}

.media-card dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .25rem .8rem;
  margin: 0;
}

.media-card dt {
  font-weight: 600;
  color: var(--maincolor);
}

.media-card dd {
  margin: 0;
}

@media (min-width: 640px) {
  .media-cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

#classification-table td { word-break: break-word; }

@media (max-width: 640px){
  #classification-table thead { display: none; }
  #classification-table tbody tr{
    display: block;
    border: 1px solid var(--bordercl);
    border-radius: 8px;
    padding: .6rem .7rem;
    margin: .6rem 0;
    background: #ffffff00;
  }
  #classification-table tbody tr + tr { margin-top: .7rem; }

  #classification-table td{
    display: grid;
    grid-template-columns: minmax(8.5rem, 40%) 1fr;
    gap: .25rem .75rem;
    border: 0;         
    border-bottom: 1px dashed var(--bordercl);
    padding: .35rem 0;
  }
  #classification-table td:last-child{ border-bottom: 0; }

  #classification-table td::before{
    content: attr(data-th);
    font-weight: 600;
    color: var(--maincolor);
  }
}

.sr-only {
  position:absolute !important;
  width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

details.refs {
  margin-top: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: #fafafa;
  font-size: 0.85rem; 
  line-height: 1.4;
}

details.refs summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}

details.refs[open] {
  background: #f6f6f6;
}

details.refs ul {
  margin: 0.5rem 0 0 1rem;
  padding-inline-start: 1rem; 
}

details.refs li + li {
  margin-top: 0.25rem;
}


details.refs li {
  word-break: break-word;
  white-space: normal;
}


@media (max-width: 600px) {
  details.refs {
    font-size: 0.8rem; 
  }
  details.refs li {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
  }
  details.refs a {
    word-break: break-all;
  }
}