/* link.css: Link primitive (P2.T9). --brand, weight inherits; running text always underlined (1 px, offset 2 px); tables and navigation
   underlined on hover and focus; the visited colour does not change. components.css imports this partial first, so a host component's
   own rule of the same specificity (a breadcrumb's, a banner action's) wins over the primitive's defaults. */
.link { color: var(--brand); font-weight: inherit; text-decoration: none; }
.link:visited { color: var(--brand); }
.link[data-context="text"] { text-decoration: underline; text-decoration-thickness: var(--border-width); text-underline-offset: var(--space-1); }
.link[data-context="quiet"]:hover,
.link[data-context="quiet"]:focus-visible { text-decoration: underline; text-decoration-thickness: var(--border-width); text-underline-offset: var(--space-1); }