/* Kintavo base element defaults. Minimal — sets the body type and link colors
   so consumers never fall back to browser defaults. */
body{margin:0;font:var(--text-style-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--text-heading);margin:0}
h1{font-size:var(--size-h1);letter-spacing:var(--track-h1);line-height:var(--lh-h1)}
h2{font-size:var(--size-h2);letter-spacing:var(--track-h2);line-height:var(--lh-h2)}
h3{font-size:var(--size-card-title);letter-spacing:var(--track-card-title)}
p{margin:0 0 var(--space-4)}
a{color:var(--text-link);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--green) 55%,transparent);transition:var(--transition-control)}
a:hover{color:var(--text-link-hover);border-bottom-color:var(--green)}
strong{font-weight:var(--weight-bold);color:var(--text-heading)}
hr{border:0;border-top:var(--hairline) solid var(--border-hairline);margin:var(--space-8) 0}
::selection{background:var(--green-50);color:var(--navy)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}