/* Minimal element defaults + helper classes. */
html,body{margin:0}
body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
a{color:var(--text-strong);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--text-muted)}
::selection{background:var(--text-strong);color:var(--surface-page)}
.onda-display{font:var(--fw-bold) var(--fs-display)/var(--lh-display) var(--font-display);letter-spacing:var(--tr-display);color:var(--headline-lead);margin:0;text-wrap:balance}
.onda-h2{font:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-display);letter-spacing:var(--tr-heading);color:var(--headline-lead);margin:0;text-wrap:balance}
.onda-h3{font:var(--fw-bold) var(--fs-h3)/var(--lh-subhead) var(--font-display);letter-spacing:var(--tr-subhead);color:var(--headline-lead);margin:0}
.onda-tail{color:var(--headline-tail)}
.onda-kicker{font:var(--fw-regular) var(--fs-label)/1.4 var(--font-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-muted)}
.onda-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);max-width:var(--measure);text-wrap:pretty;margin:0}
.onda-card{border-top:var(--rule-w-primary) solid var(--border-strong);padding-top:var(--pad-card-top)}
.onda-note{background:var(--surface-panel);border-left:var(--rule-w-primary) solid var(--border-strong);padding:var(--pad-note-y) var(--pad-note-x)}
.onda-list>*{border-top:var(--rule-w-hair) solid var(--border-hair);padding:var(--pad-list-y) 0}
.onda-solid{background:var(--surface-solid);color:var(--text-on-solid)}