.page-intro { padding: 60px 0 32px; max-width: 780px; }
.page-intro > p { color: var(--muted); }
.status { display: inline-block; padding: 4px 12px; border: 1px solid #548980; border-radius: 30px; font-size: 13px; color: var(--teal); margin-bottom: 20px; }
.notice { background: #203343; border-left: 3px solid var(--teal); padding: 20px; border-radius: 0 10px 10px 0; margin-bottom: 28px; overflow-wrap: anywhere; }
.notice p:last-child { margin-bottom: 0; }
.page-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap); }
.info-panel { padding: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); scroll-margin-top: 24px; }
.info-panel p { color: var(--muted); }
.info-panel p:last-child { margin-bottom: 0; }
.info-panel a { color: var(--teal); text-decoration: underline; }
.page-links { margin-top: 32px; }
.migration { max-width: 780px; min-height: 50vh; padding-block: 64px; }
@media (max-width: 650px) {
  .page-intro { padding-top: 36px; }
  .page-sections { grid-template-columns: 1fr; }
  .info-panel { padding: 22px; }
}