.qc-templates-intro { max-width: 760px; margin-bottom: 28px; }
.qc-templates-intro > .text-link { display: inline-block; margin-bottom: 24px; }
.settings-page .qc-templates-intro h2 { margin-bottom: 12px; }
.qc-templates-intro p { font-size: var(--text-ui); line-height: 1.65; margin-bottom: 12px; }
.qc-templates-release-note { border-left: 2px solid var(--accent-line); padding-left: 14px; color: var(--muted); }
.qc-template-card { border-bottom: 1px solid var(--line); scroll-margin-top: 24px; }
.qc-template-card > summary { display: flex; align-items: center; gap: 16px; min-height: 64px; cursor: pointer; list-style: none; font-size: var(--text-ui); }
.qc-template-card > summary::-webkit-details-marker { display: none; }
.qc-template-card > summary::after { content: "+"; margin-left: auto; color: var(--muted); font-size: 22px; }
.qc-template-card[open] > summary::after { content: "−"; }
.qc-template-card > summary .settings-record-title strong { font-weight: 500; }
.qc-template-card > summary .settings-record-title small { display: block; margin-top: 4px; color: var(--muted); font-size: var(--text-dense); }
.qc-template-card > summary:has(.settings-record-meta)::after { margin-left: 0; }
.qc-template-form { padding: 16px 0 24px; }
.qc-template-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }
.qc-template-check { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: end; gap: 20px; margin-bottom: 16px; }
.qc-template-check > .text-link { min-height: 44px; border: 0; background: none; cursor: pointer; }
.qc-template-required { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: var(--text-ui); }
.qc-template-required input { width: 16px; height: 16px; accent-color: var(--accent); }
.qc-template-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.qc-template-remove { min-height: 44px; border: 0; background: none; color: var(--red); cursor: pointer; margin-bottom: 16px; }
.qc-template-new { margin-top: 24px; }
.qc-settings-link { max-width: 976px; border-top: 1px solid var(--line); padding-top: 28px; margin-top: 32px; }
.qc-settings-link .field-hint { max-width: 65ch; margin-bottom: 12px; }
@media (max-width: 600px) {
  .qc-template-fields { grid-template-columns: 1fr; }
  .qc-template-check { grid-template-columns: 1fr auto; gap: 0 16px; }
  .qc-template-check .form-field { grid-column: 1 / -1; }
  .qc-template-card > summary { flex-wrap: wrap; gap: 8px; }
  .qc-template-card > summary .settings-record-title { flex: 1; }
  .qc-template-card > summary .settings-record-meta { order: 3; flex-basis: 100%; margin-left: 0; }
}