npm - @primer/react-brand - Versions diffs - 0.65.0-rc.4780c31f → 0.65.0-rc.8f2d335e - Mend

@primer/react-brand 0.65.0-rc.4780c31f → 0.65.0-rc.8f2d335e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (356) hide show

package/lib/css/main.css CHANGED Viewed

@@ -78,7 +78,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -356,7 +356,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -383,7 +383,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -400,7 +400,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -558,7 +558,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -572,7 +572,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -591,7 +591,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -671,7 +671,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -698,7 +698,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -1471,7 +1471,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -1779,7 +1779,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -6759,7 +6759,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -7096,7 +7096,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -7402,7 +7402,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -7418,7 +7418,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -7685,7 +7685,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -7696,7 +7696,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -8424,7 +8424,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -9192,7 +9192,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -9220,7 +9220,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -9236,7 +9236,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -9289,7 +9289,7 @@ html {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -9320,8 +9320,10 @@ html {
   --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-5);
   --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-5);
   --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-5);
-  --brand-Accordion-border-color-default: var(--brand-color-border-default);
-  --brand-Accordion-border-color-emphasis: var(--base-color-scale-black-0);
+  --brand-Accordion-border-color-default: var(--brand-color-border-muted);
+  --brand-Accordion-indicator-idle: var(--base-color-scale-gray-3);
+  --brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
+  --brand-Accordion-indicator-active: var(--brand-color-accent-primary);
 }
 [data-color-mode="dark"] {
@@ -9351,8 +9353,10 @@ html {
   --brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-2);
   --brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-2);
   --brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-2);
-  --brand-Accordion-border-color-default: var(--base-color-scale-gray-5);
-  --brand-Accordion-border-color-emphasis: var(--base-color-scale-white-0);
+  --brand-Accordion-border-color-default: var(--brand-color-border-muted);
+  --brand-Accordion-indicator-idle: var(--base-color-scale-gray-7);
+  --brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
+  --brand-Accordion-indicator-active: var(--brand-color-accent-primary);
 }
 .Primer_Brand__Accordion-module__Accordion___M_LPt {
@@ -9365,13 +9369,67 @@ html {
 }
 .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
-  border-bottom: var(--brand-borderWidth-thicker) solid var(--brand-Accordion-border-color-emphasis);
+  background-color: var(--brand-color-canvas-subtle);
+  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  padding-block: var(--base-size-20);
+  padding-inline: var(--base-size-20);
+  gap: 0;
+  justify-content: flex-start;
+  align-items: center;
+}
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk::before {
+  content: '';
+  display: block;
+  width: calc(var(--base-size-8) - 1px);
+  height: var(--base-size-12);
+  flex-shrink: 0;
+  margin-inline-end: var(--base-size-12);
+  background-color: var(--brand-Accordion-indicator-idle);
+}
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk:hover::before {
+  background-color: var(--brand-Accordion-indicator-hover);
+}
+details[open] > .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk::before {
+  background-color: var(--brand-Accordion-indicator-active);
+}
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h3, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h4, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h5, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h6 {
+  font-family: var(--brand-fontStack-monospace);
+  font-size: var(--brand-text-size-100);
+  font-weight: var(--brand-text-weight-500);
+  line-height: var(--brand-text-lineHeight-100);
+  letter-spacing: 0.15px;
+  text-transform: uppercase;
+}
+.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt)
+  + .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt)
+  > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
+  border-block-start: none;
+}
+.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
+  border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  padding-block-start: var(--base-size-12);
+  padding-block-end: var(--base-size-12);
+  padding-inline: var(--base-size-20);
+}
+.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA .Primer_Brand__Accordion-module__Accordion--default___wLsHR:last-child {
+  border-bottom: none;
+}
+.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA .Primer_Brand__Accordion-module__Accordion--default___wLsHR:last-child::after {
+  display: none;
 }
 .Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
   content: '';
-  border: 3px solid var(--brand-Accordion-border-color-default);
-  height: 0;
+  background-color: var(--brand-Accordion-border-color-default);
+  height: var(--brand-borderWidth-thin);
   transition: var(--brand-animation-duration-fast) transform;
   transform: scaleY(0);
   transform-origin: 50% 100%;
