/* ============================================================
   SERIOUSLY DIGITAL - SHARED SITE-WIDE STYLES
   ============================================================
   Small utility styles used across every page.
   Load AFTER a page's main stylesheet so these rules can
   safely rely on being late in the cascade.
   ============================================================ */


/* ============================================================
   INLINE INTERNAL LINKS
   ============================================================
   Subtle in-content links between service pages, blog posts
   etc. Reads as regular paragraph text with a soft teal
   underline; shifts to full teal on hover / keyboard focus.
   Uses `color: inherit` so the same class works cleanly on
   both light (dark text) and dark (light text) backgrounds.
   ============================================================ */

.seriously-inline-link {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: rgba(79, 172, 179, 0.4);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-skip-ink: auto;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.seriously-inline-link:hover,
.seriously-inline-link:focus-visible {
    color: #4facb3;
    text-decoration-color: #4facb3;
}