/* Documentation reading layout, using the shared API reference shell. */
.doc-migration { color: var(--color-ink-soft); line-height: 1.8; overflow-wrap: anywhere; }
.doc-migration h1 { max-width: 24ch; color: var(--color-ink); font-size: clamp(2rem, 2.4vw + 1rem, 3rem); font-weight: 600; letter-spacing: -.04em; line-height: 1.15; margin-block: var(--space-lg); }
.doc-migration h2 { color: var(--color-ink); font-size: var(--text-xl); line-height: 1.3; margin-block: var(--space-xl) var(--space-md); padding-block-start: var(--space-lg); border-block-start: 1px solid var(--color-rule); scroll-margin-block-start: 0; }
.doc-migration p, .doc-migration ul, .doc-migration ol { max-width: 75ch; margin: 0 0 var(--space-lg); }
.doc-migration ul, .doc-migration ol { padding-inline-start: var(--space-lg); }
.doc-migration ul { list-style: disc; }
.doc-migration ol { list-style: decimal; }
.doc-migration li + li { margin-block-start: var(--space-xs); }
.doc-migration a { color: var(--color-accent); text-decoration: underline; text-underline-offset: .2em; }
.doc-migration table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; margin: var(--space-lg) 0; font-size: var(--text-sm); border: 1px solid var(--color-rule); border-radius: var(--radius-sm); }
.doc-migration th, .doc-migration td { padding: var(--space-sm) var(--space-md); border-block-end: 1px solid var(--color-rule); text-align: start; vertical-align: top; min-width: 9rem; }
.doc-migration th { background: var(--color-paper); color: var(--color-ink); font-size: var(--text-xs); font-weight: 600; }
.doc-migration pre { overflow: auto; padding: var(--space-lg); background: var(--docs-code-bg); color: var(--docs-code-text); border-radius: var(--radius-sm); margin: var(--space-lg) 0; font: .8125rem/1.8 var(--font-mono); direction: ltr; text-align: left; }
.doc-migration pre code { font-size: 1em; }
.doc-download { display: inline-flex; gap: var(--space-sm); align-items: center; padding: var(--space-xs) var(--space-sm); border: 1px solid var(--color-rule); border-radius: var(--radius-sm); font-size: var(--text-xs); color: var(--color-accent); }
.doc-download:hover { border-color: var(--color-accent); }

.doc-migration td:last-child { min-width: 16rem; }