/* ═══════════════════════════════════════════════════════════════
   ALPELUXE — NOTICE PAGE
   Layout for standalone announcement/letter pages (e.g. the finance
   dashboard update notice). Relies on tokens/primitives in theme.css.
   ═══════════════════════════════════════════════════════════════ */

#notice {
  padding: 90px 0 120px;
}

.notice-inner {
  max-width: 640px;
  margin: 0 auto;
}

.notice-header { margin-bottom: 44px; }
.notice-header .section-title { margin-bottom: 12px; }

.letter p {
  font-size: 16.5px;
  color: var(--text);
  line-height: 1.8;
  margin-bottom: 22px;
}
.letter p:last-child { margin-bottom: 0; }

.notice-back {
  display: inline-block;
  margin-top: 48px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--muted);
  border-bottom: 1px solid var(--border);
}
.notice-back:hover { color: var(--text); border-bottom-color: var(--text); }

@media (max-width: 640px) {
  #notice { padding: 60px 0 80px; }
}