:root {
  --ink: #1d2433;
  --muted: #5b6475;
  --accent: #154a38;
  --line: #e3e7ee;
  --surface: #ffffff;
  --page: #f5f7fa;
  --space: clamp(1.25rem, 1rem + 1.5vw, 2.5rem);
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #e8ebf2; --muted: #a6aec0; --accent: #8fd1b0; --line: #2c3444; --surface: #171c26; --page: #0f131a; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--page); color: var(--ink); font: 17px/1.6 "Segoe UI", system-ui, -apple-system, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: var(--space) 16px calc(var(--space) * 2); }
.eyebrow { margin: 0; color: var(--accent); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
h1 { margin: 0.3rem 0 0.2rem; font-size: clamp(2rem, 1.4rem + 2.5vw, 3rem); line-height: 1.1; letter-spacing: -0.01em; }
h2 { margin: calc(var(--space) * 1.2) 0 0.5rem; font-size: 1.25rem; }
.meta, .lead { color: var(--muted); }
.lead { font-size: 1.1rem; }
a { color: var(--accent); }
a:focus-visible, summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
table { width: 100%; border-collapse: collapse; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; font-size: 0.95rem; }
th, td { padding: 0.7rem 0.9rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
th { color: var(--muted); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.06em; }
tr:last-child td { border-bottom: 0; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 1.25rem 1.5rem; box-shadow: 0 12px 30px -24px rgba(16, 24, 40, 0.5); }
.label { margin: 0; color: var(--muted); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; }
.big { margin: 0.2rem 0 0.6rem; font-size: 1.35rem; font-weight: 600; word-break: break-word; }
details { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 0.8rem 1.1rem; margin: 0.6rem 0; }
summary { cursor: pointer; font-weight: 600; }
summary:hover { color: var(--accent); }
.back { margin-top: calc(var(--space) * 1.5); }
@media (max-width: 560px) { table, thead, tbody, tr, th, td { display: block; } thead { display: none; } td:first-child { font-weight: 600; border-bottom: 0; padding-bottom: 0; } }

.steps{padding-left:1.25rem}
.steps li{margin:.5rem 0}
.signature { margin-top: 0.5rem; color: var(--muted); font-size: 0.9rem; }