/* BROCHIER — minimal element defaults so any consuming page starts on-brand. */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-lh);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--fw-bold);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);margin:0 0 var(--space-4)}
h1{font-size:var(--type-h1-size);line-height:var(--lh-tight)}h2{font-size:var(--type-h2-size)}h3{font-size:var(--type-h3-size)}h4{font-size:var(--type-h4-size)}
p{margin:0 0 var(--space-4);text-wrap:pretty}
a{color:var(--link);text-decoration:none;border-bottom:1px solid var(--bro-magenta-300);transition:var(--transition-control)}
a:hover{color:var(--link-hover);border-bottom-color:var(--bro-magenta-600)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
img{max-width:100%;display:block}
hr{border:0;border-top:var(--border-width) solid var(--border-subtle);margin:var(--space-8) 0}
small{font-size:var(--type-caption-size)}
code,kbd{font-family:var(--font-mono);font-size:.92em}
.bro-eyebrow{font-family:var(--font-display);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-ls);text-transform:uppercase;color:var(--text-accent)}