anentrypoint-design 0.0.406 → 0.0.408

package/colors_and_type.css

@@ -330,8 +330,15 @@
   --measure-narrow: 760px;
   /* Page-stage ceiling — independent of --measure-wide (which stays the
      narrower editorial hero/prose measure). Fluid so ultra-wide viewports
-     actually gain real estate instead of flat-lining at a fixed px cap. */
-  --stage-wide:  min(96vw, 1440px);
+     actually gain real estate instead of flat-lining at a fixed px cap.
+     Percentage, not vw: a stage nested in a sidebar shell or an embedded
+     window has no useful viewport of its own, and a vw term there resolves
+     against the browser instead of the container it actually sits in. */
+  --stage-wide:  min(96%, 1600px);
+  /* Ultra-wide tier — past this the eye loses the line more than the layout
+     gains, so multi-column content takes the extra width instead of one
+     column growing without bound. */
+  --stage-ultra: min(96%, 2100px);
 
   --sidebar-width:           220px;
   --sidebar-width-collapsed: 64px;

package/dist/247420.css

@@ -332,8 +332,15 @@
   --measure-narrow: 760px;
   /* Page-stage ceiling — independent of --measure-wide (which stays the
      narrower editorial hero/prose measure). Fluid so ultra-wide viewports
-     actually gain real estate instead of flat-lining at a fixed px cap. */
-  --stage-wide:  min(96vw, 1440px);
+     actually gain real estate instead of flat-lining at a fixed px cap.
+     Percentage, not vw: a stage nested in a sidebar shell or an embedded
+     window has no useful viewport of its own, and a vw term there resolves
+     against the browser instead of the container it actually sits in. */
+  --stage-wide:  min(96%, 1600px);
+  /* Ultra-wide tier — past this the eye loses the line more than the layout
+     gains, so multi-column content takes the extra width instead of one
+     column growing without bound. */
+  --stage-ultra: min(96%, 2100px);
 
   --sidebar-width:           220px;
   --sidebar-width-collapsed: 64px;
@@ -1802,7 +1809,7 @@
   grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
   grid-template-areas: 'title title' 'body aside';
   align-items: start;
-  max-width: var(--measure-wide);
+  max-width: var(--stage-wide);
   position: relative; isolation: isolate;
 }
 .ds-247420 .ds-hero-head { grid-area: title; display: grid; gap: var(--space-3); }
@@ -2863,7 +2870,7 @@
 /* Stage — the scrollable content column. */
 .ds-247420 .ds-file-stage {
   display: flex; flex-direction: column; gap: var(--space-3);
-  width: 100%; max-width: var(--measure-wide); margin: 0 auto;
+  width: 100%; max-width: var(--stage-wide); margin: 0 auto;
   padding: var(--space-2) var(--space-3) var(--space-4);
 }
 /* When the stage is the app-main child, the shell already supplies top
@@ -3312,7 +3319,7 @@
   color: var(--fg-2); text-decoration: none;
 }
 .ds-247420 .ds-catalog-side nav a:hover { color: var(--accent-ink); }
-.ds-247420 .ds-catalog-main { flex: 1; padding: var(--space-5); max-width: var(--measure-wide); min-width: 0; }
+.ds-247420 .ds-catalog-main { flex: 1; padding: var(--space-5); max-width: var(--stage-wide); min-width: 0; }
 .ds-247420 .ds-catalog-section { margin-bottom: var(--space-5); padding-top: var(--space-3); border-top: var(--bw-hair) solid var(--rule); }
 .ds-247420 .ds-catalog-section > h2 { font-size: var(--fs-h3-app); margin: 0 0 var(--space-3); }