/* "Nothing here yet" pages: /resources and the 404. Same tokens as everywhere. */
.notice {
  background: var(--card);
  padding-block: clamp(44px, 7vw, 96px);
  padding-inline: max(var(--pad), calc((100% - var(--content)) / 2));
}
.notice__inner {
  display: grid;
  gap: clamp(24px, 4vw, 64px);
  grid-template-columns: 1fr;
  align-items: center;
}
@media (min-width: 860px) {
  .notice__inner { grid-template-columns: minmax(0, 380px) minmax(0, 1fr); }
}
.notice__art-wrap {
  background: var(--accent-50);
  border-radius: var(--r-card);
  padding: clamp(18px, 3vw, 34px);
}
.notice__art { width: 100%; height: auto; display: block; }

.notice__label, .notice__code {
  margin: 0 0 12px;
  font-family: var(--mono);
  text-transform: uppercase; letter-spacing: .1em;
  color: var(--muted-2);
  font-size: 10.5px;
}
.notice__code {
  font-size: clamp(40px, 6vw, 68px);
  letter-spacing: -.02em; text-transform: none;
  color: var(--accent-700); line-height: 1; margin-bottom: 16px;
}
.notice__copy h1 {
  margin: 0 0 16px; max-width: 16ch;
  font-size: clamp(30px, 3.6vw, 50px);
  font-weight: 600; line-height: 1.04; letter-spacing: -.034em;
  color: var(--ink-deep);
}
.notice__copy p {
  margin: 0 0 14px; max-width: 52ch;
  font-size: 16px; line-height: 1.62; color: var(--muted);
}
.notice__act { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px !important; }

@media (max-width: 640px) { .notice__act .btn { width: 100%; justify-content: center; } }