:root{color-scheme:light}
html{background:var(--surface-page)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;transition:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard);font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);overflow-wrap:break-word;color:var(--text-heading);font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-wrap:balance}
h1{font-size:var(--text-4xl);line-height:var(--leading-tight)}
h2{font-size:var(--text-3xl)}
h3{font-size:var(--text-2xl)}
h4{font-size:var(--text-xl)}
h5{font-size:var(--text-lg)}
h6{font-size:var(--text-md)}
p{margin:0 0 var(--space-4);text-wrap:pretty}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:var(--green-200);transition:var(--transition-control)}
a:hover{color:var(--text-link-hover);text-decoration-color:currentColor}
a:focus-visible{outline:none;border-radius:var(--radius-xs);box-shadow:var(--focus-ring)}
strong,b{font-weight:var(--weight-bold)}
small{font-size:var(--text-sm)}
ul,ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}
li{margin-bottom:var(--space-2)}
img,svg,video{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-8) 0}
::selection{background:var(--yellow-200);color:var(--neutral-1000)}
/* Focus is never removed, and always uses the two-layer ring (WCAG 2.4.7 / 2.4.11).
   Components that manage their own box-shadow set --focus-ring inline instead. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus:not(:focus-visible){outline:none}
/* Visually hidden, still announced */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Minimum target size (WCAG 2.2 SC 2.5.8) for anything not already sized */
:where(button,a[role="button"],[role="tab"],summary){min-height:24px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}