/* Keep the original guide articles readable beneath the shared navigation. */
.is-legacy .resource-skip { position: absolute; left: 16px; top: -100px; z-index: 1100; padding: 12px 20px; background: #fee500; font: 700 14px/1.4 'Noto Sans JP',sans-serif; }
.is-legacy .resource-skip:focus { top: 10px; }
.is-legacy main [id] { scroll-margin-top: 105px; }
.is-movie .p-movie { padding: 40px 24px 48px; gap: 0; }
.is-movie .p-movie__container { max-width: 960px; margin: 0 auto; padding: 48px; gap: 18px; }
.is-movie .p-movie__description { margin: 0; font-size: 16px; line-height: 1.7; }
.is-movie .p-movie__player { margin-top: 16px; border-radius: 20px; }
.movie-return { display: inline-flex; align-items: center; min-height: 44px; margin-top: 24px; color: #282d27; font: 700 15px/1.5 'Noto Sans JP',sans-serif; text-decoration: underline; text-underline-offset: 4px; }
.movie-return:hover { color: #6a6700; }
.movie-return:focus-visible { outline: 3px solid #282d27; outline-offset: 3px; }
.legacy-update { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: min(1080px,calc(100% - 48px)); margin: 36px auto 20px; padding: 22px 26px; border: 1px solid #e9e1bf; border-radius: 20px; background: #fff8d8; font-family: 'Noto Sans JP',sans-serif; color: #282d27; line-height: 1.7; }
.legacy-update strong { display: block; font-size: 18px; line-height: 1.5; }
.legacy-update p { margin: 7px 0 0; font-size: 14px; }
.legacy-update a { flex-shrink: 0; padding: 11px 16px; border-radius: 999px; background: #fee500; font-size: 14px; font-weight: 700; text-decoration: none; }
.legacy-update a:hover { background: #efd500; }
.legacy-update a:focus-visible,.legacy-bottom-link a:focus-visible { outline: 3px solid #282d27; outline-offset: 3px; }
.legacy-bottom-link { display: flex; flex-wrap: wrap; gap: 12px; width: min(1080px,calc(100% - 48px)); margin: 20px auto 56px; font-family: 'Noto Sans JP',sans-serif; font-size: 15px; }
.legacy-bottom-link a { display: inline-flex; min-height: 44px; align-items: center; padding: 8px 16px; border: 1px solid #dedbd2; border-radius: 999px; background: #fffdf6; font-weight: 700; text-decoration: none; }
.legacy-bottom-link a:hover { background: #fff7d6; }
.legacy-feature-note { width: min(940px,calc(100% - 48px)); margin: 12px auto 28px; padding: 13px 18px; border-left: 4px solid #fee500; background: #fffaf0; font: 500 14px/1.8 'Noto Sans JP',sans-serif; }
.legacy-premium { display: inline-block; vertical-align: middle; padding: 3px 9px; border-radius: 6px; background: #f5f0e7; font: 700 12px/1.5 'Noto Sans JP',sans-serif; }
.legacy-new-features { width: min(1080px,calc(100% - 48px)); margin: 72px auto; padding: 32px; border-radius: 24px; background: #fff8d8; font-family: 'Noto Sans JP',sans-serif; line-height: 1.7; }
.legacy-new-features__eyebrow { margin: 0 0 4px; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.legacy-new-features h2 { margin: 0 0 24px; font-size: clamp(24px,3vw,30px); font-weight: 700; }
.legacy-new-features__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.legacy-new-features article { padding: 22px; border: 1px solid #e8e5dc; border-radius: 16px; background: #fff; }
.legacy-new-features h3 { margin: 0 0 8px; font-size: 18px; font-weight: 700; }
.legacy-new-features article p { margin: 0 0 14px; font-size: 14px; }
.legacy-new-features article a { font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:850px) {
  .is-legacy main [id] { scroll-margin-top: 24px; }
}
@media(max-width:600px) {
  .is-movie .p-movie { padding: 24px 20px 32px; }
  .is-movie .p-movie__container { padding: 28px 16px; gap: 12px; border-radius: 20px; }
  .is-movie .p-movie__description { font-size: 14px; }
  .is-movie .p-movie__player { margin-top: 12px; border-radius: 14px; }
  .legacy-update { width: calc(100% - 40px); flex-direction: column; align-items: flex-start; gap: 15px; margin: 22px auto 12px; padding: 18px; }
  .legacy-update strong { font-size: 16px; }
  .legacy-update p { font-size: 13px; }
  .legacy-bottom-link { width: calc(100% - 40px); }
  .legacy-feature-note { width: calc(100% - 40px); }
  .legacy-new-features { width: calc(100% - 40px); margin: 40px auto; padding: 20px; }
  .legacy-new-features__grid { grid-template-columns: 1fr; }
}
@media(min-width:601px) and (max-width:850px) { .legacy-new-features__grid { grid-template-columns: 1fr 1fr; } }