/* DPE base — minimal defaults so bare markup lands on-brand */
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--size-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--font-serif);font-optical-sizing:auto;color:var(--text-heading);font-weight:var(--weight-headline)}
em,blockquote{font-family:var(--font-serif)}
strong{font-weight:var(--weight-strong)}
a{color:var(--link);text-decoration:none;transition:color var(--dur) var(--ease)}
a:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:3px}
::selection{background:color-mix(in srgb,var(--dpe-chrysalis) 30%,transparent)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}