.reference-page { max-width: 1040px; }
.reference-content { padding: 4.25rem 0 7rem; }
.reference-content > h1 { max-width: 900px; margin: .6rem 0 1.35rem; font-size: clamp(2.75rem, 5.2vw, 4.7rem); line-height: 1.04; letter-spacing: -.045em; }
.reference-content h2 { margin: 4.5rem 0 1.15rem; padding-top: 1.1rem; border-top: 1px solid var(--line); font-size: clamp(1.8rem, 3.5vw, 2.85rem); line-height: 1.12; letter-spacing: -.035em; scroll-margin-top: 1.5rem; }
.reference-content h3 { margin: 3rem 0 .9rem; color: var(--ink); font-size: clamp(1.3rem, 2.4vw, 1.65rem); line-height: 1.25; scroll-margin-top: 1.5rem; }
.reference-content h4 { margin: 2.3rem 0 .75rem; color: var(--ink); font-size: 1.08rem; scroll-margin-top: 1.5rem; }
.reference-content p, .reference-content li { max-width: 84ch; color: #c7d0d5; line-height: 1.7; }
.reference-content li + li { margin-top: .48rem; }
.reference-content a { color: var(--accent); }
.reference-content code { overflow-wrap: anywhere; color: #e0ecf0; font: .9em/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.reference-content pre { max-width: 100%; overflow: auto; padding: 1rem 1.1rem; border: 1px solid var(--line); border-radius: .85rem; background: #091015; white-space: pre-wrap; overflow-wrap: anywhere; }
.reference-content pre code { display: block; min-width: min-content; color: #dbe5e8; font-size: .82rem; line-height: 1.58; }
.reference-tools { display: flex; flex-wrap: wrap; gap: .8rem; margin: 0 0 2rem; }
.reference-download { display: inline-flex; align-items: center; min-height: 2.65rem; padding: .55rem .9rem; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.035); color: var(--accent); font-weight: 700; text-decoration: none; }
.reference-download:hover, .reference-download:focus-visible { border-color: rgba(184,220,234,.6); background: rgba(184,220,234,.08); }
.reference-toc { margin: 0 0 3.5rem; padding: 1rem 1.15rem 1.25rem; border: 1px solid var(--line); border-radius: 1rem; background: rgba(255,255,255,.025); }
.reference-toc summary { cursor: pointer; color: var(--ink); font-weight: 750; }
.reference-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem 1.5rem; margin: 1rem 0 0; padding-left: 1.2rem; }
.reference-toc li { max-width: none; margin: 0; color: var(--muted); line-height: 1.35; }
.reference-toc .reference-toc-level-3 { margin-left: .75rem; font-size: .91rem; }
.reference-toc a { text-decoration: none; }
.reference-toc a:hover, .reference-toc a:focus-visible { text-decoration: underline; }
.reference-table-scroll { max-width: 100%; margin: 1.5rem 0; overflow-x: auto; border: 1px solid var(--line); border-radius: .8rem; }
.reference-table-scroll:focus-visible { outline: 2px solid var(--accent); outline-offset: .2rem; }
.reference-table-scroll table { min-width: 680px; margin: 0; }
.reference-table-scroll th, .reference-table-scroll td { padding: .82rem .85rem; }
.reference-table-scroll td { color: #c3cdd2; }
@media (max-width: 680px) {
  .reference-content { padding-top: 3.25rem; }
  .reference-content > h1 { font-size: clamp(2.45rem, 11.5vw, 3.4rem); }
  .reference-content h2 { margin-top: 3.4rem; }
  .reference-toc ol { grid-template-columns: 1fr; }
  .reference-toc .reference-toc-level-3 { margin-left: .45rem; }
  .reference-content pre { margin-left: 0; margin-right: 0; padding: .9rem; }
}