@@ -9381,8 +9439,10 @@ html {
   left: 0;
 }
-.Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after {
-  transform: scaleY(0.35);
+.Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after,
+details[open].Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
+  background-color: var(--brand-color-accent-primary);
+  transform: scaleY(1);
 }
 .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
@@ -9405,20 +9465,27 @@ html {
   outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
 }
+/* When open, move focus ring to the details element to wrap summary + content as one unit */
+details[open].Primer_Brand__Accordion-module__Accordion___M_LPt:has(> summary:focus-visible) {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+  outline-offset: var(--base-size-2);
+}
+details[open].Primer_Brand__Accordion-module__Accordion___M_LPt > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:focus-visible {
+  outline: none;
+}
 .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
 .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
-  font-family: var(--brand-fontStack-sansSerif);
-  font-weight: 500;
   cursor: pointer;
-  font-size: 32px;
-  line-height: 24px;
-  text-align: center;
-  height: 24px;
-  width: 24px;
-  -webkit-text-fill-color: transparent;
-  -webkit-box-decoration-break: clone;
-  box-decoration-break: clone;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: var(--base-size-24);
+  width: var(--base-size-24);
+  color: var(--brand-color-text-default);
   position: absolute;
+  transition: opacity var(--brand-animation-duration-faster) ease;
 }
 .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
@@ -9426,134 +9493,110 @@ html {
   right: 0;
 }
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
+  position: static;
+  order: 1;
+}
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
+  margin-inline-start: auto;
+}
+.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
+  margin-inline-start: calc(-1 * var(--base-size-24));
+}
 .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
 .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
   left: 0;
 }
-.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
-.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
-  transition: transform var(--brand-animation-duration-fast) ease, opacity var(--brand-animation-duration-faster) ease;
-  display: block;
-  background: linear-gradient(
-    -70deg,
-    var(--brand-Accordion-toggle-color-start) 0%,
-    var(--brand-Accordion-toggle-color-end) 100%
-  );
-  -webkit-background-clip: text;
-  background-clip: text;
+.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
+.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
+  color: var(--brand-Accordion-toggle-color-start, var(--brand-color-text-default));
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-default___J06Ol {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-default);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-default);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue___BpPxQ {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue-purple___R4Ta3 {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue-purple-start);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue-purple-end);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-coral___T3Lvh {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-coral);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-coral);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green___GThPe {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green-blue___PHnZc {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green-blue-start);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green-blue-end);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-gray___gGQN8 {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-gray);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-gray);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-indigo___f5_9S {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-indigo);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-indigo);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lemon___c5Gz6 {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lemon);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lemon);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lime___Tj0cg {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lime);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lime);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-orange____Dby3 {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-orange);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-orange);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink___BXVJc {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink-blue___NVPxr {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink-blue-start);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink-blue-end);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple___whcwP {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple-red___l3gUG {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple-red-start);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple-red-end);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red___txXJX {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red-orange___ZODhv {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red-orange-start);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red-orange-end);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-teal___h2drb {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-teal);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-teal);
 }
 .Primer_Brand__Accordion-module__Accordion__summary--toggleColor-yellow___WGTG3 {
   --brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-yellow);
-  --brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-yellow);
 }
-.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
-  font-weight: var(--base-text-weight-medium);
-  content: '–';
+.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
   opacity: 0;
 }
-.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
-  content: '+';
-}
-.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
-.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
-  transform: translate(0, -2px);
-}
 .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
   opacity: 0;
 }
@@ -9566,17 +9609,15 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer
   opacity: 0;
 }
-details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
+details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
   opacity: 1;
-  transform: rotateZ(180deg);
 }
-details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
+details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
   opacity: 0;
-  transform: rotateZ(180deg);
 }
-.Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
+.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
   padding-inline-end: var(--base-size-48);
 }
@@ -9639,7 +9680,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 }
 .Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
-  margin-top: calc(var(--base-size-16) * -1); /* for 8px gap between question and answer */
+  margin-top: calc(var(--base-size-12) * -1); /* for 12px gap between question and answer */
 }
 details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
