/* Minimal element defaults so any consuming page inherits brand type and link colour. */
body{font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-bold);text-transform:var(--case-display);letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin:0}
h1{font-size:var(--text-display-lg)}h2{font-size:var(--text-display-md)}h3{font-size:var(--text-display-sm)}h4{font-size:var(--text-title);line-height:var(--leading-title)}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{color:var(--text-link-hover)}
::selection{background:var(--ks-yellow);color:var(--ks-violet)}
:focus-visible{outline:none;box-shadow:var(--focus-ring-light)}