.api-reference { max-width: 1160px; margin: 0 auto; text-align: left; color: #d4dbea; }
.api-reference * { min-width: 0; }
.api-reference h1, .api-reference h2, .api-reference h3 { color: #f4f7fc; }
.api-reference a { color: #7fddf4; }
.api-reference a:hover { color: #c3f4ff; }
.api-namespace { color: #a4b4c8; overflow-wrap: anywhere; font-size: .8rem; }
.api-namespace code { color: #bce1ed; }
.api-reference a:focus-visible, .api-reference button:focus-visible, .api-reference input:focus-visible, .api-reference select:focus-visible { outline: 3px solid #80deff; outline-offset: 4px; }
.api-hero { padding: 3rem; margin: 1rem 0 1.5rem; border: 1px solid #3c5065; border-radius: 20px; background: linear-gradient(125deg, #24263c, #202735 65%, #253d4a); }
.api-eyebrow { color: #8ddcf3; text-transform: uppercase; font-size: .75rem; letter-spacing: .14em; font-weight: 700; margin-bottom: .7rem; }
.api-hero h1 { font-size: clamp(2.25rem, 5vw, 3.65rem); line-height: 1.1; letter-spacing: -.025em; margin-bottom: 1.4rem; }
.api-hero > p { font-size: 1.1rem; max-width: 790px; line-height: 1.7; color: #c8d0de; }
.api-stats { display: flex; flex-wrap: wrap; gap: 1rem 2.3rem; margin: 1.8rem 0 1rem; }
.api-stats strong { display: block; color: #fff; font-size: 1.7rem; font-variant-numeric: tabular-nums; }
.api-versions { display: flex; flex-wrap: wrap; gap: .5rem 1.3rem; font-size: .8rem; color: #aabace; }
.api-start { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 2.5rem; }
.api-start article { background: #242638; border: 1px solid #343a50; border-radius: 12px; padding: 1.25rem; }
.api-start h2 { font-size: 1.05rem; }
.api-start p { font-size: .9rem; line-height: 1.55; }
.api-start a { display: block; font-size: .85rem; padding: .25rem 0; }
.api-section-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem; margin: 1.5rem 0 1rem; }
.api-section-heading h2 { font-size: 1.7rem; margin: 0; }
.api-section-heading > span { font-size: .85rem; color: #a9bdce; }
.api-filters { display: grid; grid-template-columns: minmax(200px, 1fr) 150px 210px auto; gap: 1rem; align-items: start; background: #242638; border: 1px solid #343a50; border-radius: 12px; padding: 1.3rem; }
.api-filters label, .api-member-search label { display: block; font-size: .8rem; font-weight: 600; margin-bottom: .5rem; }
.api-reference .form-control { background: #171b29; border-color: #485568; color: #f1f4fa; height: 44px; }
.api-reference .form-control::placeholder { color: #a9b3c2; }
.api-filters button { margin-top: 1.65rem; min-height: 44px; }
.api-filters small { display: block; color: #a5b2c6; margin-top: .5rem; font-size: .75rem; }
.api-reset { display: inline-block; margin: .8rem 0; }
.api-result-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.2rem; }
.api-result { display: flex; flex-direction: column; background: #212536; padding: 1.4rem; border: 1px solid #353e53; border-radius: 12px; transition: border-color .12s; }
.api-result:hover { border-color: #5b91a6; }
.api-result h3 { font-size: 1.15rem; margin: .85rem 0; overflow-wrap: anywhere; }
.api-result h3 a { color: #e8f5fa; text-decoration: none; }
.api-result > p { font-size: .92rem; line-height: 1.6; flex-grow: 1; }
.api-product { display: inline-block; padding: .22rem .55rem; border-radius: 6px; font-size: .7rem; font-weight: bold; background: #244659; color: #96e6fa; margin-right: .7rem; }
.api-product.dpb2 { background: #3f365a; color: #d6c3ff; }
.api-kind { color: #a6b6cd; font-size: .76rem; }
.api-obsolete { display: inline-block; color: #ffd18b; background: #50432d; padding: .15rem .5rem; font-size: .75rem; margin-left: .5rem; border-radius: 4px; }
.api-result-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; border-top: 1px solid #364056; padding-top: .8rem; font-size: .82rem; }
.api-result-footer > span { color: #a8b7ca; }
.api-matches, .api-link-list { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .85rem; }
.api-matches a, .api-link-list a { border: 1px solid #3a5364; background: #1c2d3b; border-radius: 6px; padding: .38rem .6rem; overflow-wrap: anywhere; font-size: .82rem; }
.api-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1.5rem; margin: 2rem 0; }
.api-pagination .btn { min-height: 44px; display: inline-flex; align-items: center; }
.api-empty { background: #242638; border-radius: 12px; padding: 2rem; margin: 1rem 0; }
.api-scope { color: #a4b4c8; font-size: .8rem; line-height: 1.6; margin: 2rem 0; }
.api-breadcrumb { display: flex; flex-wrap: wrap; gap: .65rem; font-size: .85rem; margin: 1.5rem 0; overflow-wrap: anywhere; }
.api-type-header { background: #242638; border: 1px solid #3c4962; border-radius: 16px; padding: 2rem; }
.api-type-header h1 { font-size: clamp(1.4rem, 4vw, 2.6rem); overflow-wrap: anywhere; margin: 1rem 0; }
.api-type-header > p { line-height: 1.65; }
.api-signature { display: block; white-space: pre-wrap; overflow-wrap: anywhere; background: #141925; color: #c5ebf7; border: 1px solid #344053; border-radius: 8px; padding: 1rem; font-size: .86rem; line-height: 1.6; }
.api-signature code { color: inherit; }
.api-counterpart { display: inline-block; margin-top: 1rem; }
.api-linked-panel, .api-examples { margin: 1.5rem 0; border-left: 3px solid #4e94aa; padding: 1rem 1.5rem; background: #202535; border-radius: 0 10px 10px 0; }
.api-linked-panel h2, .api-examples h2 { font-size: 1.3rem; }
.api-linked-panel p { font-size: .88rem; }
.api-examples h3 { font-size: 1rem; margin-top: 1rem; }
.api-examples pre { background: #121824; color: #bce1ed; padding: 1rem; border-radius: 8px; overflow: auto; font-size: .83rem; line-height: 1.6; }
.api-examples p { font-size: .85rem; }
.api-member-search > div { display: flex; gap: .7rem; }
.api-member-search button { flex-shrink: 0; }
.api-member-card { border: 1px solid #38445a; border-radius: 12px; padding: 1.5rem; background: #212536; margin-top: 1rem; scroll-margin-top: 90px; }
.api-member-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: .7rem; margin-bottom: .7rem; }
.api-member-title h3 { font-size: 1.25rem; overflow-wrap: anywhere; margin: 0; }
.api-member-title span, .api-member-title a { font-size: .78rem; }
.api-member-title > a { margin-left: auto; }
.api-member-card > p { font-size: .91rem; line-height: 1.6; }
.api-parameters { display: grid; grid-template-columns: minmax(120px, 1fr) 3fr; gap: .65rem 1rem; background: #1b2030; padding: 1rem; border-radius: 8px; font-size: .85rem; }
.api-parameters dt { overflow-wrap: anywhere; }
.api-parameters dt code { color: #ace5f5; }
.api-parameters dt span { display: block; color: #a6b2c4; font-size: .75rem; font-weight: normal; }
.api-parameters dd { margin: 0; overflow-wrap: anywhere; }
.api-note { color: #b4c1d2; border-left: 2px solid #526f87; padding-left: .9rem; }
@media(max-width: 950px) { .api-filters { grid-template-columns: 1fr 1fr; } .api-search { grid-column: 1 / -1; } .api-filters button { margin-top: 0; grid-column: 1 / -1; } .api-start { grid-template-columns: 1fr; } }
@media(max-width: 620px) { .api-hero, .api-type-header { padding: 1.5rem; } .api-stats { gap: 1rem; } .api-stats strong { font-size: 1.3rem; } .api-result-list { grid-template-columns: 1fr; } .api-filters { grid-template-columns: 1fr; } .api-search { grid-column: auto; } .api-member-search > div { flex-direction: column; } .api-member-card { padding: 1rem; } .api-parameters { grid-template-columns: 1fr; } .api-parameters dd { margin-bottom: .6rem; } .api-kind { display: block; margin-top: .5rem; } }