.migration-notice {
  max-width: 980px;
  margin: 44px auto 64px;
  padding: clamp(24px, 5vw, 56px);
  background: #fff;
  color: var(--ink, #17222e);
  border: 1px solid var(--line, #dfe5e8);
  border-top: 6px solid var(--orange, #fd690d);
  border-radius: 16px;
}
.migration-notice .migration-notice-eyebrow {
  color: #9b3d00;
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.migration-notice h1 {
  font-size: clamp(1.9rem, 4vw, 3rem);
  line-height: 1.12;
  letter-spacing: -.035em;
  margin: 16px 0;
}
.migration-notice p {line-height: 1.65;}
.migration-notice .migration-notice-intro {color: var(--muted, #66717d); font-size: 1.12rem;}
.migration-notice-actions {display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 36px;}
.migration-notice-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 750;
  text-decoration: none;
  border: 1px solid #1a407c;
}
.migration-notice-primary {background: #1a407c; color: white;}
.migration-notice-secondary {background: white; color: #1a407c;}
.migration-notice-actions a:hover {box-shadow: 0 3px 12px #1a407c24;}
.migration-notice :is(a,summary):focus-visible {outline: 3px solid #0874d1; outline-offset: 4px;}
.migration-notice-help {padding: 24px; border-left: 4px solid #45a846; background: #f2f8f3; border-radius: 8px;}
.migration-notice-help h2 {font-size: 1.15rem; margin: 0;}
.migration-notice-help strong {display: block; line-height: 1.6;}
.migration-notice-details {margin-top: 28px; padding-top: 24px; border-top: 1px solid #dfe5e8;}
.migration-notice-details summary {cursor: pointer; font-weight: 750; line-height: 1.5;}
/* The notice has a Contact link; floating helpers must not cover it on phones. */
body:has(.migration-notice) :is(#openStoreChat, #productGuideLauncher) {display: none;}
@media (max-width: 600px) {
  .migration-notice {margin: 22px 12px 36px; padding: 24px 20px;}
  .migration-notice-actions {flex-direction: column;}
  .migration-notice-actions a {width: 100%; box-sizing: border-box;}
  .migration-notice-help {padding: 18px;}
}