/* Minimal document defaults + the few brand utilities that are genuinely
   global (the eyebrow, the accent bar, the header rule). Components own
   everything else. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-base);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);text-wrap:pretty}
h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:var(--weight-display-bold);color:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight);margin:0 0 var(--heading-gap)}
h1{font-size:var(--text-2xl)}
h2{font-size:var(--text-xl)}
h3{font-size:var(--text-md)}
h4{font-size:var(--text-base)}
h5{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}
p{margin:0 0 var(--paragraph-gap)}
strong,b{font-weight:var(--weight-bold);color:var(--text-heading)}
em,i{font-style:italic}
small{font-size:var(--text-sm)}
a{color:var(--terracotta-600);text-decoration-color:color-mix(in oklch,var(--terracotta-600) 40%,transparent);text-underline-offset:2px;transition:var(--transition-control)}
a:hover{color:var(--terracotta-700);text-decoration-color:currentColor}
a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}
hr{border:0;border-top:var(--border-width-hairline) solid var(--rule-quiet);margin:var(--space-9) 0}
::selection{background:var(--terracotta-300);color:var(--slate-900)}

/* The eyebrow: the brand's signature label. */
.ta-eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-accent);margin:0}
.ta-eyebrow--slate{color:var(--text-heading)}

/* The short accent bar that sits under a cover or section title. */
.ta-bar{display:block;width:var(--rule-accent-width);height:var(--border-width-bar);background:var(--rule-accent);border:0}

/* The full-width terracotta hairline that closes every running header. */
.ta-rule{border:0;border-top:var(--border-width-rule) solid var(--rule-accent);margin:0}
.ta-rule--quiet{border-top:var(--border-width-hairline) solid var(--rule-quiet)}

/* Numeric alignment for any table of figures. */
.ta-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