@@ -9676,7 +9717,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -9685,25 +9726,29 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
 [data-color-mode="light"] {
   --brand-FAQ-color-heading: var(--brand-color-text-default);
   --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
-  --brand-FAQ-color-tabBg-selected: var(--base-color-scale-gray-1);
+  --brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-3);
+  --brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
+  --brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
 }
 [data-color-mode="dark"] {
   --brand-FAQ-color-heading: var(--brand-color-text-default);
   --brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
-  --brand-FAQ-color-tabBg-selected: var(--base-color-scale-gray-7);
+  --brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-7);
+  --brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
+  --brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
 }
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -9733,6 +9778,22 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   margin: 0 auto;
 }
+.Primer_Brand__FAQ-module__FAQ--variant-gridline___mM5vd {
+  padding-block-end: var(--base-size-40);
+  border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
+  max-width: 100%;
+}
+.Primer_Brand__FAQ-module__FAQ__content-wrapper--gridline___XqrgD {
+  max-width: var(--brand-FAQ-maxWidth-list);
+  margin: 0 auto;
+}
+.Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___TWgo1 {
+  border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
+  margin-block-end: var(--base-size-40);
+}
 .Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
   color: var(--brand-FAQ-color-heading);
   margin-bottom: var(--brand-FAQ-heading-marginBottom);
@@ -9741,6 +9802,9 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 .Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
   margin-bottom: var(--base-size-16);
   color: var(--brand-color-text-muted);
+  text-transform: uppercase;
+  font-size: var(--brand-text-size-100);
+  line-height: var(--brand-text-lineHeight-100);
 }
 .Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3 {
@@ -9780,24 +9844,31 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   margin: 0;
 }
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___TWgo1 {
+    margin-block-end: var(--base-size-48);
+  }
+  .Primer_Brand__FAQ-module__FAQ--variant-gridline___mM5vd {
+    padding-block-end: var(--base-size-64);
+  }
+}
 .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
   display: none;
   justify-content: space-between;
   gap: var(--brand-stack-gap-spacious);
 }
-@media screen and (min-width: 48rem) {
-  .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
-    display: grid;
-  }
-  .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
-    display: none;
-  }
+.Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
+  margin-block-start: var(--base-size-48);
 }
 .Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___F0U3h {
   margin-block-start: calc(var(--base-size-8) + 1px);
+  text-transform: uppercase;
+  font-size: var(--brand-text-size-100);
+  line-height: var(--brand-text-lineHeight-100);
 }
 .Primer_Brand__FAQGroup-module__FAQGroup__tablist___WdY5Z .Primer_Brand__FAQGroup-module__FAQ__heading___w52lv {
@@ -9805,26 +9876,62 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
 }
 .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: none;
   background-color: transparent;
-  justify-content: flex-start;
-}
-.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC > span {
+  padding-block: var(--base-size-8);
+  padding-inline: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: var(--base-size-12);
+  width: 100%;
+  font-family: var(--brand-fontStack-monospace);
+  font-size: var(--brand-text-size-100);
+  font-weight: var(--brand-text-weight-500);
+  line-height: var(--brand-text-lineHeight-100);
+  letter-spacing: 0.15px;
+  text-transform: uppercase;
+  text-align: start;
+  color: var(--brand-color-text-muted);
   overflow: hidden;
-  white-space: nowrap;
   text-overflow: ellipsis;
+  white-space: nowrap;
+  transition: gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
 }
-.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
-  background-color: var(--brand-FAQ-color-tabBg-selected);
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:focus-visible {
+  outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
+  outline-offset: 2px;
 }
-.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC span {
-  color: var(--brand-color-text-muted);
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC::before {
+  content: '';
+  display: block;
+  width: calc(var(--base-size-8) + var(--base-size-2));
+  height: var(--base-size-12);
+  flex-shrink: 0;
+  background-color: var(--brand-FAQGroup-buttonIndicator-idle);
+  transform: scaleX(0.7);
+  transform-origin: left;
+  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
+    background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
+}
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:hover::before {
+  background-color: var(--brand-FAQGroup-buttonIndicator-hover);
 }
-.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] span {
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
   color: var(--brand-FAQ-color-tabLabel-selected);
+  gap: calc(var(--base-size-12) + 3px);
+}
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true']::before {
+  transform: scaleX(1);
+  background-color: var(--brand-FAQGroup-buttonIndicator-active);
 }
 .Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___JGGeC summary h4 {
@@ -9833,6 +9940,20 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   line-height: var(--brand-text-lineHeight-200);
 }
