/* Room for the Engage me link in the existing desktop header. */
@media(min-width:761px) and (max-width:1100px){.top-nav{gap:16px;padding-left:24px;padding-right:24px}.top-nav nav{gap:12px}.top-nav nav a{font-size:12px}.top-nav .nav-contact{padding:10px 16px}.top-nav .utilities{gap:0}.top-nav .icon-button{width:32px;height:32px}}

.top-nav nav a.engage-link{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px dashed var(--accent);border-radius:6px;color:var(--accent);font-weight:700;background:var(--bg);transform:rotate(-2deg)}
.top-nav nav a.engage-link::after,.reader-dialog nav a.engage-link::after{content:'↗';font-size:.9em;color:var(--accent)}
.top-nav nav a.engage-link:hover{transform:rotate(0)}
.reader-dialog nav a.engage-link{color:var(--accent);border-top:1px dashed var(--accent);border-bottom:1px dashed var(--accent);display:flex;justify-content:space-between}
@media(min-width:761px) and (max-width:1100px){.top-nav nav{gap:10px}.top-nav nav a.engage-link{padding:8px}}
@media(prefers-reduced-motion:reduce){.top-nav nav a.engage-link{transform:none}}