body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 0;
    padding: 2rem;
    line-height: 1.5;
    max-width: 960px;
}

h1,
h2,
h3 {
    margin-top: 1.5rem;
}

code,
kbd {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background: #f5f5f5;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.95em;
}

kbd {
    border: 1px solid #ccc;
}

.note {
    border-left: 4px solid #0072ce;
    padding: 0.75rem 1rem;
    margin: 1rem 0;
    background: #f4f8fc;
}


.warning {
    border-left: 4px solid #d4351c;
    padding: 0.75rem 1rem;
    margin: 1rem 0;
    background: #fdf3f2;
}

.url-highlight {
    padding: 0.25rem 1rem;
    background: #f4f8fc;
}

ul {
    padding-left: 1.3rem;
}

header,
footer {
    margin-bottom: 2rem;
}

footer {
    margin-top: 3rem;
    font-size: 0.9rem;
    color: #555;
}

a {
    color: #0053a6;
}

body {
    counter-reset: section;
}

h2::before {
    counter-increment: section;
    content: counter(section) ". ";
}

h3 {
    counter-increment: subsection;
}
h3::before {
    content: counter(section) "." counter(subsection) " ";
    margin-right: 0.3em;
    font-weight: 400;
}