anentrypoint-design 0.0.224 → 0.0.225

package/dist/247420.css

@@ -8125,7 +8125,7 @@
 
 /* gm-prose.css */
 /* ============================================================
-   gm-prose — long-form article + doc-site prose surfaces
+   gm-prose -- long-form article + doc-site prose surfaces
    Extracted-article host, sticky table-of-contents rail, CLI
    transcript block, definition-panel rows, repo cards, tag
    chips, and attributed callouts. Consumed pro-rata by doc
@@ -8145,14 +8145,22 @@
 }
 
 .ds-247420 #ds-article-host.has-toc {
-  display: grid;
-  grid-template-columns: 256px minmax(0, var(--measure-narrow));
+  display: flex;
+  align-items: flex-start;
   column-gap: 44px;
-  align-items: start;
+  gap: 44px;
+  max-width: calc(256px + 44px + var(--measure-narrow));
+  margin-left: auto;
+  margin-right: auto;
+}
+.ds-247420 #ds-article-host.has-toc > .article-col {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: var(--measure-narrow);
 }
 .ds-247420 #ds-article-host.has-toc > .toc {
-  grid-column: 1;
-  grid-row: 1 / -1;
+  flex: 0 0 256px;
+  align-self: flex-start;
   position: sticky;
   top: 24px;
   align-self: start;
@@ -8193,9 +8201,10 @@
 .ds-247420 #ds-article-host .toc li::marker { color: var(--panel-text-3); font-variant-numeric: tabular-nums; }
 .ds-247420 #ds-article-host .toc a { color: var(--panel-text-2); text-decoration: none; transition: color .12s ease; }
 .ds-247420 #ds-article-host .toc a:hover { color: var(--panel-accent); }
-.ds-247420 #ds-article-host.has-toc > :not(.toc) { grid-column: 2; min-width: 0; }
+.ds-247420 #ds-article-host.has-toc > .article-col > * { min-width: 0; }
 @media (max-width: 900px) {
   .ds-247420 #ds-article-host.has-toc { display: block; }
+  .ds-247420 #ds-article-host.has-toc > .article-col { max-width: 100%; }
   .ds-247420 #ds-article-host.has-toc > .toc {
     position: static;
     max-height: none;