.signature-page { display: grid; gap: 14px; }
.signature-review { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(285px, .9fr); gap: 14px; align-items: start; }
.signature-main,
.signature-side { display: grid; gap: 12px; min-width: 0; }
.signature-card { display: grid; gap: 13px; padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: #fff; }
.signature-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding-bottom: 11px; border-bottom: 1px solid var(--border); }
.signature-card__title { color: var(--ink-950); font-size: 14px; font-weight: 820; }
.signature-card__subtitle { margin-top: 4px; color: var(--ink-500); font-size: 10px; }
.signed-banner { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px solid #cce8d6; border-radius: 10px; color: var(--ink-700); background: #f7fcf9; }
.signed-banner__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 31px; width: 31px; height: 31px; border-radius: 9px; color: var(--clinova-green); background: var(--clinova-green-soft); }
.signed-banner strong { display: block; color: var(--ink-900); font-size: 11px; }
.signed-banner span:last-child { display: block; margin-top: 3px; color: var(--ink-600); font-size: 9px; }
.signature-declaration { padding: 11px; border: 1px solid #d5e2f8; border-radius: 9px; color: var(--ink-600); background: #f8fbff; font-size: 10px; line-height: 1.45; }
.signature-reference { display: grid; gap: 8px; padding: 11px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-muted); }
.signature-reference__row { display: flex; justify-content: space-between; gap: 10px; color: var(--ink-500); font-size: 9px; }
.signature-reference__row strong { color: var(--ink-800); text-align: right; }

.version-timeline { display: grid; gap: 0; }
.version-item { display: grid; grid-template-columns: 24px 1fr auto; gap: 9px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--ink-100); }
.version-item:last-child { border-bottom: 0; }
.version-item__dot { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; border-radius: 7px; color: var(--clinova-blue-strong); background: var(--clinova-blue-soft); font-family: var(--font-mono); font-size: 8px; font-weight: 800; }
.version-item__title { color: var(--ink-800); font-size: 10px; font-weight: 780; }
.version-item__meta { margin-top: 3px; color: var(--ink-500); font-size: 9px; }
.version-item__time { color: var(--ink-400); font-size: 8px; white-space: nowrap; }

.amendment-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.amendment-diff { display: grid; gap: 7px; padding: 10px; border-radius: 8px; }
.amendment-diff--original { border: 1px solid #f0cbd0; background: #fff7f8; }
.amendment-diff--corrected { border: 1px solid #cce8d6; background: #f7fcf9; }
.amendment-diff__label { color: var(--ink-500); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.amendment-diff__text { min-height: 70px; color: var(--ink-700); font-size: 10px; line-height: 1.4; white-space: pre-wrap; }

@media (max-width: 900px) { .signature-review { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 680px) { .amendment-grid { grid-template-columns: minmax(0, 1fr); } }