feat: connect portal content and banner carousel

web/src/mobile/styles.css

@@ -375,12 +375,45 @@ body {
   background: var(--m-bg);
 }
 .m-home-hero {
+  position: relative;
   min-height: 305px;
   padding: calc(34px + env(safe-area-inset-top)) 30px 26px;
   color: #fff;
   background-color: #1b1711;
   background-size: cover;
   background-position: center;
+  transition: background-image 0.35s ease;
+}
+.m-home-banner-link {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+}
+.m-home-hero > :not(.m-home-banner-link) {
+  position: relative;
+  z-index: 1;
+}
+.m-home-banner-dots {
+  display: flex;
+  justify-content: center;
+  gap: 6px;
+  margin-top: 13px;
+}
+.m-home-banner-dots button {
+  width: 7px;
+  height: 7px;
+  padding: 0;
+  border: 0;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.55);
+  transition: width 0.2s ease, background 0.2s ease;
+}
+.m-home-banner-dots button.active {
+  width: 20px;
+  background: #fff;
 }
 .m-search {
   height: 48px;
@@ -2371,6 +2404,25 @@ body {
   font-size: 17px;
   line-height: 1.65;
 }
+.m-managed-rich-text {
+  color: inherit;
+  font-size: inherit;
+  line-height: 1.75;
+  overflow-wrap: anywhere;
+}
+.m-managed-rich-text :where(h1, h2, h3, h4) {
+  margin: 1em 0 0.55em;
+  color: inherit;
+  line-height: 1.45;
+}
+.m-managed-rich-text :where(p, ul, ol) {
+  margin: 0 0 0.75em;
+}
+.m-managed-rich-text :where(img) {
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+}
 
 .m-agency-page {
   padding: 0 18px 32px;
@@ -2610,6 +2662,7 @@ body {
     gap: 22px;
     margin-top: 20px;
     font-size: 18px;
+    flex-wrap: wrap;
   }
   .m-rules-banner strong {
     font-size: 31px;
@@ -2621,10 +2674,12 @@ body {
   .m-rules-row > span:first-child,
   .m-rules-row > span:last-child {
     font-size: 10px;
-    white-space: nowrap;
+    overflow-wrap: anywhere;
   }
   .m-rule-level {
     gap: 1px;
+    flex-direction: column;
+    white-space: normal;
   }
   .m-rule-level img {
     width: 22px;