.notice-shell { width: min(980px, calc(100% - 96px)); margin: 0 auto; padding: 175px 0 110px; }
.notice-eyebrow { color: var(--muted); font-size: 10px; letter-spacing: .12em; }
.notice-header h1 { margin: 26px 0; font: 500 clamp(48px, 6vw, 78px)/1.04 var(--serif); letter-spacing: -.035em; }
.notice-header > p:not(.notice-eyebrow) { max-width: 630px; color: var(--muted); font-size: 15px; line-height: 1.75; }
.notice-header small { display: block; margin-top: 24px; color: var(--muted); font-size: 11px; }
.notice-status { margin-top: 40px; padding: 22px 26px; border-left: 2px solid var(--metal); background: #eceff1; }
.notice-status strong { font-size: 12px; }
.notice-status p { margin: 10px 0 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.notice-content { margin-top: 48px; }
.notice-content section { position: relative; padding: 32px 0 32px 62px; border-top: 1px solid var(--line); }
.notice-number { position: absolute; left: 0; top: 39px; color: var(--metal); font-size: 11px; }
.notice-content h2 { margin: 0 0 18px; font: 500 29px/1.3 var(--serif); }
.notice-content p { max-width: 760px; margin: 14px 0 0; color: var(--muted); font-size: 14px; line-height: 1.85; }
.notice-email { display: inline-block; margin-top: 20px; border-bottom: 1px solid currentColor; font-size: 16px; overflow-wrap: anywhere; }
.notice-return { margin-top: 30px; }
@media (max-width: 760px) {
  .notice-shell { width: calc(100% - 40px); padding: 190px 0 75px; }
  .notice-header h1 { font-size: clamp(42px, 12vw, 62px); }
  .notice-status { padding: 20px; }
  .notice-content section { padding-left: 36px; }
  .notice-content h2 { font-size: 25px; }
}