* { box-sizing: border-box; }
body { margin: 0; background: #ffffff; color: #0a0a0a; font-family: 'Outfit', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #0a0a0a; }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 24px; }
.top { background: #0a0a0a; color: #ffffff; }
.top a { color: #ffffff; }
.bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 18px; padding-bottom: 18px; }
.logo { display: flex; align-items: flex-end; text-decoration: none; }
.logo .w { font-weight: 700; font-size: 32px; line-height: 1; letter-spacing: -0.045em; }
.logo .u { display: flex; flex-direction: column; align-items: center; }
.logo .dot { width: 6px; height: 6px; border-radius: 50%; background: #FFE6B0; box-shadow: 0 0 6px #FFE6B0, 0 0 12px #FFE6B0; margin-bottom: 2px; }
.back { font-size: 15px; text-decoration: none; padding: 10px 0; }
.doc { padding-top: 56px; padding-bottom: 72px; }
.eyebrow { margin: 0 0 10px; font-weight: 600; font-size: 13px; letter-spacing: 0.18em; color: #555; }
h1 { margin: 0; font-weight: 700; font-size: 3rem; line-height: 1; letter-spacing: -0.04em; }
.date { margin: 12px 0 36px; font-size: 15px; color: #555; }
h2 { margin: 40px 0 12px; font-weight: 700; font-size: 1.4rem; letter-spacing: -0.02em; }
p, li { font-size: 17px; line-height: 1.65; color: #222; }
p { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-left: 22px; }
li { margin-bottom: 6px; }
.callout { background: #f3f3f1; border-radius: 12px; padding: 18px 20px; }
.foot { background: #0a0a0a; color: #b5b5b5; font-size: 14px; }
.foot .links { display: flex; gap: 16px; }
.foot a { color: #b5b5b5; }
@media (max-width: 600px) {
  .wrap { padding: 0 20px; }
  .doc { padding-top: 36px; }
  h1 { font-size: 2.3rem; }
  .foot .bar { flex-direction: column; align-items: flex-start; }
}