/* A local left-to-right reveal of a thin curved stroke, without hiding text. */
.pencil-link{position:relative}
.pencil-link::after{content:'';position:absolute;left:16px;right:16px;bottom:6px;height:6px;pointer-events:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8 Q124 3 248 6 T497 5' fill='none' stroke='%23F46A5E' stroke-width='2.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat;clip-path:inset(0 100% 0 0);transform:none!important}
.pencil-link:is(:hover,:focus-visible),.news-row:focus-visible .pencil-link{text-decoration-color:transparent!important}
.pencil-link:is(:hover,:focus-visible)::after,.news-row:focus-visible .pencil-link::after{animation:link-pencil-draw .34s linear both}
.nav-links>.pencil-link::after{left:10px;right:10px;bottom:4px;transition:none}
@keyframes link-pencil-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.pencil-inline{background-image:linear-gradient(var(--coral),var(--coral));background-repeat:no-repeat;background-position:left bottom;background-size:0 3px}
.pencil-inline:is(:hover,:focus-visible){text-decoration-color:transparent!important;animation:inline-pencil-draw .34s linear both}
@keyframes inline-pencil-draw{from{background-size:0 3px}to{background-size:100% 3px}}
@media(prefers-reduced-motion:reduce){.pencil-link:is(:hover,:focus-visible)::after,.news-row:focus-visible .pencil-link::after{animation:none;clip-path:inset(0)}.pencil-inline:is(:hover,:focus-visible){animation:none;background-size:100% 3px}}