/* "grows" emphasis: brand colour, hand-drawn wave underneath, glows on hover.
   Used instead of italics in headings sitewide. Wraps across lines. */
.grow{font-style:normal;font-weight:inherit;color:#5B7298;padding-bottom:.14em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 6'%3E%3Cpath d='M0 3 C5 -0.5 5 -0.5 10 3 S15 6.5 20 3' fill='none' stroke='%235B7298' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0 100%/1.1em .3em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  transition:text-shadow .35s ease,filter .35s ease}
.grow--light{color:#B0C6E2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 6'%3E%3Cpath d='M0 3 C5 -0.5 5 -0.5 10 3 S15 6.5 20 3' fill='none' stroke='%23B0C6E2' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.grow:hover{text-shadow:0 0 18px rgba(146,173,207,.95),0 0 36px rgba(176,198,226,.7);filter:drop-shadow(0 0 5px rgba(146,173,207,.9))}
.grow--light:hover{text-shadow:0 0 18px rgba(228,238,251,.8),0 0 36px rgba(176,198,226,.6);filter:drop-shadow(0 0 5px rgba(228,238,251,.8))}
.grow a{color:inherit}
@media (prefers-reduced-motion:no-preference){.grow:hover{animation:growwave 1.2s linear infinite}}
@keyframes growwave{to{background-position:1.1em 100%}}
h1:has(.grow),h2:has(.grow),h3:has(.grow){padding-bottom:.16em}