/* ==========================================================================
   legal.html 專屬樣式
   ========================================================================== */

.legal-toc { padding: 48px 0 0; }
.legal-toc-nav {
  display: flex; flex-wrap: wrap; gap: 28px;
  padding-bottom: 28px; border-bottom: 1px solid var(--hairline);
  margin-bottom: 28px;
}
.legal-toc-nav a { font-size: 0.9375rem; color: var(--bronze-txt); border-bottom: 1px solid transparent; }
.legal-toc-nav a:hover { border-color: var(--bronze-txt); }

.legal-section { padding: 56px 0; border-top: 1px solid var(--hairline); }
.legal-section:first-of-type { border-top: 0; }
.legal-subhead { margin: 32px 0 16px; font-size: 1.0625rem; }
.legal-subhead:first-of-type { margin-top: 0; }

.legal-chapters { list-style: none; margin: 0; padding: 0; counter-reset: legal; max-width: 72ch; }
.legal-chapters li {
  counter-increment: legal;
  padding: 20px 0 20px 44px;
  position: relative;
  border-top: 1px solid var(--hairline-soft);
}
.legal-chapters li::before {
  content: counter(legal, decimal-leading-zero);
  position: absolute; left: 0; top: 20px;
  font-family: "Noto Sans TC Light", sans-serif;
  color: var(--bronze);
  font-size: 0.9375rem;
}
.legal-chapters h3 { font-size: 1rem; margin-bottom: 6px; }
.legal-chapters p { color: var(--stone); font-size: 0.9375rem; line-height: 1.7; }

.legal-pending { columns: 2; column-gap: var(--gap); list-style: none; margin: 0; padding: 0; max-width: 60ch; }
.legal-pending li {
  font-size: 0.9375rem; color: var(--mist);
  padding: 10px 0; border-top: 1px solid var(--hairline-soft);
  break-inside: avoid;
}

@media (max-width: 640px) {
  .legal-pending { columns: 1; }
  .legal-chapters li { padding-left: 38px; }
}