:root {
  --safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));
  --safe-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  color: #171715;
  background: #f5f4ef;
}
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100% - 36px, 720px); margin: 0 auto; padding: max(32px, var(--safe-top)) 0 max(56px, var(--safe-bottom)); }
a { color: inherit; }
.brand { min-height: 44px; display: inline-flex; align-items: center; font-size: 24px; font-weight: 950; letter-spacing: -.07em; text-decoration: none; }
.updated { margin-top: 26px; color: #66645f; font-size: 13px; }
h1 { margin: 8px 0 28px; font-size: clamp(31px, 8vw, 44px); line-height: 1.13; letter-spacing: -.055em; }
h2 { margin: 32px 0 10px; font-size: 20px; letter-spacing: -.025em; }
h3 { margin: 20px 0 8px; font-size: 16px; }
p, li { font-size: 14px; line-height: 1.72; }
p { margin: 0 0 10px; }
ul, ol { margin: 8px 0; padding-left: 22px; }
.summary { padding: 18px; border-radius: 16px; background: #fff; border: 1px solid rgba(17,17,15,.13); }
.links { margin-top: 38px; padding-top: 18px; border-top: 1px solid rgba(17,17,15,.14); display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; font-weight: 750; }
.links a { min-height: 44px; display: inline-flex; align-items: center; }
table { width: 100%; table-layout: fixed; border-collapse: collapse; background: #fff; font-size: 13px; }
th, td { padding: 12px; border: 1px solid rgba(17,17,15,.14); text-align: left; vertical-align: top; line-height: 1.55; word-break: keep-all; overflow-wrap: anywhere; }
th { background: #eceae3; }
th:first-child, td:first-child { width: 40%; }
@media (max-width: 520px) { main { width: min(100% - 32px, 720px); } th, td { padding: 10px; font-size: 12px; } }