/* The rounded chevron is shared by every link and directional control. */
.ui-chevron{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.13em;overflow:visible;pointer-events:none;transition:transform .25s}
.ui-chevron-up{transform:rotate(-90deg)}
.ui-chevron-down{transform:rotate(90deg)}
.site-header nav .ui-chevron{width:13px;height:13px;margin-left:3px;vertical-align:-1px}
.archive-links a .ui-chevron{width:22px;height:22px}
.archive-links a:hover .ui-chevron,.text-link:hover .ui-chevron{transform:translateX(3px)}
.contact-heading>span .ui-chevron{width:.7em;height:.7em;vertical-align:0}
.contact-heading:hover>span{transform:translateX(7px)}
.scroll-chevron{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:24px}
.icon-disc{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--ink)}
.icon-disc .ui-chevron{width:20px;height:20px;vertical-align:0}
@media(prefers-reduced-motion:reduce){.ui-chevron{transition:none}}