:root {
    color-scheme: light;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif;
    color: #24262a;
    background: #fff;
    font-synthesis: none;
}

html { scroll-behavior: smooth; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 16px; line-height: 1.85; }
.article { max-width: 880px; margin: 0 auto; padding: 32px 24px 72px; }
.language-switch { display: flex; justify-content: flex-end; gap: 18px; margin-bottom: 32px; font-size: 14px; line-height: 1.5; }
.language-switch [aria-current] { color: #777c85; }
h1 { margin: 0 0 20px; font-size: 30px; font-weight: 650; line-height: 1.4; letter-spacing: -0.02em; }
h2 { margin: 42px 0 16px; font-size: 21px; font-weight: 650; line-height: 1.55; }
h3 { margin: 28px 0 12px; font-size: 17px; font-weight: 650; line-height: 1.6; }
h2, h3 { scroll-margin-top: 24px; }
p { margin: 14px 0; }
.article-date { margin: 4px 0; color: #777c85; font-size: 14px; }
a { color: #2863b8; text-decoration: none; text-underline-offset: 3px; }
a:hover { text-decoration: underline; }
a:focus-visible, .table-scroll:focus-visible { outline: 2px solid #2863b8; outline-offset: 4px; }
.toc { margin: 30px 0 36px; padding: 20px 0; border-top: 1px solid #e8eaed; border-bottom: 1px solid #e8eaed; font-size: 15px; }
.toc-title { margin: 0 0 10px; font-weight: 600; }
.toc ol { margin: 0; padding-left: 24px; }
.toc li { padding: 3px 0; }
.toc .toc-subsections { padding-left: 18px; margin: 4px 0 6px; list-style: none; font-size: 14px; }
.table-scroll { overflow-x: auto; margin: 24px 0; }
table { width: 100%; min-width: 640px; border-collapse: collapse; table-layout: fixed; font-size: 14px; line-height: 1.7; }
th, td { padding: 12px; border: 1px solid #dfe2e6; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
th { background: #f7f8fa; font-weight: 600; }

@media (max-width: 600px) {
    .article { padding: 24px 20px 56px; }
    .language-switch { margin-bottom: 28px; }
    h1 { font-size: 26px; }
    h2 { font-size: 20px; margin-top: 34px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

@media print {
    .article { max-width: none; padding: 0; }
    .language-switch, .toc { display: none; }
    .table-scroll { overflow: visible; }
    table { min-width: 0; }
    a { color: inherit; text-decoration: underline; }
}