/* generated by build.mjs — hover/focus rules from the artboards */
.dc-f1:focus-visible{left:16px}
.dc-h2:hover{color:var(--fg,#E8EAED);background:var(--el,#171B22)}
.dc-h3:hover{color:var(--fg,#E8EAED);border-color:var(--hair2,rgba(255,255,255,.16))}
.dc-h4:hover{background:var(--el,#171B22)}
.dc-h5:hover{color:var(--accent,#7C9CBF)}
.dc-h6:hover{color:var(--fg,#E8EAED)}
.dc-f7:focus-visible{outline:2px solid var(--accent,#7C9CBF);outline-offset:2px}
.dc-f8:focus-visible{outline:2px solid var(--accent,#7C9CBF);outline-offset:2px;border-radius:6px}
.dc-h9:hover{opacity:.92}
.dc-f10:focus-visible{outline:2px solid var(--fg,#E8EAED);outline-offset:3px}
.dc-f11:focus-visible{outline:2px solid var(--accent,#7C9CBF);outline-offset:3px}
/* !important: slot images carry an inline display:block, which would otherwise win */
.img-light{display:none!important}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .img-dark{display:none!important}:root:not([data-theme="dark"]) .img-light{display:block!important}}
:root[data-theme="light"] .img-dark{display:none!important}
:root[data-theme="light"] .img-light{display:block!important}
details>summary span[aria-hidden]{transition:transform .18s ease}
details[open]>summary span[aria-hidden]{transform:rotate(45deg)}
@media (prefers-reduced-motion: reduce){details>summary span[aria-hidden]{transition:none}}
img{max-width:100%}