.docs-top-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.docs-site main { max-width: 1250px; }
.docs-site .sidebar nav a { font-size: 12px; }
.nav-tag { font-size: 8px; letter-spacing: 1px; color: #83a48a; margin-left: auto; }
.doc-hero { padding: 37px; border: 1px solid #ffffffe6; border-radius: 23px; background: linear-gradient(125deg, #ffffffcc, #e6f0e2b3); box-shadow: var(--shadow); margin-bottom: 25px; }
.doc-hero .eyebrow { font-size: 10px; letter-spacing: 2px; }
.doc-hero h1 { font-size: clamp(28px, 3vw, 39px); margin: 14px 0; line-height: 1.5; }
.doc-hero p { font-size: 13px; color: #6b816e; max-width: 540px; line-height: 1.9; }
.doc-hero .welcome-actions { margin-top: 24px; }
.doc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.doc-link { display: block; padding: 26px; transition: border-color .2s; }
.doc-link:hover { border-color: #a9c8ae; }
.doc-link > span { font-size: 10px; color: #84a285; }
.doc-link h2 { font-size: 15px; margin-top: 10px; }
.doc-link p { font-size: 12px; color: #7a8e76; margin: 10px 0; line-height: 1.9; }
.doc-link > b { font-size: 12px; font-weight: 500; color: #527b53; }
.doc-grid > .panel + .panel { margin-top: 0; }
.doc-article { font-size: 13px; line-height: 1.95; }
.doc-article > p { margin-bottom: 15px; }
.doc-article h3 { margin: 24px 0 10px; }
.doc-article h3:first-child { margin-top: 0; }
.doc-article a, .doc-article li a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.doc-article ul, .doc-article ol { margin: 10px 0; padding-left: 22px; color: #627b60; }
.doc-article li { margin: 10px 0; }
.doc-callout { padding: 16px 18px; background: #e7f1e2b3; border: 1px solid #d1e2c9; border-radius: 12px; color: #5b7953; font-size: 12px; line-height: 1.9; margin: 21px 0; }
.doc-callout code { color: #3f6536; }
.code-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; gap: 15px; color: #66815c; font-size: 11px; }
.doc-code { margin: 20px 0; min-width: 0; }
.doc-code .code-panel { margin: 0; max-height: 550px; }
.doc-code pre:focus-visible { outline-offset: 2px; }
.doc-endpoint-list { display: grid; gap: 0; }
.docs-site #endpoint-list { max-height: none; overflow: visible; }
.doc-endpoint-list .endpoint { padding: 20px 0; }
.doc-endpoint-list .endpoint code { font-size: 12px; }
.doc-endpoint-list .endpoint p { font-size: 12px; }
.catalog-filter { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; margin-bottom: 18px; }
.catalog-filter > input { flex: 1; min-width: 170px; }
.catalog-filter > select { min-width: 155px; }
.catalog-count { margin-bottom: 20px; color: #7b8d73; font-size: 11px; }
.doc-events { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.doc-event { padding: 22px; }.doc-event code { font-size: 13px; }.doc-event p { font-size: 12px; color: #74896c; margin: 12px 0; }.doc-events > .panel + .panel { margin-top: 0; }
.doc-table { min-width: 540px; }
#docs-content { outline: none; }
#docs-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); padding: 12px 21px; border-radius: 12px; background: #33533e; color: #fff; font-size: 12px; max-width: calc(100% - 32px); opacity: 0; pointer-events: none; transition: opacity .2s; z-index: 90; }
#docs-toast.visible { opacity: 1; }
@media(max-width: 1050px) { .doc-grid { grid-template-columns: 1fr; }.doc-link { padding: 23px; }.doc-hero { padding: 29px; }.docs-top-actions { gap: 10px; } }
@media(max-width: 760px) { .docs-top-actions { width: 100%; justify-content: space-between; gap: 8px; }.docs-top-actions .badge { font-size: 9px; }.docs-top-actions .button { font-size: 10px; }.docs-top-actions > .text-button { font-size: 10px; }.doc-hero { padding: 27px 23px; }.doc-hero h1 { font-size: 27px; }.doc-hero p { font-size: 12px; }.doc-events { grid-template-columns: 1fr; }.catalog-filter { gap: 10px; }.catalog-filter > input { flex-basis: 100%; }.catalog-filter > select { width: 100%; }.doc-endpoint-list .endpoint code { font-size: 10px; }.doc-endpoint-list .endpoint p { font-size: 11px; }.code-heading { font-size: 10px; }.doc-article { font-size: 12px; } }