diff --git a/package.json b/package.json
index e70b6f33d5..3ef7e43c6c 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,6 @@
 		"svelte": "^4.2.0",
 		"svelte-check": "^3.5.1",
 		"svelte-markdoc-preprocess": "^0.3.2",
-		"svelte-seo": "^1.5.4",
 		"svelte-sequential-preprocessor": "^2.0.1",
 		"svgo": "^3.0.2",
 		"svgtofont": "^4.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0457cedca6..ff0fac3785 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -94,9 +94,6 @@ devDependencies:
   svelte-markdoc-preprocess:
     specifier: ^0.3.2
     version: 0.3.2
-  svelte-seo:
-    specifier: ^1.5.4
-    version: 1.5.4(typescript@5.2.2)
   svelte-sequential-preprocessor:
     specifier: ^2.0.1
     version: 2.0.1
@@ -3946,14 +3943,6 @@ packages:
     resolution: {integrity: sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==}
     dev: true
 
-  /schema-dts@1.1.2(typescript@5.2.2):
-    resolution: {integrity: sha512-MpNwH0dZJHinVxk9bT8XUdjKTxMYrA5bLtrrGmFA6PTLwlOKnhi67XoRd6/ty+Djt6ZC0slR57qFhZDNMI6DhQ==}
-    peerDependencies:
-      typescript: '>=4.1.0'
-    dependencies:
-      typescript: 5.2.2
-    dev: true
-
   /semver@7.5.4:
     resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
     engines: {node: '>=10'}
@@ -4401,14 +4390,6 @@ packages:
       typescript: 5.2.2
     dev: true
 
-  /svelte-seo@1.5.4(typescript@5.2.2):
-    resolution: {integrity: sha512-pevGUiWkqLrSWXVkxE0SbkBLNsz2dVaiK8/kBq2eUHYdyzuPEZGbqtUARyJZHouv28xre7IU9t0VnoYt8d4kzA==}
-    dependencies:
-      schema-dts: 1.1.2(typescript@5.2.2)
-    transitivePeerDependencies:
-      - typescript
-    dev: true
-
   /svelte-sequential-preprocessor@2.0.1:
     resolution: {integrity: sha512-N5JqlBni6BzElxmuFrOPxOJnjsxh1cFDACLEVKs8OHBcx8ZNRO1p5SxuQex1m3qbLzAC8G99EHeWcxGkjyKjLQ==}
     engines: {node: '>=16'}
diff --git a/src/lib/animations/Products/post/post.svelte b/src/lib/animations/Products/post/post.svelte
index b03dfe0f4e..f55fd88337 100644
--- a/src/lib/animations/Products/post/post.svelte
+++ b/src/lib/animations/Products/post/post.svelte
@@ -211,8 +211,11 @@
 			content: '';
 			inset: 0;
 			position: absolute;
