*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:var(--lh)}
body{font-size:var(--body)}
@media (max-width:767px){body{font-size:16px}}
img{max-width:100%;display:block;height:auto}
a{text-decoration:none;color:inherit}
a,p{max-width:var(--text-max)}
p{color:var(--color-text-muted)}
h1{font-size:var(--h1);font-weight:700;line-height:1.08;margin:0 0 var(--space-4)}
h2{font-size:var(--h2);font-weight:650;line-height:1.15;margin:0 0 var(--space-4)}
h3{font-size:var(--h3);font-weight:650;line-height:1.2;margin:0 0 var(--space-3)}
ul,ol{margin:0 0 var(--space-4);padding-left:22px}
li{margin-bottom:10px;color:var(--color-text-muted)}
:focus-visible{outline:3px solid rgba(183,255,60,.55);outline-offset:2px}
.hidden{display:none !important}
.small{font-size:14px;color:var(--color-text-muted)}
.muted{color:var(--color-text-muted)}
.chip{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--color-border);border-radius:999px;font-size:13px;font-weight:600;color:var(--color-text-muted)}
.chip:hover{border-color:var(--color-accent);color:var(--color-text);background:linear-gradient(100deg,rgba(194,232,18,.14),rgba(194,232,18,0))}
.chip.active{background:linear-gradient(100deg,rgba(75,0,130,.46),rgba(75,0,130,.2));border-color:var(--color-primary);color:var(--color-text);box-shadow:var(--shadow-sm)}
.separator{width:64px;height:3px;border-radius:999px;background:var(--color-accent)}