update

styles.css

@@ -3,6 +3,7 @@
   display: flex;
   flex-direction: column;
   gap: 12px;
+  container-type: inline-size;
 }
 
 .pk-toolbar {
@@ -23,10 +24,32 @@
   gap: 10px;
 }
 
-.pk-stack {
+.pk-features-section {
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 5px;
+}
+
+.pk-features-flex {
+  column-width: 300px;
+  column-gap: 5px;
+}
+
+.pk-features-flex > .pk-btn-card {
+  break-inside: avoid;
+  margin-bottom: 5px;
+}
+
+.pk-info-grid {
+  display: grid;
+  grid-template-columns: 1fr 2fr;
+  gap: 5px;
+}
+
+@container (max-width: 500px) {
+  .pk-info-grid {
+    grid-template-columns: 1fr;
+  }
 }
 
 .pk-card {
@@ -136,6 +159,18 @@
   font-weight: 400;
 }
 
+.pk-mobile-breadcrumb {
+  position: relative;
+  z-index: 5;
+  background: var(--background-primary);
+  width: 100%;
+  flex-shrink: 0;
+  padding: 8px 12px;
+  margin-bottom: 8px;
+  border-bottom: 1px solid var(--background-modifier-border);
+  box-sizing: border-box;
+}
+
 .pk-btn-card {
   box-sizing: border-box;
   padding: 10px;
@@ -157,6 +192,20 @@
   font-weight: 600;
 }
 
+.pk-info-card > p:first-child { margin-top: 0; }
+.pk-info-card > p:last-child { margin-bottom: 0; }
+.pk-info-card > ul:first-child,
+.pk-info-card > ol:first-child { margin-top: 0; }
+.pk-info-card > ul:last-child,
+.pk-info-card > ol:last-child { margin-bottom: 0; }
+
+.pk-feature-body > p:first-child { margin-top: 0; }
+.pk-feature-body > p:last-child { margin-bottom: 0; }
+.pk-feature-body > ul:first-child,
+.pk-feature-body > ol:first-child { margin-top: 0; }
+.pk-feature-body > ul:last-child,
+.pk-feature-body > ol:last-child { margin-bottom: 0; }
+
 
 .pk-drop-target {
   outline: 2px dashed var(--text-accent);
@@ -175,16 +224,15 @@
 .pk-areas-section {
   display: flex;
   flex-direction: column;
-  gap: 10px;
-  padding: 5px;
+  gap: 5px;
 }
 
 .pk-areas-flex {
-  column-width: 250px;
-  column-gap: 10px;
+  column-width: 200px;
+  column-gap: 5px;
 }
 
 .pk-area-card {
   break-inside: avoid;
-  margin-bottom: 10px;
+  margin-bottom: 5px;
 }