.header-notice[hidden] { display: none; }
.header-notice { margin-top: 12px; border-top: 1px solid rgba(212, 175, 55, .3); border-bottom: 1px solid rgba(212, 175, 55, .3); background: #19180f; color: #fff; }
.header-notice__inner { display: flex; align-items: center; gap: 12px; }
.header-notice__link { display: flex; align-items: center; flex-wrap: wrap; flex: 1; gap: 10px 18px; min-width: 0; padding: 14px 0; color: inherit; text-decoration: none; }
.header-notice__badge { padding: 4px 9px; border: 1px solid rgba(212, 175, 55, .5); border-radius: 5px; color: #f4d886; font-size: .7rem; white-space: nowrap; }
.header-notice__title { font-size: .95rem; word-break: keep-all; }
.header-notice__cta { margin-left: auto; color: #f4d886; font-size: .85rem; font-weight: 600; white-space: nowrap; }
.header-notice__link:hover .header-notice__cta { text-decoration: underline; }
.header-notice__close { flex: 0 0 44px; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: #fff; font-size: 28px; cursor: pointer; }
.header-notice__close:hover { background: rgba(255,255,255,.1); }
.header-notice__link:focus-visible, .header-notice__close:focus-visible { outline: 2px solid #f4d03f; outline-offset: 2px; }
@media (max-width: 600px) {
  .header-notice__inner { padding: 0 16px; gap: 4px; }
  .header-notice__link { gap: 6px 10px; padding: 10px 0; }
  .header-notice__title { flex-basis: 100%; font-size: .85rem; order: 2; }
  .header-notice__cta { margin-left: 0; font-size: .75rem; }
  .header-notice__badge { font-size: .65rem; }
}