/* Fixed vector geometry keeps arrows consistent across fonts and devices. */
.arrow-icon{display:inline-block;width:18px;height:18px;min-width:18px;flex:0 0 18px;vertical-align:-.2em;color:inherit;pointer-events:none}
.button{gap:18px}
.button-small{gap:14px}
.text-link{gap:10px}
.button>.arrow-icon,.text-link>.arrow-icon{align-self:center;vertical-align:middle}
.reading-tools button,.reading-tools>a{display:inline-flex;align-items:center;gap:8px}
.reading-tools .arrow-icon,.footer-bottom .arrow-icon{width:14px;height:14px;min-width:14px;flex-basis:14px}
.guide-item a>.arrow-icon{margin-top:3px}
.story h3 .arrow-icon{width:22px;height:22px;vertical-align:-.12em;margin-left:4px}
.next-lesson a{gap:10px;line-height:1.6}
.lesson-aside .arrow-icon{width:14px;height:14px;min-width:14px;vertical-align:-.2em}
@media(max-width:767px){.hero .button,.email-row .button{gap:14px}.hero .text-link{gap:8px}}