:root { color-scheme: light dark; }
body { max-width: 760px; margin: 0 auto; padding: 20px 18px 40px; font: 15px/1.65 system-ui, -apple-system, "맑은 고딕", sans-serif; }
header { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
h1 { margin: 0; font-size: 20px; }
h2 { margin: 28px 0 8px; font-size: 18px; border-bottom: 1px solid rgba(127,127,127,.3); padding-bottom: 4px; }
.sub { margin: 2px 0 0; color: GrayText; font-size: 13px; }
nav ol { margin: 0; padding-left: 22px; }
ol.steps > li { margin: 6px 0; }
code { padding: 1px 5px; border-radius: 4px; background: rgba(127,127,127,.16); font-size: 14px; }
.note, .warn { padding: 8px 12px; border-radius: 8px; }
.note { background: rgba(10,132,255,.12); }
.warn { background: rgba(255,159,10,.18); }
dt { margin-top: 12px; font-weight: 600; }
dd { margin: 2px 0 0 16px; }
a { color: #0A84FF; }
footer { margin-top: 32px; font-size: 13px; color: GrayText; }