+/* Gridline variant */
+.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___OCZgL {
+  padding-inline-start: var(--base-size-48);
+  padding-block: var(--base-size-80);
+}
+.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___C9omN {
+  border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  padding-inline: var(--base-size-64);
+  padding-block-start: var(--base-size-80);
+  padding-block-end: var(--base-size-96);
+}
 @media (forced-colors: active) {
   .Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
     border-color: Highlight;
@@ -9841,9 +9962,75 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
   }
 }
+.Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
+  padding-inline: var(--base-size-20);
+}
+/* Custom tablet breakpoint */
+@media screen and (min-width: 618px) {
+  .Primer_Brand__FAQGroup-module__FAQGroup__gridline-wrapper___OBSr9 {
+    border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
+    margin-block-start: 0;
+    max-width: 618px;
+    margin-inline: auto;
+    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
+    max-width: 618px;
+    margin: 0 auto;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___lkgjS {
+    padding-block-end: var(--base-size-40);
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___Q_oGI {
+    border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___zDvVd:first-child summary {
+    border-block-start: none !important;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___zDvVd:last-child summary {
+    border-block-end: none !important;
+  }
+}
+@media screen and (min-width: 63.25rem) {
+  .Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
+    display: grid;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
+    display: none;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
+    padding-inline: 0;
+    max-width: 100%;
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___lkgjS {
+    padding-block-end: var(--base-size-64);
+  }
+}
+@media screen and (min-width: 80rem) {
+  .Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___OCZgL {
+    border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+  .Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___C9omN {
+    border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+  }
+}
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -11046,7 +11233,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -11060,7 +11247,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -11354,7 +11541,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -11370,7 +11557,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -12115,7 +12302,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -12131,7 +12318,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -12354,7 +12541,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -12518,7 +12705,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -12826,7 +13013,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -12862,7 +13049,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -12930,7 +13117,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -12941,7 +13128,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -13286,7 +13473,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -14127,7 +14314,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -14138,7 +14325,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -14637,7 +14824,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -14657,7 +14844,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -14693,7 +14880,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -14717,7 +14904,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -15190,7 +15377,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -15204,7 +15391,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -15218,7 +15405,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -17394,7 +17581,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -17418,7 +17605,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -17853,7 +18040,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -17869,7 +18056,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -18344,6 +18531,7 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h1, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h2, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h3, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h4, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h5, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h6 {
   font-size: var(--feature-list-font-size);
   line-height: var(--feature-list-line-height);
+  font-weight: var(--brand-text-subhead-weight-large);
   gap: var(--base-size-8);
   display: inline-flex;
   align-items: center;
@@ -18372,7 +18560,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -18381,21 +18569,23 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
 [data-color-mode="light"] {
+  --brand-SubNav-bgColor: var(--brand-color-canvas-default);
   --brand-SubNav-color-link-rest: var(--brand-color-text-default);
   --brand-SubNav-color-link-active: var(--brand-color-text-default);
-  --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
+  --brand-SubNav-color-link-bgColor: #e4ebe6;
   --brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
 }
 [data-color-mode="dark"] {
+  --brand-SubNav-bgColor: var(--brand-color-canvas-default);
   --brand-SubNav-color-link-rest: var(--brand-color-text-default);
   --brand-SubNav-color-link-active: var(--brand-color-text-default);
-  --brand-SubNav-color-subMenu-bgColor: var(--base-color-scale-white-0);
+  --brand-SubNav-color-link-bgColor: #323834;
   --brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
 }
@@ -18403,6 +18593,7 @@ Fixes safari bug where outline doesn't respect border-radius
   position: absolute;
   width: 100%;
   z-index: 2;
+  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
 }
 .Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 {
@@ -18411,11 +18602,15 @@ Fixes safari bug where outline doesn't respect border-radius
   position: relative;
 }
+.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 .Primer_Brand__SubNav-module__SubNav___dVoQu {
+  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+}
 .Primer_Brand__SubNav-module__SubNav___dVoQu {
   width: 100%;
   display: flex;
-  padding: var(--base-size-16);
   z-index: 1;
+  background-color: var(--brand-SubNav-bgColor);
 }
 [data-color-mode='dark'] .Primer_Brand__SubNav-module__SubNav___dVoQu {
@@ -18423,16 +18618,21 @@ Fixes safari bug where outline doesn't respect border-radius
   -moz-osx-font-smoothing: grayscale;
 }
-.Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
+.Primer_Brand__SubNav-module__SubNav__heading___MAxf6,
+.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
   display: block;
-  font-weight: var(--base-text-weight-medium);
+  font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */
+  line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */
+  font-weight: var(--brand-text-subhead-weight-medium);
   color: var(--brand-color-text-default);
   font-family: var(--brand-heading-fontFamily);
   -webkit-text-decoration: none;
   text-decoration: none;
 }
-.Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover {
+.Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover,
+.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover,
+.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
   color: var(--brand-color-text-muted);
   -webkit-text-decoration: none !important;
   text-decoration: none !important; /* dotcom override */
@@ -18443,10 +18643,17 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
+  min-height: 60px;
   position: relative;
   z-index: 9998;
-  display: inline-block;
-  margin-inline-end: var(--base-size-16);
+  display: flex;
+  align-items: center;
+  padding: var(--base-size-16);
+  border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+}
+.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG + .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
+  padding-inline-start: var(--base-size-24);
 }
 .Primer_Brand__SubNav-module__SubNav--has-shadow___jkyC7 {
@@ -18484,16 +18691,6 @@ Fixes safari bug where outline doesn't respect border-radius
   display: none;
 }
-.Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
-  position: relative;
-  top: 0;
-  color: var(--brand-color-text-muted);
-  min-width: var(--base-size-8);
-  min-height: var(--base-size-16);
-  display: inline-flex;
-  align-items: center;
-}
 /*
    * Anchor Nav Submenu
    */
@@ -18546,8 +18743,8 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
   display: flex;
-  padding-block-start: var(--base-size-12);
-  padding-block-end: var(--base-size-20);
+  padding-block: var(--base-size-12);
+  border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
 }
 .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__sub-menu-list___aBVGd {
@@ -18558,28 +18755,20 @@ Fixes safari bug where outline doesn't respect border-radius
   gap: var(--base-size-20);
 }
-.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
-  color: var(--brand-color-text-default);
+.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
+  font-weight: 450; /* FIXME: unsupported in our font weight primitives */
 }
