.migration-guide { max-width: 1000px; padding-block: 3rem 5rem; }
.migration-guide__header { max-width: 760px; margin-bottom: 2rem; }
.migration-guide h1 { margin: 1rem 0; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.3; letter-spacing: -.025em; }
.migration-guide p, .migration-guide li { line-height: 1.85; }
.migration-guide__header > p { font-size: 1.08rem; }
.migration-guide__draft { padding: 1rem 1.25rem; border-left: 3px solid #a77b28; background: #faf5e8; color: #514021; margin-bottom: 2rem; }
.migration-guide__draft p { margin: .35rem 0 0; font-size: .9rem; }
.migration-guide__contents { padding: 1.2rem 0; border-block: 1px solid #e5e2dc; }
.migration-guide__contents ol { display: flex; flex-wrap: wrap; gap: .5rem 2rem; padding-left: 1.25rem; margin: 0; }
.migration-guide__section { padding-top: 3rem; scroll-margin-top: 6rem; }
.migration-guide__section h2 { font-size: clamp(1.4rem, 3vw, 1.85rem); line-height: 1.5; margin: 0 0 1rem; }
.migration-guide__section > p { max-width: 760px; }
.migration-guide__section h3 { margin-top: 2rem; font-size: 1.1rem; }
.migration-guide__figure { margin: 1.5rem 0 2rem; }
.migration-guide__image { display: block; border: 1px solid #d9ddd9; border-radius: 10px; overflow: hidden; background: #f7f8f7; box-shadow: 0 8px 24px #192a2210; cursor: zoom-in; }
.migration-guide__image img { display: block; width: 100%; height: auto; }
.migration-guide__figure figcaption { margin-top: .65rem; color: #555f59; font-size: .85rem; line-height: 1.7; }
.migration-guide__figure--form { max-width: 640px; }
.migration-guide__facts { padding-left: 1.25rem; max-width: 760px; }
.migration-guide__facts li + li { margin-top: .5rem; }
.migration-guide__footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #e5e2dc; }
.migration-guide a:focus-visible { outline: 3px solid #287159; outline-offset: 4px; }
@media (max-width: 600px) {
  .migration-guide { padding-block: 1.5rem 3rem; }
  .migration-guide__contents ol { display: block; }
  .migration-guide__contents li + li { margin-top: .45rem; }
  .migration-guide__section { padding-top: 2rem; }
  .migration-guide__image { border-radius: 6px; }
}