/* Aster docs header brand rules, extracted from packages/docs/styles/docs.css of https://github.com/GetAster/aster-ui */
:root { --page:var(--aster-page); --surface:var(--aster-surface); --text:var(--aster-text); --text-2:var(--aster-text-2); --rule:var(--aster-rule); --accent:var(--aster-accent); --code:var(--aster-pane); --head:72px; }
.ref-head { position:sticky; top:0; z-index:10; height:var(--head); display:flex; align-items:center; gap:28px; padding:0 32px; border-bottom:1px solid var(--rule); background:var(--surface); }
.ref-home { display:flex; align-items:center; gap:10px; flex:0 1 auto; min-width:0; color:var(--text); font-size:30px; font-weight:650; letter-spacing:-1.7px; line-height:1; text-decoration:none; }
.brand-mark { display:block; flex:none; width:30px; height:30px; border-radius:7px; }
.brand-wordmark { white-space:nowrap; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.brand-period { color:var(--accent); }
.brand-sub { font-size:13px; font-weight:450; letter-spacing:0; color:var(--text-2); border-left:1px solid var(--rule); padding-left:12px; margin-left:4px; }
@media(max-width:760px) {
 .ref-home { font-size:27px; flex:1; }
 .brand-sub { font-size:12px; }
}
@media(max-width:440px) { .brand-sub { display:none; } }