-.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
-.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
-.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
-.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
-  opacity: 1;
-  transform: scale(0.8, 1);
-}
-.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
-.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:active .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
-  border-color: var(--brand-color-text-default);
-  transform: scale(0.9, 1);
+.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
+  padding: var(--base-size-6) var(--base-size-12);
+  background-color: transparent;
+  border-radius: var(--brand-borderRadius-full);
+  transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),
+    color var(--brand-animation-duration-default) var(--brand-animation-easing-default);
 }
-.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[data-active='true'] .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
-.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
-  border-color: var(--brand-color-text-default);
-  opacity: 1;
+.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
+  background-color: var(--brand-SubNav-color-link-bgColor);
 }
 .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
@@ -18587,37 +18776,14 @@ Fixes safari bug where outline doesn't respect border-radius
   opacity: 0;
 }
-.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
 .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) * {
   color: var(--brand-SubNav-color-link-active);
   -webkit-text-decoration: none !important;
   text-decoration: none !important; /* dotcom override */
 }
-.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
-.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp::after {
-  content: '';
-  position: absolute;
-  bottom: calc(var(--base-size-2) * -1);
-  left: 0;
-  width: 100%;
-  height: 2px;
-  border-width: 2px;
-  border-bottom: var(--base-size-2) solid var(--brand-color-text-muted);
-  transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
-    border-color var(--brand-animation-duration-fast);
-  opacity: 1;
-  transform: scale(0);
-  transform-origin: center;
-}
-.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
-  border-color: var(--brand-color-text-default);
-}
 .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
   transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
