/* ── 無障礙說明頁 */
.a11y-section { padding: 3rem 0 4rem; }
.page-heading {
  font-size: 1.6rem; font-weight: 700; color: var(--c-text);
  margin: 0 0 2rem; padding-bottom: .75rem;
  border-bottom: 3px solid var(--c-secondary-lt);
}

/* ── 說明卡片 */
.a11y-card {
  background: var(--c-white); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm); padding: 1.75rem 2rem;
  margin-bottom: 1.5rem; border: 1px solid var(--c-border);
}
.a11y-card h2 {
  font-size: 1.1rem; font-weight: 700; color: var(--c-primary);
  margin: 0 0 1rem; display: flex; align-items: center; gap: .5rem;
}
.a11y-card h2 i { font-size: 1rem; }
.a11y-card p { margin: 0 0 .75rem; color: var(--c-text); }
.a11y-card p:last-child { margin-bottom: 0; }

/* ── 快速鍵表格 */
.accesskey-table {
  width: 100%; border-collapse: separate; border-spacing: 0; font-size: .9375rem; margin-top: .5rem;
}
.accesskey-table thead th {
  background: var(--c-accent); color: var(--c-text);
  font-weight: 700; padding: .6rem 1rem; font-size: .875rem;
  border-bottom: 2px solid var(--c-border);
}
.accesskey-table thead th:first-child { border-radius: var(--radius-sm) 0 0 0; }
.accesskey-table thead th:last-child  { border-radius: 0 var(--radius-sm) 0 0; }
.accesskey-table tbody td {
  padding: .65rem 1rem; border-bottom: 1px solid var(--c-border); vertical-align: middle;
}
.accesskey-table tbody tr:last-child td { border-bottom: none; }
.accesskey-table tbody tr:hover td { background: #f9fbfa; }

.kbd-tag {
  display: inline-flex; align-items: center;
  background: var(--c-accent); color: var(--c-primary);
  border: 1px solid var(--c-border); border-radius: 4px;
  padding: .1rem .45rem; font-size: .85rem; font-weight: 700;
  font-family: monospace; white-space: nowrap;
}

/* ── 區塊說明清單 */
.zone-list { list-style: none; padding: 0; margin: .5rem 0 0; counter-reset: zone; }
.zone-list li {
  counter-increment: zone; display: flex; align-items: flex-start; gap: .75rem;
  padding: .6rem 0; border-bottom: 1px solid var(--c-border);
}
.zone-list li:last-child { border-bottom: none; }
.zone-num {
  flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%;
  background: var(--c-primary); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: .8rem; font-weight: 700; margin-top: .1rem;
}
.zone-text strong { color: var(--c-text); display: block; font-weight: 700; }
.zone-text span { font-size: .9rem; color: var(--c-muted); }

/* ── 標章區 */
.a11y-badge-wrap {
  display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;
  padding: 1.25rem 1.5rem;
  background: linear-gradient(135deg, rgba(59,93,80,.06), rgba(59,93,80,.02));
  border-radius: var(--radius-md); border: 1px solid var(--c-border);
}
.a11y-badge-wrap img { width: 88px; height: auto; }
.a11y-badge-text { font-size: .9rem; color: var(--c-muted); line-height: 1.7; }
.a11y-badge-text strong { color: var(--c-text); display: block; margin-bottom: .25rem; font-size: 1rem; }