.manual-main { max-width: 1060px; }
.manual-api-links { margin-top: 18px; }
.manual-card { display: block; text-decoration: none; min-width: 0; }
.manual-card:hover { border-color: var(--sun); }
.manual-card:focus-visible { outline: 2px solid var(--sun); outline-offset: 3px; }
.manual-card h3 { overflow-wrap: anywhere; }
.manual-nav { margin: 24px 0; border: 1px solid var(--rule); border-radius: 10px; padding: 14px 18px; }
.manual-nav summary { cursor: pointer; color: var(--sun-soft); }
.manual-nav ul { padding-left: 20px; }
.manual-nav a[aria-current="page"] { color: var(--teal); font-weight: 700; }
.manual-article { min-width: 0; overflow-wrap: anywhere; }
.manual-article h1 { margin: 32px 0 24px; }
.manual-article h2 { margin-top: 40px; }
.manual-article h3, .manual-article h4 { margin-top: 28px; }
.manual-article :is(h1,h2,h3,h4,h5,h6) { scroll-margin-top: 140px; }
.manual-article p { max-width: 78ch; }
.manual-article li { margin: 6px 0; }
.manual-article pre { max-width: 100%; white-space: pre; overflow-x: auto; }
.manual-article table { display: block; max-width: 100%; overflow-x: auto; margin: 24px 0; }
.manual-article th, .manual-article td { min-width: 120px; }
.manual-article img { max-width: 100%; height: auto; }
.manual-article blockquote { border-left: 3px solid var(--teal); margin: 24px 0; padding-left: 18px; }
.manual-article hr { border: 0; border-top: 1px solid var(--rule); margin: 32px 0; }
.manual-source { margin-top: 32px; font-size: 13px; overflow-wrap: anywhere; }
@media (max-width: 720px) {
    .manual-main .cards { grid-template-columns: minmax(0, 1fr); }
    .manual-article pre { padding: 12px; }
}