.data-access-section { min-width: 0; margin: 2rem 0; padding: 1.25rem 0; border-top: 1px solid var(--border); }
.data-access-section p, .api-guide p, .api-guide li { max-width: 75ch; }
.data-section-links, .data-toolbar { display: flex; align-items: end; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 1rem 0; }
.data-toolbar label { display: flex; flex-direction: column; gap: .4rem; flex: 1 1 230px; }
.data-toolbar input, .data-toolbar select { width: 100%; min-width: 0; }
.data-table-scroll { overflow-x: auto; max-width: 100%; }
.data-access-table { width: 100%; min-width: 700px; border-collapse: collapse; }
.data-access-table th, .data-access-table td { padding: .8rem .65rem; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
.data-access-table td:first-child { min-width: 240px; }
.data-access-table td a { display: block; margin-bottom: .4rem; }
.data-access-table code, .api-guide code { overflow-wrap: anywhere; }
.api-guide { max-width: 1200px; }
.api-guide section { margin: 2.5rem 0; scroll-margin-top: 140px; }
.api-guide pre { max-width: 100%; overflow-x: auto; padding: 1rem; background: var(--surface); border: 1px solid var(--border); font-size: .9rem; line-height: 1.6; }
.api-guide details { border-bottom: 1px solid var(--border); padding: .85rem 0; }
.api-guide summary { cursor: pointer; overflow-wrap: anywhere; }
.api-guide .api-method { display: inline-block; min-width: 3.5rem; font-weight: bold; }
.data-access-section :focus-visible, .api-guide :focus-visible { outline: 2px solid var(--header); outline-offset: 3px; }
@media (max-width: 700px) { .api-guide section { scroll-margin-top: 240px; } .data-toolbar { align-items: stretch; } }