.qc-templates-intro { max-width: 760px; margin-bottom: var(--space-6); }
.qc-templates-intro > .text-link { display: inline-block; margin-bottom: var(--space-6); }
.settings-page .qc-templates-intro h2 { margin-bottom: var(--space-3); }
.qc-templates-intro p { font-size: var(--text-ui); line-height: var(--line-body); margin-bottom: var(--space-3); }
.qc-templates-release-note { border-left: 2px solid var(--accent-line); padding-left: var(--space-4); color: var(--muted); }
.qc-template-card { border-bottom: 1px solid var(--line); scroll-margin-top: var(--space-6); }
.qc-template-card > summary { display: flex; align-items: center; gap: var(--space-4); min-height: var(--row-height); 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: var(--text-ui); }
.qc-template-card[open] > summary::after { content: "−"; }
.qc-template-card > summary .settings-record-title strong { font-weight: 400; }
.qc-template-card > summary .settings-record-title small { display: block; margin-top: var(--space-1); color: var(--muted); font-size: var(--text-dense); }
.qc-template-card > summary:has(.settings-record-meta)::after { margin-left: 0; }
.qc-template-form { padding: var(--space-4) 0 var(--space-6); }
.qc-template-fields { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); margin-bottom: var(--space-6); }
.qc-template-check { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: end; gap: var(--space-4); margin-bottom: var(--space-4); }
.qc-template-check > .text-link { min-height: var(--control-height); border: 0; background: none; cursor: pointer; }
.qc-template-required { display: flex; align-items: center; gap: var(--space-2); min-height: var(--control-height); font-size: var(--text-ui); }
.qc-template-required input { width: 16px; height: 16px; accent-color: var(--ink); }
.qc-template-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); }
.qc-template-remove { margin-bottom: var(--space-4); }
.qc-template-new { margin-top: var(--space-6); }
.qc-settings-link { max-width: 976px; border-top: 1px solid var(--line); padding-top: var(--space-6); margin-top: var(--space-8); }
.qc-settings-link .field-hint { max-width: 65ch; margin-bottom: var(--space-3); }
@media (max-width: 600px) {
  .qc-template-fields { grid-template-columns: 1fr; }
  .qc-template-check { grid-template-columns: 1fr auto; gap: 0 var(--space-4); }
  .qc-template-check .form-field { grid-column: 1 / -1; }
  .qc-template-card > summary { flex-wrap: wrap; gap: var(--space-2); }
  .qc-template-card > summary .settings-record-title { flex: 1; }
  .qc-template-card > summary .settings-record-meta { order: 3; flex-basis: 100%; margin-left: 0; }
}