-  color: var(--brand-SubNav-color-link-active);
 }
 .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
@@ -18675,6 +18841,18 @@ Fixes safari bug where outline doesn't respect border-radius
     display: block;
   }
+  .Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav--header-container-outer___tneuD {
+    display: flex;
+    flex-direction: column;
+    max-height: 100dvh;
+    max-height: var(--subnav-available-height, 100dvh);
+    overflow: hidden;
+  }
+  .Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
+    flex-shrink: 0;
+  }
   .Primer_Brand__SubNav-module__SubNav--open___xWq0D + .Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___sfhEf {
     z-index: -1;
   }
@@ -18694,6 +18872,8 @@ Fixes safari bug where outline doesn't respect border-radius
     display: flex;
     width: 100%;
     white-space: pre;
+    position: relative;
+    z-index: 9998;
   }
   .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
@@ -18709,49 +18889,55 @@ Fixes safari bug where outline doesn't respect border-radius
     justify-content: center;
     z-index: 9998;
     display: none;
+    padding-inline: var(--base-size-8);
   }
   .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
     display: flex;
     flex-direction: column;
     gap: var(--base-size-8);
-    padding-block-start: var(--base-size-16);
-    padding-block-end: var(--base-size-16);
-  }
-  .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
-    border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
-    margin-block-start: var(--base-size-16);
+    padding-block: var(--base-size-16);
+    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+    justify-content: flex-start;
+    overflow-y: auto;
+    min-height: 0;
   }
   .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
     color: var(--brand-color-text-default);
   }
-  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
-    color: var(--brand-color-text-muted);
-  }
   .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
-    background-color: transparent;
-    border: none;
-    cursor: pointer;
     display: flex;
     position: relative;
     width: 100%;
-    order: 1;
     z-index: 9999;
-    padding: 0;
     justify-content: flex-end;
+    padding-inline-end: var(--base-size-16);
   }
   .Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a:not(.Primer_Brand__SubNav-module__SubNav--subHeadingActive___AxXKr) .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
-    margin-block-start: var(--base-size-12);
+    border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
+    display: block;
+    padding-block: var(--base-size-12);
+    margin-block: 0;
   }
   .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
-    justify-content: space-between;
     width: 100%;
+    padding-inline-start: var(--base-size-16);
+  }
+  .Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K {
+    background-color: var(--brand-SubNav-color-link-bgColor);
+    border: none;
+    border-radius: var(--brand-borderRadius-full);
+    padding: var(--base-size-4) var(--base-size-12);
+    gap: var(--base-size-6);
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    font: inherit;
   }
   .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
@@ -18773,10 +18959,26 @@ Fixes safari bug where outline doesn't respect border-radius
     color: var(--brand-SubNav-color-link-active);
   }
+  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
+    padding: var(--base-size-8);
+  }
+  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
+    display: inline-block;
+    background-color: var(--brand-SubNav-color-link-bgColor);
+    border-radius: var(--brand-borderRadius-full);
+    padding: var(--base-size-4) var(--base-size-12);
+    margin-inline-start: var(--base-size-8);
+  }
+  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
+    background-color: var(--brand-SubNav-color-link-bgColor);
+    border-radius: var(--brand-borderRadius-medium);
+  }
   .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ,
   .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__action-container___lgC_T {
     display: block;
-    padding: var(--base-size-8) 0;
     animation: Primer_Brand__SubNav-module__fade-in___t8Rrr 0.3s var(--brand-animation-easing-glide) forwards;
   }
@@ -18797,6 +18999,7 @@ Fixes safari bug where outline doesn't respect border-radius
     padding: 0;
     margin: 0;
     padding-inline-start: var(--base-size-16);
+    padding-block-start: var(--base-size-8);
   }
   .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
@@ -18828,8 +19031,6 @@ Fixes safari bug where outline doesn't respect border-radius
   }
   .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
-    font-size: var(--brand-text-size-200);
-    font-weight: var(--base-text-weight-medium);
     padding-block-end: var(--base-size-6);
   }