-			background: #19191d;
-			filter: blur(125px);
+			//background: #19191d; // old bg
+			//filter: blur(125px); // break Safari
+			background: #19191dcc;
+			filter: blur(67px);
+
 		}
 
 		h3 {
diff --git a/src/lib/components/Search.svelte b/src/lib/components/Search.svelte
index d9e69b3f3a..3055f68a13 100644
--- a/src/lib/components/Search.svelte
+++ b/src/lib/components/Search.svelte
@@ -147,7 +147,7 @@
 		<div
 			class="aw-input-text-search-wrapper aw-u-max-width-680 aw-u-margin-inline-20 u-width-full-line"
 		>
-			<span class="icon-search u-z-index-5" aria-hidden="true" style="" />
+			<span class="aw-icon-search u-z-index-5" aria-hidden="true" style="inset-block-start:0.9rem" />
 			<div id="searchbox" />
 
 			<!-- svelte-ignore a11y-autofocus -->
@@ -157,7 +157,7 @@
 				type="text"
 				id="search"
 				bind:value
-				placeholder="Search"
+				placeholder="Search in docs"
 				style="border-end-start-radius:0; border-end-end-radius:0;"
 				use:arrowKeyFocus
 				data-hit="-1"
@@ -171,14 +171,14 @@
 						{#if results.length > 0}
 							<section>
 								<h6 class="aw-eyebrow">{results.length} results found</h6>
-								<ul class="u-margin-block-start-8">
+								<ul class="u-flex-vertical u-gap-4 u-margin-block-start-8">
 									{#each results as hit, i (hit.uid)}
 										<li>
 											<a
 												data-hit={i}
 												href={createHref(hit)}
 												use:arrowKeyFocus
-												class="aw-button aw-caption-400 is-text u-flex-vertical u-gap-8 u-min-width-100-percent aw-u-padding-block-4 aw-u-cross-start u-max-width-100-percent"
+												class="aw-button aw-caption-400 is-text u-flex-vertical u-gap-8 u-min-width-100-percent aw-u-padding-block-8 aw-padding-inline-12  aw-u-cross-start u-max-width-100-percent"
 											>
 												<div class="aw-u-trim-1">
 													<span class="aw-u-color-text-secondary">{hit.h1}</span>
@@ -203,7 +203,7 @@
 					{/if}
 					<section>
 						<h6 class="aw-eyebrow">Recommended</h6>
-						<ul class="u-margin-block-start-8">
+						<ul class="u-flex-vertical u-gap-4 u-margin-block-start-8">
 							{#each recommended as hit, i (hit.uid)}
 								{@const index = i + (results.length ? results.length : 0)}
 								<li>
diff --git a/src/lib/layouts/Docs.svelte b/src/lib/layouts/Docs.svelte
index 7a37f297f3..7cf2c51f30 100644
--- a/src/lib/layouts/Docs.svelte
+++ b/src/lib/layouts/Docs.svelte
@@ -135,7 +135,7 @@
 								class="aw-input-button aw-u-flex-basis-400"
 								on:click={() => ($layoutState.showSearch = true)}
 							>
-								<span class="icon-search" aria-hidden="true" />
+								<span class="aw-icon-search" aria-hidden="true" />
 								<span class="text">Search in docs</span>
 
 								<div class="u-flex u-gap-4 u-margin-inline-start-auto">
@@ -152,22 +152,7 @@
 								target="_blank"
 								class="aw-button is-text"
 							>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									width="18"
-									height="16"
-									viewBox="0 0 18 16"
-									fill="none"
-								>
-									<path
-										d="M8.55214 0.894436C8.73682 0.525615 9.26319 0.525617 9.44786 0.894438L11.3548 4.70276C11.4282 4.84944 11.5688 4.95086 11.7312 4.97425L15.9844 5.5871C16.3973 5.64659 16.5607 6.15521 16.2598 6.44413L13.1922 9.38955C13.0721 9.50495 13.0171 9.67255 13.0457 9.83669L13.7708 14.0043C13.8418 14.4126 13.4147 14.7256 13.0468 14.5349L9.23053 12.5564C9.08598 12.4815 8.91402 12.4815 8.76948 12.5564L4.95321 14.5349C4.58534 14.7256 4.1582 14.4126 4.22923 14.0044L4.95432 9.83669C4.98288 9.67255 4.92794 9.50495 4.80776 9.38955L1.74017 6.44413C1.43926 6.15521 1.60274 5.64659 2.01564 5.5871L6.26881 4.97425C6.43118 4.95086 6.5718 4.84944 6.64524 4.70276L8.55214 0.894436Z"
-										stroke="white"
-										stroke-opacity="0.48"
-										stroke-width="1.20208"
-										stroke-linecap="round"
-										stroke-linejoin="round"
-									/>
-								</svg>
+								<span class="aw-icon-star" aria-hidden="true"></span>
 								<span class="text">Star on GitHub</span>
 								<span class="aw-inline-tag aw-sub-body-400">33.2K</span>
 							</a>
diff --git a/src/lib/layouts/Sidebar.svelte b/src/lib/layouts/Sidebar.svelte
index 15f7d4b857..7eb85be8a1 100644
--- a/src/lib/layouts/Sidebar.svelte
+++ b/src/lib/layouts/Sidebar.svelte
@@ -39,7 +39,7 @@
 			class="aw-input-text aw-is-not-desktop"
 			on:click={() => ($layoutState.showSearch = true)}
 		>
-			<span class="icon-search" />
+			<span class="aw-icon-search" />
 			<span class="text">Search in docs</span>
 		</button>
 		<div class="aw-side-nav-scroll">
diff --git a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
index c910e0c9e2..14c40cca3e 100644
--- a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
+++ b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
@@ -254,7 +254,7 @@
 				<span class="icon-menu-alt-4" aria-hidden="true" />
 			</button>
 			<div class="aw-references-menu-content">
-				<div class="u-flex u-main-space-between u-cross-center u-gap-16 u-margin-block-start-24">
+				<div class="aw-references-menu-header u-flex u-main-space-between u-cross-center u-gap-16 u-margin-block-start-24">
 					<h5 class="aw-references-menu-title aw-eyebrow">On This Page</h5>
 					<button class="aw-icon-button" id="refClose" on:click={toggleReferences}>
 						<span class="icon-x" aria-hidden="true" />
diff --git a/src/scss/6-elements/_container.scss b/src/scss/6-elements/_container.scss
index 70ad51c9d5..bc63e0aeba 100644
--- a/src/scss/6-elements/_container.scss
+++ b/src/scss/6-elements/_container.scss
@@ -19,6 +19,7 @@
   display:grid;
 
   &-level-1 {
+    overflow:hidden;
     @media #{$break1} {
       padding-block:pxToRem(0);
       &:first-child { padding-block-start:pxToRem(0); }
diff --git a/src/scss/6-elements/_input-text.scss b/src/scss/6-elements/_input-text.scss
index f8f2a6d538..2f4d55ca8e 100644
--- a/src/scss/6-elements/_input-text.scss
+++ b/src/scss/6-elements/_input-text.scss
@@ -115,7 +115,8 @@
   &-search-wrapper {
     position:relative; min-inline-size:pxToRem(350);
     input { block-size:pxToRem(48); padding-inline-start:pxToRem(40);  }
-    .icon-search {
+    .icon-search,
+    .#{$p}-icon-search {
       position:absolute; inset-block-start:pxToRem(16);  inset-inline-start:pxToRem(16);
       line-height:1;
     }
diff --git a/src/scss/7-components/_article.scss b/src/scss/7-components/_article.scss
index 06607a20e5..88822bb39a 100644
--- a/src/scss/7-components/_article.scss
+++ b/src/scss/7-components/_article.scss
@@ -28,7 +28,10 @@
       &-pink-dots    { margin-block-end:pxToRem(24); }
       &-blockquote    { margin-block:pxToRem(16); }
       &-table-wrapper { margin-block-end:pxToRem(32); }
-      &-media         { margin-block-end:pxToRem(32); }
+      &-media         {
+        margin-block-end:pxToRem(32);
+        &:not(:first-child) { margin-block-start:pxToRem(16); }
+      }
       &-inline-info   { margin-block-end:pxToRem(24); }
       &-code-snippet  { margin-block-end:pxToRem(32); }
     }
diff --git a/src/scss/7-components/_side-nav.scss b/src/scss/7-components/_side-nav.scss
index 61710f14f6..95d3029923 100644
--- a/src/scss/7-components/_side-nav.scss
+++ b/src/scss/7-components/_side-nav.scss
@@ -27,7 +27,7 @@
     display:flex; flex-direction:column; block-size:100%; gap:pxToRem(16);
     padding:pxToRem(16); padding-block-end:pxToRem(32);
     background-color:hsl(var(--p-side-nav-bg-color)); transition:var(--transition);
-    
+
     &-parent {
       display:flex; align-items:center;
       padding-block-end:pxToRem(16); border-block-end:pxToRem(1) solid hsl(var(--aw-color-smooth));
@@ -39,7 +39,7 @@
     @include scroll(); overflow-y:auto; overflow-x:hidden;
     flex:1;
     display:flex; flex-direction:column; gap:pxToRem(24);
-    padding-inline:pxToRem(16); margin-inline:pxToRem(-16); 
+    padding-inline:pxToRem(16); margin-inline:pxToRem(-16);
 
     .#{$p}-is-only-mobile  & {
       border-block-start: 1px solid hsl(var(--aw-color-smooth));
@@ -52,7 +52,7 @@
     padding-inline:pxToRem(12); padding-block:pxToRem(8); white-space:nowrap;
     color:hsl(var(--p-side-nav-item-text-color)); background-color:hsl(var(--p-side-nav-item-bg-color));
     border-radius:pxToRem(8);
-    [class*="icon"]:first-child { color:hsl(var(--p-side-nav-item-icon-color)); }
+    [class*="icon"]:first-child { color:hsl(var(--p-side-nav-item-icon-color)); font-size:pxToRem(16); }
     [class*="icon"]:last-child { transition:var(--transiton); }
     &:hover {
       --p-side-nav-item-bg-color: var(--p-side-nav-item-bg-color-hover);
diff --git a/src/scss/9-grids/_grid-huge-navs.scss b/src/scss/9-grids/_grid-huge-navs.scss
index 94fdd77387..7d2a7ade99 100644
--- a/src/scss/9-grids/_grid-huge-navs.scss
+++ b/src/scss/9-grids/_grid-huge-navs.scss
@@ -2,9 +2,9 @@
 
 .#{$p}-grid-huge-navs {
   --p-grid-huge-navs-padding-inline: #{pxToRem(32)};
-  --p-grid-huge-navs-main-header-height: #{pxToRem(80)};
+  --p-grid-huge-navs-main-header-height: #{pxToRem(73)};
   --p-grid-huge-navs-secondary-header-height: #{pxToRem(116)};
-  --p-grid-huge-navs-secondary-sticky-position: #{pxToRem(80 + 116)}; /* 80 + 116 + 24 (margin) */
+  --p-grid-huge-navs-secondary-sticky-position: #{pxToRem(189)}; /* 80 + 116 + 24 (margin) */
 
   --p-grid-huge-navs-side-nav-width-closed: #{pxToRem(73)};
   --p-grid-huge-navs-side-nav-width-opened: #{pxToRem(280)};
@@ -57,13 +57,15 @@
 
   @media #{$break2}, #{$break3}, #{$break4} {
     .#{$p}-references-menu {
-      #refOpen { position:sticky; inset-block-start:calc(var(--p-grid-huge-navs-secondary-sticky-position) + 24px); }
+      #refOpen { position:sticky; inset-block-start:pxToRem(213); }
       &-content {
         display:none; /* hide */
+        gap:0;
         padding-inline-start:pxToRem(24);  padding-inline-end:var(--p-grid-huge-navs-padding-inline);
         border-inline-start:solid pxToRem(1) hsl(var(--aw-color-border));
         background-color:hsl(var(--p-body-bg-color)); inline-size:var(--p-grid-huge-navs-side-nav-width-opened);
       }
+      &-list { margin-block-start:pxToRem(8); }
       &.is-open {
         .#{$p}-references-menu-content {
           display:flex; /* show */
@@ -136,7 +138,7 @@
   @media #{$break5open} {
     .#{$p}-references-menu {
       #refOpen, #refClose { display:none; }
-      &-content { position:sticky; inset-block-start:var(--p-grid-huge-navs-secondary-sticky-position); }
+      &-content { position:sticky; inset-block-start:pxToRem(213); }
     }
   }
   @media #{$break6open} {
diff --git a/src/scss/_10-utilities.scss b/src/scss/_10-utilities.scss
index e41f12fa53..8e672f1e63 100644
--- a/src/scss/_10-utilities.scss
+++ b/src/scss/_10-utilities.scss
@@ -68,6 +68,7 @@
 .#{$p}-u-max-height-300             { max-block-size:pxToRem(300); }
 
 .#{$p}-u-trim-1           { @include trim(1); }
+.#{$p}-u-line-height-1-2         { line-height:1.2!important; }
 .#{$p}-u-line-height-2           { line-height:2!important; }
 
 .#{$p}-u-size-40                  { inline-size:pxToRem(40); block-size:pxToRem(40); }
@@ -143,8 +144,11 @@
 .#{$p}-u-text-align-start { text-align:start!important; }
 .#{$p}-u-text-align-center { text-align:center!important; }
 .#{$p}-u-mobile-align-text-center { @media #{$break1} { text-align:center!important;} }
-.#{$p}-u-padding-inline-0 {padding-inline:0!important;}
-.#{$p}-u-padding-inline-64 {padding-inline:pxToRem(64)!important;}
+.#{$p}-u-padding-inline-0  { padding-inline:0!important; }
+.#{$p}-u-padding-inline-12 { padding-inline:pxToRem(12)!important; }
+.#{$p}-u-padding-inline-64 { padding-inline:pxToRem(64)!important; }
+
+.#{$p}-u-padding-block-8   { padding-block:pxToRem(8)!important; }
 
 .#{$p}-u-inset-block-start-100 { inset-block-start:pxToRem(160); }