/* Extend the approved developer reference rather than creating a second design system. */
.docs-header nav a{display:flex!important}.docs-header{height:auto;min-height:var(--header);flex-wrap:wrap;padding-block:9px}.docs-brand{flex-shrink:0}.docs-header nav{flex-wrap:wrap}.reference-intro{gap:24px}.reference-section{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
label{display:grid;gap:7px;margin-block:16px;font-weight:650;color:var(--ink)}input,select,button{font:inherit}label input,select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #abb5ae;border-radius:5px;color:var(--ink);background:#fff;font-weight:400}fieldset{border:1px solid var(--line);margin:18px 0;padding:12px}legend{font-weight:700}.scope-option{display:flex;align-items:center;gap:10px;font-size:.9rem;margin:8px 0}.scope-option input{width:20px;min-height:20px;height:20px;margin:0}.scope-option span{overflow-wrap:anywhere}button{min-height:44px;padding:10px 16px;border:1px solid #8b789f;border-radius:5px;background:#fff;color:var(--purple);cursor:pointer;font-weight:700}button.action{background:var(--purple);color:#fff;border-color:var(--purple)}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b7a0d0;outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:10px}#new-credential{padding:16px;border:1px solid var(--purple);background:#f7f3fa;border-radius:5px}#credential-value{font-family:monospace}#credentials-list article{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;justify-content:space-between}#credentials-list article p{margin:3px 0;font-size:.86rem;overflow-wrap:anywhere}#credentials-list article>div{min-width:0}.walkthrough-steps{padding-left:24px}.walkthrough-steps li{padding:5px 0}.flow-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 0;font-weight:700;color:var(--green)}.flow-legend span{padding:10px 14px;background:var(--soft);border:1px solid var(--line);border-radius:4px}.trace-item{margin-top:10px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.trace-item summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;cursor:pointer;background:var(--soft)}.trace-item summary .trace-path{flex:1;overflow-wrap:anywhere;min-width:160px}.trace-item summary strong{color:var(--green)}.trace-item.is-error summary strong{color:#922}.trace-item pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px;background:#17231e;color:#f1f5f2;font:13px/1.65 ui-monospace,monospace}#aster-results{padding-block:10px;overflow-wrap:anywhere}#aster-results p{margin:6px 0}#activity-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:24px}#activity-form label{flex:1;min-width:200px;margin:0}.api-footer{display:flex;gap:28px;padding:30px;justify-content:center;border-top:1px solid var(--line)}[hidden]{display:none!important}#session-status,#aster-status,#credential-message,#activity-status{overflow-wrap:anywhere}.reference th,.reference td{font-size:.86rem}.reference-section .code-block pre{font-size:.8rem}.reference-nav nav a{font-size:.84rem}.code-block{align-self:start}.reference-nav label{font-size:.75rem}
@media(max-width:1060px){.reference-section{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.docs-header nav{flex:1 1 100%;justify-content:space-between;margin:0;gap:10px}.reference-section{padding:30px 18px}.reference-intro h1{font-size:2.7rem}.reference-intro dl{min-width:0}.flow-legend{gap:8px;font-size:.85rem}.flow-legend span{padding:8px}.trace-item summary{gap:8px}.reference td,.reference th{padding:10px 6px}.api-footer{font-size:.85rem;gap:20px}#activity-button{width:100%}}
.reference p code{overflow-wrap:anywhere}.reference-section .code-block pre{white-space:pre-wrap;overflow-wrap:anywhere}
.tools-main,.demo-main{max-width:1440px;margin-inline:auto}.aster-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--green);flex-shrink:0}.aster-brand svg{width:40px;height:40px;fill:currentColor}.aster-brand span{display:grid}.aster-brand strong{font-size:22px;letter-spacing:.18em}.aster-brand small{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.demo-main .reference-intro h1{font-size:clamp(2.2rem,4vw,3.5rem)}.tools-main .reference-intro{grid-template-columns:1fr}