@@ -18853,19 +19054,7 @@ Fixes safari bug where outline doesn't respect border-radius
     display: block;
     white-space: pre;
     position: relative;
-  }
-  .Primer_Brand__SubNav-module__SubNav___dVoQu .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
-    opacity: 0;
-    transform: scale(0);
-    bottom: 0;
-  }
-  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
-  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
-  .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
-    opacity: 1;
-    transform: scale(1);
+    top: var(--base-size-2);
   }
 }
@@ -18887,7 +19076,7 @@ Fixes safari bug where outline doesn't respect border-radius
 .Primer_Brand__SubNav-module__SubNav__heading___MAxf6:focus-visible,
 .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible,
 .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9:focus-visible,
-.Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X:focus-visible {
+.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K:focus-visible {
   outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
   outline-offset: var(--base-size-2);
 }
@@ -18898,20 +19087,24 @@ Fixes safari bug where outline doesn't respect border-radius
   white-space: nowrap;
 }
-.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false'])::after,
-.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover::after {
-  border-color: var(--brand-color-text-default);
-  opacity: 1;
-  transform: scale(0.8, 1);
-}
-.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible::after {
-  opacity: 0;
+.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false']) {
+  background-color: var(--brand-SubNav-color-link-bgColor);
+  border: none;
+  border-radius: var(--brand-borderRadius-full);
+  padding: var(--base-size-6) var(--base-size-12);
 }
 @media screen and (min-width: 48rem) {
-  .Primer_Brand__SubNav-module__SubNav___dVoQu {
-    padding: var(--base-size-16) var(--base-size-24);
+  .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
+    padding-inline: var(--base-size-24);
+  }
+  .Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
+    padding-inline-start: var(--base-size-24);
+  }
+  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
+    padding: var(--base-size-24);
   }
   .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
@@ -18933,16 +19126,24 @@ Fixes safari bug where outline doesn't respect border-radius
 @media screen and (min-width: 63.25rem) {
   .Primer_Brand__SubNav-module__SubNav___dVoQu {
-    padding: var(--base-size-16) var(--base-size-32);
     align-items: center;
     display: flex;
     z-index: 92;
+    padding-inline: var(--base-size-32);
+  }
+  .Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
+    padding: 0;
   }
   .Primer_Brand__SubNav-module__SubNav___dVoQu:has(+ .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___TNidG) {
     padding-block-end: 0;
   }
+  .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
+    padding-inline-start: 0;
+  }
   .Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
     padding-inline: 0;
   }
@@ -18955,11 +19156,6 @@ Fixes safari bug where outline doesn't respect border-radius
     padding-block-end: 1px;
   }
-  .Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
-    font-size: calc(var(--base-size-20) - 2px);
-    line-height: var(--base-size-24);
-  }
   .Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
     margin-inline-end: var(--base-size-20);
     display: inline-flex;
@@ -18975,26 +19171,18 @@ Fixes safari bug where outline doesn't respect border-radius
     align-items: center;
   }
-  .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
-    margin-inline-end: var(--base-size-20);
-  }
   .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
     display: flex;
     align-items: center;
   }
-  .Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
-    font-size: var(--brand-text-size-100);
-    line-height: var(--brand-text-lineHeight-100);
-  }
   .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
     align-items: center;
     display: flex;
     gap: var(--base-size-20);
     z-index: 92;
     flex-grow: 1;
+    padding-inline-start: var(--base-size-24);
   }
   .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
@@ -19003,6 +19191,8 @@ Fixes safari bug where outline doesn't respect border-radius
     transition: color 0.2s var(--brand-animation-easing-glide);
     position: relative;
     padding: var(--base-size-4) 0;
+    /* Optical alignment */
+    top: 1px;
   }
   .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
