:root {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #171717;
  background: #f7f6f2;
  line-height: 1.6;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
.shell { width: min(44rem, calc(100% - 2rem)); margin: 0 auto; padding: clamp(5rem, 16vh, 10rem) 0 4rem; }
body > .shell { flex: 1; }
.notice { max-width: 40rem; }
h1 { font-size: clamp(1.8rem, 5vw, 3rem); line-height: 1.15; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 2rem; }
p { margin: 0 0 1.25rem; }
a { color: inherit; text-underline-offset: .18em; text-decoration-thickness: .08em; }
a:focus-visible { outline: .18rem solid currentColor; outline-offset: .25rem; }
.eyebrow { font-size: .9rem; margin-bottom: 1.25rem; }
.footer { width: min(44rem, calc(100% - 2rem)); margin: 0 auto; padding: 0 0 2rem; }
.footer nav { display: flex; gap: 1.25rem; flex-wrap: wrap; }
@media (max-width: 32rem) { .shell { padding: 2.5rem 0; } }