:root { --ink: #1f252b; --muted: #5e6873; --rule: #d9dee3; --surface: #f7f9fa; --link: #1468c8; --measure: 760px; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; }
.site-header { display: flex; justify-content: space-between; align-items: center; max-width: 1240px; margin: 0 auto; padding: 20px 28px; border-bottom: 1px solid var(--rule); }
.site-name { color: var(--ink); font-size: 18px; font-weight: 650; text-decoration: none; }.repository-link { color: var(--muted); font-size: 14px; }
.site-shell { max-width: 1240px; margin: 0 auto; padding: 46px 28px 72px; }.standard-shell { display: grid; grid-template-columns: minmax(0, var(--measure)) 190px; gap: 56px; }.reference-shell { display: grid; grid-template-columns: 190px minmax(0, var(--measure)) 160px; gap: 32px; }.content { min-width: 0; }
h1 { margin: 0 0 12px; font-size: clamp(32px, 4vw, 46px); line-height: 1.08; letter-spacing: -0.035em; } h2 { margin-top: 42px; padding-bottom: 8px; border-bottom: 1px solid var(--rule); font-size: 22px; } h3 { margin-top: 28px; font-size: 18px; }.page-summary { max-width: 650px; margin: 0 0 30px; color: var(--muted); font-size: 19px; }
a { color: var(--link); } code { padding: 0.12em 0.34em; border-radius: 4px; background: #f1f3f5; font-size: .9em; } pre { overflow-x: auto; padding: 16px; border-radius: 6px; background: var(--surface); line-height: 1.1; } pre code { padding: 0; background: none; }
table { width: 100%; margin: 24px 0; border-collapse: collapse; text-align: left; } th { padding: 10px 4px; border-bottom: 3px solid var(--rule); font-weight: 650; } td { padding: 13px 4px; border-bottom: 1px solid var(--rule); vertical-align: top; } th + th, td + td { padding-left: 28px; } tbody tr:last-child td { border-bottom: 0; }
.sidebar, .page-toc { align-self: start; position: sticky; top: 22px; }.sidebar { padding-right: 18px; border-right: 1px solid var(--rule); }.page-toc { padding-left: 18px; border-left: 1px solid var(--rule); }.page-toc h2, .nav-section h2 { margin: 0 0 7px; padding: 0; border: 0; font-size: 13px; }.page-toc ol, .nav-section ul { margin: 0; padding-left: 18px; }.page-toc li, .nav-section li { margin: 3px 0; }.page-toc .toc-subsection { margin-left: 12px; }.nav-section + .nav-section { margin-top: 20px; }.nav-section a[aria-current="page"] { color: var(--ink); font-weight: 650; text-decoration: none; }
@media (max-width: 980px) { .reference-shell { grid-template-columns: 180px minmax(0, 1fr); }.reference-shell .page-toc { grid-column: 2; } } @media (max-width: 820px) { .standard-shell, .reference-shell { display: block; padding-top: 32px; }.sidebar, .page-toc { position: static; margin-top: 48px; padding: 18px 0 0; border: 0; border-top: 1px solid var(--rule); } }