.home-account-notice {
  width: min(1280px, calc(100% - 96px)); margin: 24px auto 12px;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 22px 26px; color: #fff9ed; background: #284f45;
  border: 1px solid #183e34; border-radius: 12px;
}
.home-account-notice h2 { margin: 0 0 7px; font-size: clamp(20px, 2vw, 26px); line-height: 1.3; }
.home-account-notice p { margin: 0; line-height: 1.6; font-size: 15px; }
.home-page .home-account-notice a {
  flex-shrink: 0; max-width: 100%; padding: 13px 20px; border-radius: 7px;
  color: #213e35; background: #fff7e8; text-decoration: none; font-weight: 800; text-align: center;
}
.home-account-notice a:hover { background: #ffffff; }
@media (max-width: 700px) {
  .home-account-notice { width: calc(100% - 32px); flex-direction: column; align-items: stretch; gap: 16px; padding: 20px; }
}