*, ::after, ::before {box-sizing: border-box;}

html {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}

.screen-reader-text {position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}

.index ul {display: grid; gap: 1.5rem;}

main {display: grid; grid-template-columns: max(1.25rem, ((100% - var(--mw, 52rem)) / 2)) minmax(0, 1fr) max(1.25rem, ((100% - var(--mw, 52rem)) / 2));}
.wide {display: grid; grid-template-columns: subgrid; grid-column: 1 / -1;}
:is(main, .wide) > *:not(.wide) {grid-column: 2;}

h2 {padding-bottom: .25em; border-bottom: 1px solid #d1d9e0b3;}
h3, summary {font-weight: 700; margin-block: 1em; font-size: 1.17em;}
details + details summary {margin-top: 1.5em;}

code, pre {width: max-content; padding: .25rem .5rem; border-radius: .5rem; font-family: monospace; white-space: pre; background-color: #818b981f;}
pre {display: block; width: max-content; overflow-x: auto; max-width: 100%; margin-block: 1rem; padding: 1rem; tab-size: 2;}

table {width: 100%; border-collapse: collapse;}
th, td {padding: .375rem .875rem; border: 1px solid #d1d9e0;}
td code {line-height: 1.7; white-space: break-spaces;}

dl {display: grid; grid-template-columns: auto 1fr;}
dl div {display: grid; grid-template-columns: subgrid; grid-column: 1 / -1;}
dl div + div > * {border-top: 0;}
dt, dd {margin: 0; padding: .375rem .875rem; border: 1px solid #d1d9e0;}
dt {border-right: 0; font-weight: 700;}
dd ul {padding-left: 1rem;}

.tablewrap, .prewrap {display: block; position: relative; overflow-x: auto; max-width: 100%;}

hr {margin-inline: 0;}
.backlink {margin-block: 1rem;}