@@ -19027,24 +19217,20 @@ Fixes safari bug where outline doesn't respect border-radius
   .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN {
     background-clip: padding-box;
-    background-color: var(--brand-SubNav-color-subMenu-bgColor);
-    border: max(1px, 0.0625rem) solid var(--borderColor-default, var(--color-border-default));
-    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
-    border-radius: 0.375rem;
-    border-radius: var(--brand-borderRadius-xlarge, 0.375rem);
-    box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
+    background-color: var(--brand-color-canvas-default);
+    border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);
+    border-radius: var(--brand-borderRadius-medium);
     left: 0;
     list-style: none;
     margin-block-start: var(--base-size-8);
-    padding: var(--base-size-24);
-    padding-inline-end: var(--base-size-24);
+    padding: var(--base-size-8);
     position: absolute;
-    top: 100%;
+    top: 90%;
     z-index: 9998;
     transition-timing-function: var(--brand-animation-easing-glide);
     transition-duration: var(--brand-animation-duration-fast);
     transition-property: opacity, transform;
-    left: calc(var(--base-size-4) / 4 * -16);
+    left: var(--base-size-4);
     visibility: hidden;
     opacity: 0;
     transform: scale(0.99) translateY(-0.7em) translateX(-8px);
@@ -19059,7 +19245,6 @@ Fixes safari bug where outline doesn't respect border-radius
     visibility: visible;
     opacity: 1;
     transform: scale(1) translateY(0) translateX(-8px);
-    box-shadow: var(--brand-SubNav-shadow);
   }
   .Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9 {
@@ -19081,10 +19266,6 @@ Fixes safari bug where outline doesn't respect border-radius
     display: block;
   }
-  .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
-    color: var(--brand-color-text-default) !important;
-  }
   .Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
     opacity: 1;
     transform: scale(0);
@@ -19103,18 +19284,60 @@ Fixes safari bug where outline doesn't respect border-radius
     padding: var(--base-size-4) 0;
   }
-  /* Show underline on submenu parent when child has aria-current */
-  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:has(.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']))
-    > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ
-    .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
-    opacity: 1;
-    transform: scale(0.8, 1);
+  /* Show pill on submenu parent */
+  .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN {
+    background-color: var(--brand-SubNav-color-link-bgColor);
+    border-radius: var(--brand-borderRadius-full);
+    padding: 0 var(--base-size-8) 0 0;
+    gap: 0;
   }
-  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
-  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
-    opacity: 1;
-    transform: scale(1);
+  .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
+    padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);
+  }
+  .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
+    padding: var(--base-size-12);
+  }
+  /* Active link pill styling */
+  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
+    background-color: var(--brand-SubNav-color-link-bgColor);
+    border-radius: var(--brand-borderRadius-full);
+    padding: var(--base-size-4) var(--base-size-12);
+    line-height: 1.1em;
+  }
+  /* Firefox optical alignment fix */
+  @supports (-moz-appearance: none) {
+    .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
+      position: relative;
+      top: 1px;
+    }
+    .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND
+      .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW
+      .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false'])
+      .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
+      top: 0;
+    }
+  }
+  .Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
+    padding-inline-end: var(--base-size-4);
+  }
+  .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
+    background-color: transparent;
+    border-radius: var(--brand-borderRadius-medium);
+    padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);
+    top: auto;
+    top: initial;
+  }
+  .Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
+    background-color: var(--brand-SubNav-color-link-bgColor);
+    border-radius: var(--brand-borderRadius-medium);
   }
   .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
@@ -19123,10 +19346,6 @@ Fixes safari bug where outline doesn't respect border-radius
     transition: transform var(--brand-animation-duration-fast);
   }
-  .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
-    transform: translateY(2px);
-  }
   .Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
     padding-inline: var(--base-size-32);
   }
@@ -19164,7 +19383,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -19173,7 +19392,7 @@ Fixes safari bug where outline doesn't respect border-radius
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -19669,7 +19888,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -19768,7 +19987,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -20146,7 +20365,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -20160,7 +20379,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root {
@@ -20347,7 +20566,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -20631,7 +20850,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -20642,7 +20861,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,
@@ -20780,7 +20999,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:52 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:19 GMT
  */
 :root {
@@ -20789,7 +21008,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
 /**
  * Do not edit directly
- * Generated on Sat, 21 Feb 2026 16:54:53 GMT
+ * Generated on Mon, 23 Feb 2026 11:53:20 GMT
  */
 :root,