Fix masquerade specificities and cursors.

3 files changed, 8 insertions, 6 deletions

diff --git a/src/components.css b/src/components.css
index 630ae54..961394a 100644
--- a/src/components.css
+++ b/src/components.css
@@ -183,7 +183,7 @@ details,
 		padding-inline-start: 0;
 	}
 
-	& :is(a:not(.\<button\>), .\<a\>) {
+	& :is(a:not(.\<button\>, .chip), .\<a\>) {
 		font-weight: bold;
 		text-decoration: none;
 		padding-inline: .2em;
diff --git a/src/core/sanitize.css b/src/core/sanitize.css
index 755e0c6..f2c8f26 100644
--- a/src/core/sanitize.css
+++ b/src/core/sanitize.css
@@ -108,7 +108,7 @@ table {
  * Remove the margin on controls in Safari.
  */
 
-:where(button, input, select):not(.\<a\>) {
+button, input, select {
     margin: 0;
 }
 
@@ -116,7 +116,7 @@ table {
  * Correct the inability to style buttons in iOS and Safari.
  */
 
-:where(button, [type="button"], [type="reset"], [type="submit"]):not(.\<a\>) {
+button, [type="button"], [type="reset"], [type="submit"]) {
     -webkit-appearance: button;
 }
 
diff --git a/src/main.css b/src/main.css
index ff48a27..5d98dab 100644
--- a/src/main.css
+++ b/src/main.css
@@ -25,7 +25,7 @@ header, footer, section + section {
 }
 
 nav {
-	& :where(a:not(.\<button\>), .\<a\>) {
+	& :is(a:not(.\<button\>), .\<a\>) {
 		text-decoration: none;
 		color: var(--accent);
 	}
@@ -284,7 +284,7 @@ main {
 
 /* Text-level semantics */
 
-a:not(.\<button\>), .\<a\> {
+a, .\<a\> {
 	color: var(--link-fg, var(--accent));
 	border-radius: var(--border-radius);
 	outline-offset: 1px;
@@ -511,11 +511,13 @@ input::file-selector-button {
 
 	/* a-specific resets */
 	color: var(--fg);
-  cursor: default;
 	text-decoration: none;
 	display: inline-flex;
 	justify-content: center;
 	align-items: center;
+  &:is(a) {
+    cursor: default;
+  }
 
 	&:hover, &:focus-visible {
 		filter: brightness(1.1);