/* =========================================================
   investor-governance.css
   用途：公司治理頁（Investor_governance_01~07、031）
   作用範圍：.investor-governance-page
========================================================= */

.investor-governance-page {
  --inv-primary: #0c596f;
  --inv-accent: #19a7b8;
  --inv-text: #1a3040;
  --inv-muted: #7a94a3;
  --inv-border: #dce4ea;
  --inv-bg-light: #f5f8fa;
}

/* 9 項次選單：允許換行、較小字級 */
.investor-governance-page .subnav-tabs {
  flex-wrap: wrap;
  border-bottom: 1px solid var(--inv-border);
}

.investor-governance-page .subnav-item {
  flex: 0 0 20%;
}

.investor-governance-page .subnav-link {
  white-space: normal;
  min-height: 52px;
  padding: 10px 10px;
  font-size: 14px;
  line-height: 1.35;
  text-align: center;
}

.investor-governance-content {
  width: 100%;
  padding: 32px 36px;
  background: #ffffff;
  border: 1px solid var(--inv-border);
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(7, 41, 56, 0.05);
}

.investor-governance-content p {
  margin-bottom: 1rem;
  color: var(--inv-text);
  line-height: 1.75;
}

.investor-governance-content h5,
.investor-governance-content h6 {
  margin: 1.5rem 0 0.75rem;
  color: var(--inv-primary);
  font-weight: 700;
}

.investor-governance-content ul,
.investor-governance-content ol {
  margin-bottom: 1rem;
  padding-left: 1.25rem;
  color: var(--inv-text);
  line-height: 1.75;
}

.investor-governance-content li {
  margin-bottom: 0.35rem;
}

.investor-governance-content a {
  color: var(--inv-primary);
  font-weight: 600;
}

.investor-governance-content a:hover {
  color: var(--inv-accent);
}

.investor-governance-content .table-responsive {
  margin-bottom: 1.5rem;
}

.investor-governance-content table {
  width: 100%;
  margin-bottom: 0;
  border-collapse: collapse;
  font-size: 14px;
}

.investor-governance-content table thead th,
.investor-governance-content table thead td,
.investor-governance-content table .bg-color-main th,
.investor-governance-content table .bg-color-main td {
  color: #ffffff;
  font-weight: 700;
  vertical-align: middle;
  background: linear-gradient(135deg, var(--inv-primary), var(--inv-accent));
  border-color: rgba(255, 255, 255, 0.15);
}

.investor-governance-content table tbody td {
  color: var(--inv-text);
  vertical-align: middle;
  border-color: var(--inv-border);
}

.investor-governance-content table.table-striped tbody tr:nth-of-type(odd) {
  background: var(--inv-bg-light);
}

.investor-governance-content .download {
  color: var(--inv-primary);
}

.investor-governance-content .gov-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 1rem;
  color: var(--inv-primary);
  font-weight: 700;
  text-decoration: none;
}

.investor-governance-content .gov-back-link:hover {
  color: var(--inv-accent);
}

@media (max-width: 1199.98px) {
  .investor-governance-page .subnav-item {
    flex: 0 0 33.333%;
  }
}

@media (max-width: 767.98px) {
  .investor-governance-page .subnav-item {
    flex: 0 0 50%;
  }

  .investor-governance-content {
    padding: 24px 20px;
  }

  .investor-governance-content table {
    font-size: 13px;
  }
}

@media (max-width: 575.98px) {
  .investor-governance-page .subnav-item {
    flex: 0 0 100%;
  }
}