Hold every component colour against gradio prose repainting

distinct_server/presentation.py

@@ -301,14 +301,14 @@ footer,.gradio-container footer{display:none !important;}
 .c-eyebrow{
   display:flex; align-items:baseline; justify-content:space-between; gap:var(--s2);
   font-size:var(--t-micro); font-weight:600; letter-spacing:.09em;
-  text-transform:uppercase; color:var(--c-muted);
+  text-transform:uppercase; color:var(--c-muted) !important;
   margin:var(--s4) 0 var(--s2); padding-bottom:var(--s2);
   border-bottom:1px solid var(--c-hairline) !important;
 }
 .c-side>*:first-child .c-eyebrow,.c-eyebrow:first-child{margin-top:0;}
 .c-eyebrow__note{text-transform:none; letter-spacing:0; font-weight:400;}
 .c-note{display:flex; align-items:flex-start; gap:var(--s2); flex-wrap:wrap;
-        margin:0; font-size:var(--t-micro); color:var(--c-muted);}
+        margin:0; font-size:var(--t-micro); color:var(--c-muted) !important;}
 .c-note__text{max-width:var(--measure); line-height:1.5;}
 
 /* ========================================================================
@@ -321,16 +321,16 @@ footer,.gradio-container footer{display:none !important;}
 }
 .c-header__brand{display:flex; align-items:baseline; gap:var(--s3); min-width:0;}
 .c-wordmark{font-size:var(--t-display); font-weight:700; letter-spacing:-.045em;
-            line-height:1; color:var(--c-text); white-space:nowrap;}
-.c-wordmark__dot{color:var(--c-sage-dark);}
-.c-tagline{font-size:var(--t-label); font-weight:400; color:var(--c-text-2);
+            line-height:1; color:var(--c-text) !important; white-space:nowrap;}
+.c-wordmark__dot{color:var(--c-sage-dark) !important;}
+.c-tagline{font-size:var(--t-label); font-weight:400; color:var(--c-text-2) !important;
            line-height:1; white-space:nowrap; overflow:hidden;
            text-overflow:ellipsis; padding-left:var(--s3);
            border-left:1px solid var(--c-hairline) !important;}
 /* Who you are, said quietly. This was a floating white pill with a shadow,
    which gave the top of the page a second object competing with the
    wordmark for the eye; it is a caption, so it is set like one. */
-.c-identity{font-size:var(--t-micro); color:var(--c-muted); white-space:nowrap;
+.c-identity{font-size:var(--t-micro); color:var(--c-muted) !important; white-space:nowrap;
             overflow:hidden; text-overflow:ellipsis; max-width:38ch;}
 .c-identity--link{text-decoration:underline; cursor:pointer;}
 
@@ -361,19 +361,19 @@ footer,.gradio-container footer{display:none !important;}
 .c-splash__head{display:flex; flex-direction:column; align-items:flex-start;
                 gap:var(--s4);}
 .c-splash__mark{margin:0; font-size:var(--t-display); font-weight:700;
-                letter-spacing:-.045em; line-height:1; color:var(--c-text);}
+                letter-spacing:-.045em; line-height:1; color:var(--c-text) !important;}
 .c-splash__display{
   margin:0; font-family:var(--font-display);
   font-size:clamp(2.6rem,1.1rem + 4.6vw,4.6rem);
-  line-height:1.02; letter-spacing:-.035em; color:var(--c-text);
+  line-height:1.02; letter-spacing:-.035em; color:var(--c-text) !important;
   font-weight:680; font-optical-sizing:auto; text-wrap:balance;
 }
 /* The second line carries the claim, so it is the one that changes colour and
    weight. Sage-deep at 9.2:1 clears AA comfortably at any size. */
-.c-splash__display-2{color:var(--c-sage-deep); font-weight:560;}
+.c-splash__display-2{color:var(--c-sage-deep) !important; font-weight:560;}
 .c-splash__lede{margin:0; max-width:46ch; font-size:var(--t-lg);
-                line-height:1.5; color:var(--c-text-2);}
-.c-splash__meta{margin:0; font-size:var(--t-micro); color:var(--c-muted);
+                line-height:1.5; color:var(--c-text-2) !important;}
+.c-splash__meta{margin:0; font-size:var(--t-micro); color:var(--c-muted) !important;
                 letter-spacing:.02em;}
 .c-splash__figure{margin:0; display:flex; flex-direction:column; gap:var(--s3);
                   min-width:0;}
@@ -381,9 +381,9 @@ footer,.gradio-container footer{display:none !important;}
                box-shadow:var(--e2);}
 /* The credit sits beside the image it belongs to and is never collapsed
    behind a control. It is a licence condition, not a caption. */
-.c-splash__credit{font-size:var(--t-micro); line-height:1.5; color:var(--c-muted);
+.c-splash__credit{font-size:var(--t-micro); line-height:1.5; color:var(--c-muted) !important;
                   max-width:52ch;}
-.c-splash__credit a{color:var(--c-sage-deep); text-decoration:underline;}
+.c-splash__credit a{color:var(--c-sage-deep) !important; text-decoration:underline;}
 .c-splash__copy button.primary{
   min-width:190px !important; padding:12px 22px !important;
   font-size:var(--t-body) !important; flex:0 0 auto !important;
@@ -422,29 +422,34 @@ footer,.gradio-container footer{display:none !important;}
    which a non-flex parent then put on a line of its own. */
 .c-notice__summary{display:flex !important; align-items:flex-start; gap:var(--s3);
                    flex-wrap:wrap; cursor:pointer; list-style:none;
-                   font-size:var(--t-label); color:var(--c-text-2);
+                   font-size:var(--t-label); color:var(--c-text-2) !important;
                    line-height:1.5;}
 .c-notice__summary>span:nth-child(2){flex:1 1 180px; min-width:0;}
 .c-notice__summary::-webkit-details-marker{display:none;}
-.c-notice__summary strong{color:var(--c-text); font-weight:600;}
+.c-notice__summary strong{color:var(--c-text) !important; font-weight:600 !important;}
 /* inline-grid, not grid: a block-level box in a row that failed to become a
    flex container takes the whole line to itself, which is exactly how this
    mark ended up stranded above its own sentence. Inline-grid centres the
    glyph just as well and cannot claim a line. */
 .c-notice__mark{flex:none; width:16px; height:16px; border-radius:50%;
                 margin-top:2px;
-                border:1.5px solid var(--c-warn-rule) !important; color:var(--c-warn-rule);
+                border:1.5px solid var(--c-warn-rule) !important;
+                /* Forced for the same reason as the border: gradio paints
+                   everything inside `.prose` with the body ink at a
+                   specificity ours cannot reach, which left an ochre ring
+                   around a black glyph. */
+                color:var(--c-warn-rule) !important;
                 font-size:10px; font-weight:700;
                 display:inline-grid; place-items:center;}
 .c-notice__toggle{margin-left:auto; white-space:nowrap; font-size:var(--t-micro);
-                  color:var(--c-muted); text-decoration:underline;
+                  color:var(--c-muted) !important; text-decoration:underline;
                   text-underline-offset:2px; padding-left:var(--s3);}
 @media (max-width:700px){
   /* Its own line, aligned with the sentence it opens rather than the mark. */
   .c-notice__toggle{flex:1 0 100%; margin:var(--s2) 0 0 28px; padding-left:0;}
 }
 .c-notice__body{margin:var(--s3) 0 var(--s1) 28px; font-size:var(--t-micro);
-                line-height:1.6; color:var(--c-text-2); max-width:var(--measure);}
+                line-height:1.6; color:var(--c-text-2) !important; max-width:var(--measure);}
 .c-notice__summary:focus-visible{outline:3px solid var(--c-sage); outline-offset:3px;
                                  border-radius:var(--r-md);}
 
@@ -489,15 +494,15 @@ footer,.gradio-container footer{display:none !important;}
   display:inline-flex; align-items:center; gap:5px;
   height:22px; padding:0 9px; border-radius:var(--r-pill);
   font-size:var(--t-micro); line-height:1; white-space:nowrap;
-  background:var(--c-fill); color:var(--c-text-2);
+  background:var(--c-fill); color:var(--c-text-2) !important;
   border:1px solid transparent !important;
 }
 .c-chip__glyph{font-size:8px; line-height:1;}
-.c-chip--ok{background:var(--c-mint); color:#22402C;}
-.c-chip--work{background:#E7EFE2; color:var(--c-sage-deep);}
-.c-chip--warn{background:#F5EDDB; color:#5A4512;}
-.c-chip--off{background:#ECEDEA; color:#454A45;}
-.c-chip--outline{background:transparent; color:var(--c-muted);
+.c-chip--ok{background:var(--c-mint); color:#22402C !important;}
+.c-chip--work{background:#E7EFE2; color:var(--c-sage-deep) !important;}
+.c-chip--warn{background:#F5EDDB; color:#5A4512 !important;}
+.c-chip--off{background:#ECEDEA; color:#454A45 !important;}
+.c-chip--outline{background:transparent; color:var(--c-muted) !important;
                  border:1px dashed var(--c-border) !important;}
 
 /* ========================================================================
@@ -509,8 +514,8 @@ footer,.gradio-container footer{display:none !important;}
 .c-worker--offline{opacity:.7;}
 .c-worker__name{display:flex; align-items:baseline; gap:var(--s2); flex-wrap:wrap;
                 margin:0 0 var(--s2); font-size:var(--t-label); font-weight:600;
-                color:var(--c-text); min-width:0; overflow-wrap:anywhere;}
-.c-worker__id{font-family:var(--mono); font-size:10.5px; color:var(--c-muted);
+                color:var(--c-text) !important; min-width:0; overflow-wrap:anywhere;}
+.c-worker__id{font-family:var(--mono); font-size:10.5px; color:var(--c-muted) !important;
               font-weight:400; overflow-wrap:anywhere;}
 /* An agent name, hostname or model id is chosen on someone else's machine. It
    is escaped on the way in by render.esc, which stops it becoming markup, but
@@ -526,22 +531,22 @@ footer,.gradio-container footer{display:none !important;}
          padding:var(--s4); box-shadow:var(--e1);}
 .c-panel__head{display:flex; align-items:baseline; justify-content:space-between;
                gap:var(--s2); margin:0 0 var(--s3);}
-.c-panel__title{font-size:var(--t-label); font-weight:600; color:var(--c-text);}
+.c-panel__title{font-size:var(--t-label); font-weight:600; color:var(--c-text) !important;}
 .c-panel__boundary{font-size:10.5px; font-weight:600; letter-spacing:.07em;
-                   text-transform:uppercase; color:var(--c-muted); white-space:nowrap;}
+                   text-transform:uppercase; color:var(--c-muted) !important; white-space:nowrap;}
 .c-panel__caveat{margin:var(--s3) 0 0; font-size:var(--t-micro); line-height:1.5;
-                 color:var(--c-muted);}
+                 color:var(--c-muted) !important;}
 .c-panel__never{margin:var(--s3) 0 0; padding-top:var(--s3); font-size:var(--t-micro);
-                line-height:1.5; color:var(--c-muted);
+                line-height:1.5; color:var(--c-muted) !important;
                 border-top:1px dashed var(--c-border) !important;}
 .c-energy{display:flex; flex-direction:column; gap:var(--s1);}
 .c-energy__value{margin:0; font-size:var(--t-body); font-weight:600;
-                 color:var(--c-text); font-variant-numeric:tabular-nums;}
+                 color:var(--c-text) !important; font-variant-numeric:tabular-nums;}
 /* An absence is marked, never numeric. */
-.c-energy__value--absent{color:var(--c-text-2); font-weight:500;}
-.c-energy__dash{font-family:var(--mono); color:var(--c-muted); padding-right:6px;}
+.c-energy__value--absent{color:var(--c-text-2) !important; font-weight:500;}
+.c-energy__dash{font-family:var(--mono); color:var(--c-muted) !important; padding-right:6px;}
 .c-energy__line{margin:0; font-size:var(--t-micro); line-height:1.5;
-                color:var(--c-text-2);}
+                color:var(--c-text-2) !important;}
 
 /* ========================================================================
    GRADE SHEET
@@ -554,21 +559,21 @@ footer,.gradio-container footer{display:none !important;}
 .c-rubric{display:flex; flex-direction:column; gap:var(--s4);}
 .c-legend{background:var(--c-fill); border-radius:var(--r-md); padding:var(--s4);}
 .c-legend__title{margin:0 0 var(--s2); font-size:var(--t-label); font-weight:600;
-                 color:var(--c-text);}
+                 color:var(--c-text) !important;}
 .c-legend__body{margin:0; font-size:var(--t-label); line-height:1.55;
-                color:var(--c-text-2); max-width:var(--measure);}
-.c-legend__body strong{color:var(--c-text); font-weight:600;}
+                color:var(--c-text-2) !important; max-width:var(--measure);}
+.c-legend__body strong{color:var(--c-text) !important; font-weight:600;}
 .c-legend__example{display:flex; gap:var(--s2); align-items:flex-start;
                    margin:var(--s3) 0 0; padding:var(--s3);
                    background:var(--c-surface); border-radius:var(--r-md);
-                   font-size:var(--t-micro); line-height:1.55; color:var(--c-text-2);
+                   font-size:var(--t-micro); line-height:1.55; color:var(--c-text-2) !important;
                    max-width:var(--measure);}
 .c-legend__example-mark{flex:none; width:16px; height:16px; border-radius:50%;
-                        background:var(--c-sage-dark); color:#fff; font-size:11px;
+                        background:var(--c-sage-dark); color:#fff !important; font-size:11px;
                         font-weight:700; display:grid; place-items:center;
                         margin-top:1px;}
 .c-legend__never{margin:var(--s3) 0 0; padding-top:var(--s3); font-size:var(--t-micro);
-                 line-height:1.5; color:var(--c-muted);
+                 line-height:1.5; color:var(--c-muted) !important;
                  border-top:1px dashed var(--c-border) !important;}
 
 .c-grade-cards{display:grid; gap:var(--s3);
@@ -578,23 +583,23 @@ footer,.gradio-container footer{display:none !important;}
               display:flex; flex-direction:column; gap:var(--s3);}
 .c-grade-card__head{display:flex; align-items:baseline; justify-content:space-between;
                     gap:var(--s2); margin:0; flex-wrap:wrap;}
-.c-grade-card__name{font-size:var(--t-body); font-weight:600; color:var(--c-text);}
-.c-grade-card__link{font-size:var(--t-micro); color:var(--c-sage-deep);
+.c-grade-card__name{font-size:var(--t-body); font-weight:600; color:var(--c-text) !important;}
+.c-grade-card__link{font-size:var(--t-micro); color:var(--c-sage-deep) !important;
                     text-decoration:underline; white-space:nowrap;}
 /* Coverage sits in the card head, beside the name, because it qualifies the
    whole card. "three of six areas published" is not a score and must never be
    read as one, so it is set as quiet metadata rather than as a result. */
-.c-grade-card__coverage{font-size:var(--t-micro); color:var(--c-text-2);
+.c-grade-card__coverage{font-size:var(--t-micro); color:var(--c-text-2) !important;
                         font-variant-numeric:tabular-nums;}
 .c-grade-card__note{margin:0; padding-top:var(--s3); font-size:var(--t-micro);
-                    line-height:1.5; color:var(--c-muted);
+                    line-height:1.5; color:var(--c-muted) !important;
                     border-top:1px solid var(--c-hairline) !important;}
 .c-grade-rows{display:flex; flex-direction:column; gap:var(--s1);}
 .c-grade-row{display:flex; align-items:center; justify-content:space-between;
              gap:var(--s3); margin:0; padding:var(--s1) 0;
              border-bottom:1px solid var(--c-hairline) !important;}
 .c-grade-row:last-child{border-bottom:none !important;}
-.c-grade-row__label{font-size:var(--t-label); color:var(--c-text-2);}
+.c-grade-row__label{font-size:var(--t-label); color:var(--c-text-2) !important;}
 
 /* ONE TOKEN, NOT A NUMBER WITH A CAPTION.
    The figure and the method that produced it share a single border and a single
@@ -610,11 +615,11 @@ footer,.gradio-container footer{display:none !important;}
        border:1px solid var(--c-border) !important; border-radius:8px; overflow:hidden;
        font-variant-numeric:tabular-nums;}
 .c-fig__value{display:flex; align-items:center; padding:6px 9px;
-              font-size:var(--t-label); font-weight:600; color:#22402C;
+              font-size:var(--t-label); font-weight:600; color:#22402C !important;
               background:var(--c-mint); white-space:nowrap;}
 .c-fig__method{display:flex; align-items:center; padding:0 8px;
                font-size:9.5px; font-weight:600; letter-spacing:.08em;
-               text-transform:uppercase; color:var(--c-muted);
+               text-transform:uppercase; color:var(--c-muted) !important;
                background:var(--c-surface);
                border-left:1px solid var(--c-border) !important; white-space:nowrap;}
 /* A measured figure is the only one that gets the filled value. A modelled one
@@ -622,25 +627,25 @@ footer,.gradio-container footer{display:none !important;}
    by calculation rather than by metering, and the difference should read at a
    glance without either being dressed as a fault. */
 .c-fig--modelled .c-fig__value,
-.c-fig--proxy .c-fig__value{background:var(--c-fill); color:var(--c-text);}
+.c-fig--proxy .c-fig__value{background:var(--c-fill); color:var(--c-text) !important;}
 .c-fig--unknown{border-style:dotted;}
-.c-fig--unknown .c-fig__value{background:transparent; color:var(--c-text-2);}
+.c-fig--unknown .c-fig__value{background:transparent; color:var(--c-text-2) !important;}
 /* An absence is dashed, wordy and unfilled: it differs from a figure in shape,
    fill and content, because an absence drawn as a small number asserts a light
    result that nobody measured. */
 .c-fig--none{border-style:dashed; background:transparent;}
 .c-fig__word{display:flex; align-items:center; padding:6px 10px;
-             font-size:var(--t-micro); font-weight:500; color:var(--c-muted);
+             font-size:var(--t-micro); font-weight:500; color:var(--c-muted) !important;
              white-space:nowrap;}
 
 /* The card's own prose. Summary sits above the figures because a reader who
    stops after one paragraph should stop having read the caveat, not the
    headline number. */
 .c-grade-card__summary{margin:0; font-size:var(--t-label); line-height:1.6;
-                       color:var(--c-text-2);}
+                       color:var(--c-text-2) !important;}
 .c-grade-card__covers{margin:0; font-size:var(--t-micro); line-height:1.55;
-                      color:var(--c-muted);}
-.c-grade-card__covers strong{color:var(--c-text-2); font-weight:600;}
+                      color:var(--c-muted) !important;}
+.c-grade-card__covers strong{color:var(--c-text-2) !important; font-weight:600;}
 .c-grade-card__links{display:flex; flex-wrap:wrap; gap:var(--s3); margin:0;
                      padding-top:var(--s3);
                      border-top:1px solid var(--c-hairline) !important;}
@@ -651,7 +656,7 @@ footer,.gradio-container footer{display:none !important;}
    that is both complete and readable. */
 .c-sources{border-top:1px solid var(--c-hairline) !important; padding-top:var(--s3);}
 .c-sources__summary{cursor:pointer; font-size:var(--t-micro); font-weight:600;
-                    letter-spacing:.04em; color:var(--c-sage-deep);}
+                    letter-spacing:.04em; color:var(--c-sage-deep) !important;}
 .c-sources__summary:focus-visible{outline:2px solid var(--c-sage);
                                   outline-offset:2px; border-radius:3px;}
 .c-sources__body{display:flex; flex-direction:column; gap:var(--s2);
@@ -659,22 +664,22 @@ footer,.gradio-container footer{display:none !important;}
 .c-source{display:grid; grid-template-columns:minmax(88px,auto) 1fr;
           gap:var(--s1) var(--s3); margin:0; font-size:var(--t-micro);
           line-height:1.55;}
-.c-source__label{color:var(--c-text-2); font-weight:600;}
-.c-source__body{color:var(--c-muted);}
-.c-source__link{color:var(--c-sage-deep); text-decoration:underline;
+.c-source__label{color:var(--c-text-2) !important; font-weight:600;}
+.c-source__body{color:var(--c-muted) !important;}
+.c-source__link{color:var(--c-sage-deep) !important; text-decoration:underline;
                 white-space:nowrap;}
 
 .c-reading{padding-top:var(--s3); border-top:1px dashed var(--c-border) !important;}
 .c-reading__title{margin:0 0 var(--s2); font-size:var(--t-micro); font-weight:600;
                   letter-spacing:.06em; text-transform:uppercase;
-                  color:var(--c-muted);}
+                  color:var(--c-muted) !important;}
 .c-reading__links{display:flex; flex-direction:column; gap:var(--s1); margin:0;}
-.c-reading__link{font-size:var(--t-micro); color:var(--c-sage-deep);
+.c-reading__link{font-size:var(--t-micro); color:var(--c-sage-deep) !important;
                  text-decoration:underline;}
 
 .c-rubric__warning{margin:0; padding:var(--s3); background:var(--c-mint);
                    border-radius:var(--r-md); font-size:var(--t-micro);
-                   line-height:1.55; color:var(--c-text);}
+                   line-height:1.55; color:var(--c-text) !important;}
 
 .c-legend__pair{display:grid; gap:var(--s3); margin:var(--s3) 0 0;
                 grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
@@ -682,8 +687,8 @@ footer,.gradio-container footer{display:none !important;}
                  gap:var(--s2); padding:var(--s3); background:var(--c-surface);
                  border-radius:var(--r-md);}
 .c-legend__scale-body{margin:0; font-size:var(--t-micro); line-height:1.55;
-                      color:var(--c-text-2);}
-.c-legend__scale-body strong{color:var(--c-text); font-weight:600;}
+                      color:var(--c-text-2) !important;}
+.c-legend__scale-body strong{color:var(--c-text) !important; font-weight:600;}
 
 /* ========================================================================
    EMPTY STATES: no dashed drop-zone rectangles
@@ -691,11 +696,11 @@ footer,.gradio-container footer{display:none !important;}
 .c-empty{display:flex; flex-direction:column; align-items:flex-start;
          justify-content:center; text-align:left; gap:var(--s2);
          padding:var(--s5) var(--s4); height:100%;}
-.c-empty__glyph{font-size:16px; color:var(--c-sage-dark); opacity:.75; line-height:1;}
-.c-empty__title{margin:0; font-size:var(--t-lg); font-weight:600; color:var(--c-text);
+.c-empty__glyph{font-size:16px; color:var(--c-sage-dark) !important; opacity:.75; line-height:1;}
+.c-empty__title{margin:0; font-size:var(--t-lg); font-weight:600; color:var(--c-text) !important;
                 letter-spacing:-.015em;}
 .c-empty__body{margin:0; font-size:var(--t-label); line-height:1.55;
-               color:var(--c-text-2); max-width:44ch;}
+               color:var(--c-text-2) !important; max-width:44ch;}
 .c-empty--compact{padding:var(--s4) 0; height:auto;}
 .c-empty--compact .c-empty__body{max-width:32ch; font-size:var(--t-micro);}
 
@@ -790,48 +795,48 @@ footer,.gradio-container footer{display:none !important;}
 .c-usage-panel{display:flex; flex-direction:column; gap:var(--s4);}
 .c-usage{display:flex; flex-direction:column; gap:1px;}
 .c-usage__label{margin:0; font-size:var(--t-micro); font-weight:600;
-                letter-spacing:.04em; color:var(--c-muted);}
+                letter-spacing:.04em; color:var(--c-muted) !important;}
 .c-usage__figure{margin:2px 0 0; font-size:22px; line-height:1.15; font-weight:600;
-                 color:var(--c-text); font-variant-numeric:tabular-nums;}
-.c-usage--absent .c-usage__figure{color:var(--c-muted); font-size:18px;}
-.c-usage__means{margin:2px 0 0; font-size:var(--t-micro); color:var(--c-sage-dark);
+                 color:var(--c-text) !important; font-variant-numeric:tabular-nums;}
+.c-usage--absent .c-usage__figure{color:var(--c-muted) !important; font-size:18px;}
+.c-usage__means{margin:2px 0 0; font-size:var(--t-micro); color:var(--c-sage-dark) !important;
                 line-height:1.45;}
-.c-usage--absent .c-usage__means{color:var(--c-muted); font-style:italic;}
-.c-usage__detail{margin:3px 0 0; font-size:11px; color:var(--c-muted); line-height:1.45;}
+.c-usage--absent .c-usage__means{color:var(--c-muted) !important; font-style:italic;}
+.c-usage__detail{margin:3px 0 0; font-size:11px; color:var(--c-muted) !important; line-height:1.45;}
 .c-usage__more{margin-top:var(--s3); border-top:1px solid var(--c-hairline) !important;
                padding-top:var(--s3);}
-.c-usage__moretoggle{cursor:pointer; font-size:var(--t-micro); color:var(--c-muted);
+.c-usage__moretoggle{cursor:pointer; font-size:var(--t-micro); color:var(--c-muted) !important;
                      list-style:none;}
 .c-usage__moretoggle::-webkit-details-marker{display:none;}
 .c-usage__moretoggle::after{content:" +"; opacity:.7;}
 details[open] .c-usage__moretoggle::after{content:" -";}
 .c-usage__morebody{margin-top:var(--s2); font-size:11px; line-height:1.5;
-                   color:var(--c-muted);}
+                   color:var(--c-muted) !important;}
 
 /* The worker's own figures, on the card for the machine they describe. */
 .c-worker__energy{margin:var(--s3) 0 0; display:flex; flex-direction:column; gap:1px;
                   padding-top:var(--s3); border-top:1px solid var(--c-hairline) !important;}
-.c-worker__energy-figure{font-size:15px; font-weight:600; color:var(--c-text);
+.c-worker__energy-figure{font-size:15px; font-weight:600; color:var(--c-text) !important;
                          font-variant-numeric:tabular-nums;}
-.c-worker__energy-means{font-size:var(--t-micro); color:var(--c-sage-dark);}
-.c-worker__energy-total{margin-top:3px; font-size:11px; color:var(--c-muted);
+.c-worker__energy-means{font-size:var(--t-micro); color:var(--c-sage-dark) !important;}
+.c-worker__energy-total{margin-top:3px; font-size:11px; color:var(--c-muted) !important;
                         line-height:1.45;}
-.c-worker__energy-note{margin-top:2px; font-size:11px; color:var(--c-muted);
+.c-worker__energy-note{margin-top:2px; font-size:11px; color:var(--c-muted) !important;
                        font-style:italic;}
-.c-worker__energy--absent{font-size:var(--t-micro); color:var(--c-muted);
+.c-worker__energy--absent{font-size:var(--t-micro); color:var(--c-muted) !important;
                           line-height:1.45; font-style:italic;}
 
 /* Scope headings inside the energy panel. Small and quiet: they label the
    figure, they are not the figure. */
 .c-energy__scope{font-size:var(--t-micro); font-weight:600; letter-spacing:.04em;
-                 color:var(--c-muted); margin:var(--s3) 0 2px;}
+                 color:var(--c-muted) !important; margin:var(--s3) 0 2px;}
 .c-energy>.c-energy__scope:first-child{margin-top:0;}
 
 /* An explanation under a worker card, for a state the chips cannot carry
    alone. Used by "unapproved", where the useful information is what the
    operator has to do next. */
 .c-worker__note{margin:var(--s2) 0 0; font-size:var(--t-micro); line-height:1.45;
-                color:var(--c-muted); max-width:44ch;}
+                color:var(--c-muted) !important; max-width:44ch;}
 
 /* ========================================================================
    LIVE ACTIVITY
@@ -845,11 +850,11 @@ details[open] .c-usage__moretoggle::after{content:" -";}
 .c-activity--wait{border-left-color:#C8A24A;}
 .c-activity--done{border-left-color:var(--c-sage-dark);}
 .c-activity__head{display:flex; align-items:center; gap:var(--s2); margin:0;}
-.c-activity__headline{font-weight:600; color:var(--c-text); font-size:var(--t-body);}
-.c-activity__dot{color:var(--c-sage-dark);}
-.c-activity__detail{margin:6px 0 0; color:var(--c-muted); line-height:1.5;
+.c-activity__headline{font-weight:600; color:var(--c-text) !important; font-size:var(--t-body);}
+.c-activity__dot{color:var(--c-sage-dark) !important;}
+.c-activity__detail{margin:6px 0 0; color:var(--c-muted) !important; line-height:1.5;
                     max-width:var(--measure); overflow-wrap:anywhere;}
-.c-activity__timing,.c-activity__note{margin:6px 0 0; color:var(--c-muted);
+.c-activity__timing,.c-activity__note{margin:6px 0 0; color:var(--c-muted) !important;
                                       font-size:var(--t-micro);}
 .c-activity__note{font-style:italic;}
 .c-activity__bar{margin-top:var(--s3); height:4px; border-radius:2px;
@@ -894,11 +899,11 @@ details[open] .c-usage__moretoggle::after{content:" -";}
 .c-receipt{padding:var(--s3) 0; border-top:1px solid var(--c-hairline) !important;}
 .c-receipt__head{margin:0; display:flex; align-items:baseline; gap:var(--s2);
                  flex-wrap:wrap;}
-.c-receipt__turn{font-size:var(--t-micro); font-weight:600; color:var(--c-muted);
+.c-receipt__turn{font-size:var(--t-micro); font-weight:600; color:var(--c-muted) !important;
                  letter-spacing:.04em;}
-.c-receipt__cost{font-size:16px; font-weight:600; color:var(--c-text);
+.c-receipt__cost{font-size:16px; font-weight:600; color:var(--c-text) !important;
                  font-variant-numeric:tabular-nums;}
-.c-receipt__means{font-size:var(--t-micro); color:var(--c-sage-dark);}
+.c-receipt__means{font-size:var(--t-micro); color:var(--c-sage-dark) !important;}
 .c-receipt .c-chips{margin-top:2px;}
 .c-receipt .c-steps{margin-top:var(--s2); padding-top:var(--s2);}
 
@@ -906,13 +911,13 @@ details[open] .c-usage__moretoggle::after{content:" -";}
    Folded away by default: the trace above already says which tools ran, and
    this is for the moment you want to know why. */
 .c-turns{margin-top:var(--s2); font-size:var(--t-micro);}
-.c-turns__toggle{cursor:pointer; color:var(--c-muted); list-style:none;
+.c-turns__toggle{cursor:pointer; color:var(--c-muted) !important; list-style:none;
                  padding:2px 0; user-select:none;}
 .c-turns__toggle::-webkit-details-marker{display:none;}
 .c-turns__toggle::after{content:" +"; opacity:.7;}
 details[open]>.c-turns__toggle::after{content:" -";}
 .c-turns .c-steps{margin-top:var(--s1); border-top:1px solid var(--c-hairline) !important;}
-.c-step__lead{color:var(--c-muted); margin-right:5px;}
+.c-step__lead{color:var(--c-muted) !important; margin-right:5px;}
 
 /* A run that ended without an answer. It is not a message and it is not a
    cost, so it is neither a bubble nor a receipt: one line, attached to the
@@ -923,8 +928,8 @@ details[open]>.c-turns__toggle::after{content:" -";}
            background:#FDF8EA; border-left:2px solid var(--c-warn-rule) !important;
            border-radius:0 var(--r-md) var(--r-md) 0;
            padding:var(--s2) var(--s3); font-size:var(--t-micro);
-           color:var(--c-text-2);}
-.c-outcome__turn{flex:0 0 auto; font-weight:600; color:#5A4512;}
+           color:var(--c-text-2) !important;}
+.c-outcome__turn{flex:0 0 auto; font-weight:600; color:#5A4512 !important;}
 .c-outcome__text{min-width:0; overflow-wrap:anywhere;}
 
 /* ========================================================================
@@ -934,15 +939,15 @@ details[open]>.c-turns__toggle::after{content:" -";}
          border-top:1px solid var(--c-hairline) !important;
          display:flex; flex-direction:column; gap:5px;}
 .c-step{display:flex; align-items:flex-start; gap:var(--s2);
-        font-size:var(--t-micro); line-height:1.45; color:var(--c-muted);}
-.c-step__mark{flex:0 0 12px; text-align:center; color:var(--c-muted);}
-.c-step--ok .c-step__mark{color:var(--c-sage-dark);}
-.c-step--warn .c-step__mark{color:#A8541F;}
-.c-step--work .c-step__mark{color:var(--c-text);}
+        font-size:var(--t-micro); line-height:1.45; color:var(--c-muted) !important;}
+.c-step__mark{flex:0 0 12px; text-align:center; color:var(--c-muted) !important;}
+.c-step--ok .c-step__mark{color:var(--c-sage-dark) !important;}
+.c-step--warn .c-step__mark{color:#A8541F !important;}
+.c-step--work .c-step__mark{color:var(--c-text) !important;}
 .c-step__body{min-width:0; overflow-wrap:anywhere;}
 .c-step__tool{background:var(--c-fill); border-radius:4px; padding:1px 5px;
-              margin-right:6px; font-size:11px; color:var(--c-text);}
-.c-step__timing{margin-left:auto; flex:0 0 auto; color:var(--c-muted);
+              margin-right:6px; font-size:11px; color:var(--c-text) !important;}
+.c-step__timing{margin-left:auto; flex:0 0 auto; color:var(--c-muted) !important;
                 font-variant-numeric:tabular-nums;}
 
 /* ========================================================================
@@ -1175,7 +1180,7 @@ details[open]>.c-turns__toggle::after{content:" -";}
 
 /* What the offered library members actually do, one click from the picker. */
 .c-libhelp{margin:var(--s2) 0 0; font-size:var(--t-micro);}
-.c-libhelp__toggle{cursor:pointer; color:var(--c-muted); list-style:none;}
+.c-libhelp__toggle{cursor:pointer; color:var(--c-muted) !important; list-style:none;}
 .c-libhelp__toggle::-webkit-details-marker{display:none;}
 .c-libhelp__toggle::after{content:" +"; opacity:.7;}
 details[open] .c-libhelp__toggle::after{content:" -";}
@@ -1183,13 +1188,13 @@ details[open] .c-libhelp__toggle::after{content:" -";}
                  display:flex; flex-direction:column; gap:6px;}
 .c-libhelp__item{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px;
                  line-height:1.45;}
-.c-libhelp__name{font-weight:600; color:var(--c-text);}
-.c-libhelp__kind{font-size:11px; color:var(--c-muted); text-transform:uppercase;
+.c-libhelp__name{font-weight:600; color:var(--c-text) !important;}
+.c-libhelp__kind{font-size:11px; color:var(--c-muted) !important; text-transform:uppercase;
                  letter-spacing:.06em;}
 .c-libhelp__ref{background:var(--c-fill); border-radius:4px; padding:1px 5px;
-                font-size:11px; color:var(--c-muted);}
-.c-libhelp__what{flex:1 1 100%; color:var(--c-muted); max-width:var(--measure);}
-.c-libhelp__note{margin:var(--s2) 0 0; color:var(--c-muted); font-style:italic;}
+                font-size:11px; color:var(--c-muted) !important;}
+.c-libhelp__what{flex:1 1 100%; color:var(--c-muted) !important; max-width:var(--measure);}
+.c-libhelp__note{margin:var(--s2) 0 0; color:var(--c-muted) !important; font-style:italic;}
 
 .c-composer-foot{display:flex !important; align-items:center !important;
                  justify-content:space-between !important; gap:var(--s3) !important;
@@ -1284,7 +1289,7 @@ details[open] .c-libhelp__toggle::after{content:" -";}
 .c-shell>*:has(.c-skip){height:0 !important; min-height:0 !important;
                         overflow:visible !important;}
 .c-skip{position:absolute; left:-9999px; top:0; background:var(--c-surface);
-        color:var(--c-sage-deep); padding:var(--s3) var(--s4);
+        color:var(--c-sage-deep) !important; padding:var(--s3) var(--s4);
         border-radius:var(--r-md); z-index:100; font-weight:600;}
 .c-skip:focus{left:var(--s4); top:var(--s4);}
 
@@ -1301,20 +1306,20 @@ details[open] .c-libhelp__toggle::after{content:" -";}
    The address and the code are the two things a person copies, so they are
    the two things drawn as copyable blocks rather than as prose. */
 .c-join{display:flex; flex-direction:column; gap:var(--s2); max-width:var(--measure);}
-.c-join__lead{margin:var(--s2) 0 0; font-size:var(--t-micro); color:var(--c-muted);}
+.c-join__lead{margin:var(--s2) 0 0; font-size:var(--t-micro); color:var(--c-muted) !important;}
 .c-join__address,.c-join__code{
   display:block; background:var(--c-fill); border:1px solid var(--c-hairline) !important;
   border-radius:var(--r-md); padding:var(--s3); font-family:var(--mono);
-  font-size:var(--t-label); color:var(--c-text); word-break:break-all;
+  font-size:var(--t-label); color:var(--c-text) !important; word-break:break-all;
   user-select:all;}
 .c-join__alts{list-style:none; margin:0; padding:0; display:flex;
               flex-direction:column; gap:4px;}
-.c-join__alt{font-family:var(--mono); font-size:var(--t-micro); color:var(--c-muted);}
+.c-join__alt{font-family:var(--mono); font-size:var(--t-micro); color:var(--c-muted) !important;}
 .c-join__cmd{margin:0; background:var(--c-surface); border:1px solid var(--c-hairline) !important;
              border-radius:var(--r-md); padding:var(--s3); font-family:var(--mono);
              font-size:11.5px; line-height:1.6; overflow-x:auto; white-space:pre;
-             color:var(--c-text-2); user-select:all;}
-.c-join__note{margin:0; font-size:var(--t-micro); color:var(--c-muted);
+             color:var(--c-text-2) !important; user-select:all;}
+.c-join__note{margin:0; font-size:var(--t-micro); color:var(--c-muted) !important;
               line-height:1.55; max-width:56ch;}
 .c-join__note code{font-family:var(--mono); font-size:11px;
                    background:var(--c-fill); border-radius:4px; padding:1px 5px;}
@@ -1330,12 +1335,12 @@ details[open] .c-libhelp__toggle::after{content:" -";}
 .c-step-num{display:flex; gap:var(--s3); align-items:flex-start;}
 .c-step-num__n{flex:none; width:24px; height:24px; border-radius:50%;
                display:grid; place-items:center; margin-top:1px;
-               background:var(--c-mint); color:var(--c-sage-deep);
+               background:var(--c-mint); color:var(--c-sage-deep) !important;
                font-size:12px; font-weight:700;}
 .c-step-num__body{flex:1 1 auto; min-width:0; display:flex;
                   flex-direction:column; gap:var(--s2);}
 .c-step-num__head{margin:0; font-size:var(--t-body); font-weight:650;
-                  color:var(--c-text); letter-spacing:-.01em;}
+                  color:var(--c-text) !important; letter-spacing:-.01em;}
 
 .c-join__qr{margin-top:var(--s3);}
 .c-join__qr svg{width:160px; height:160px; display:block;
@@ -1369,8 +1374,8 @@ details[open] .c-libhelp__toggle::after{content:" -";}
 .c-credit{display:flex; align-items:flex-start; gap:var(--s3); margin:0; max-width:100%;}
 .c-credit__img{width:56px; height:36px; object-fit:cover; border-radius:6px;
                display:block; flex:none;}
-.c-credit__text{font-size:10.5px; line-height:1.45; color:var(--c-muted);}
-.c-credit__text a{color:var(--c-sage-deep); text-decoration:underline;}
+.c-credit__text{font-size:10.5px; line-height:1.45; color:var(--c-muted) !important;}
+.c-credit__text a{color:var(--c-sage-deep) !important; text-decoration:underline;}
 .c-credit--compact{gap:var(--s2);}
 .c-credit--compact .c-credit__img{width:44px; height:28px;}
 
@@ -1502,18 +1507,18 @@ details[open] .c-libhelp__toggle::after{content:" -";}
    selected state has to survive a squint test: accent border, filled check,
    tinted wash — three signals, any one of which is enough. */
 .c-libpage{max-width:var(--shell-max); margin:0 auto; padding:var(--s5) var(--shell-pad) var(--s8);}
-.c-libpage__back{font-size:var(--t-label); color:var(--c-text-2); text-decoration:none;
+.c-libpage__back{font-size:var(--t-label); color:var(--c-text-2) !important; text-decoration:none;
                  display:inline-flex; align-items:center; gap:6px;}
-.c-libpage__back:hover{color:var(--c-text);}
+.c-libpage__back:hover{color:var(--c-text) !important;}
 .c-libpage__title{margin:var(--s3) 0 4px; font-family:var(--font-display);
                   font-weight:600; font-size:clamp(26px,4vw,34px); letter-spacing:-.015em;
-                  color:var(--c-text);}
-.c-libpage__lede{margin:0 0 var(--s5); max-width:var(--measure); color:var(--c-text-2);}
+                  color:var(--c-text) !important;}
+.c-libpage__lede{margin:0 0 var(--s5); max-width:var(--measure); color:var(--c-text-2) !important;}
 .c-libsave{position:sticky; top:0; z-index:9; display:flex; align-items:center; gap:var(--s3);
            background:color-mix(in srgb, var(--c-canvas) 88%, transparent);
            backdrop-filter:blur(6px); padding:var(--s2) 0; margin-bottom:var(--s2);}
-.c-libsave__count{font-size:var(--t-label); color:var(--c-text-2);}
-.c-libsave__count strong{color:var(--c-sage-deep); font-weight:650;}
+.c-libsave__count{font-size:var(--t-label); color:var(--c-text-2) !important;}
+.c-libsave__count strong{color:var(--c-sage-deep) !important; font-weight:650;}
 
 .c-libgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
            gap:var(--s4); margin:var(--s4) 0;}
@@ -1532,11 +1537,11 @@ details[open] .c-libhelp__toggle::after{content:" -";}
                   width:24px; height:24px; border-radius:50%;
                   display:flex; align-items:center; justify-content:center;
                   font-size:14px; line-height:1;
-                  border:1.5px solid var(--c-border) !important; color:var(--c-muted);
+                  border:1.5px solid var(--c-border) !important; color:var(--c-muted) !important;
                   background:var(--c-surface);
                   transition:all .15s ease;}
 .c-libcard.is-on .c-libcard__check{border-color:var(--c-accent);
-                  background:var(--c-accent); color:#fff;}
+                  background:var(--c-accent); color:#fff !important;}
 .c-libcard__check::before{content:"+";}
 .c-libcard.is-on .c-libcard__check::before{content:"✓";}
 .c-libcard__media{margin:calc(var(--s4)*-1) calc(var(--s4)*-1) var(--s2);
@@ -1553,12 +1558,12 @@ details[open] .c-libhelp__toggle::after{content:" -";}
 .c-libcard__media.is-playing .c-libcard__poster{opacity:0;}
 .c-libcard__play{position:relative; z-index:1;
                  display:inline-flex; align-items:center; gap:6px;
-                 font-size:var(--t-micro); color:var(--c-text-2);
+                 font-size:var(--t-micro); color:var(--c-text-2) !important;
                  background:color-mix(in srgb, var(--c-surface) 92%, transparent);
                  border:1px solid var(--c-hairline) !important; backdrop-filter:blur(3px);
                  border-radius:999px; padding:4px 10px; opacity:0;
                  transition:opacity .15s ease;}
-.c-libcard__play::before{content:"▶"; font-size:9px; color:var(--c-sage-deep);}
+.c-libcard__play::before{content:"▶"; font-size:9px; color:var(--c-sage-deep) !important;}
 /* The invitation appears on approach and never sits permanently over the
    result it is inviting you to watch. Always visible where there is no
    poster to obscure, since then it is the only thing in the frame. */
@@ -1569,17 +1574,17 @@ details[open] .c-libhelp__toggle::after{content:" -";}
 .c-libcard__head{display:flex; align-items:center; gap:var(--s2); padding-right:28px;}
 .c-libcard__kind{font-size:var(--t-micro); letter-spacing:.06em; text-transform:uppercase;
                  padding:2px 8px; border-radius:999px; background:var(--c-fill);
-                 color:var(--c-text-2); flex:none;}
-.c-libcard__kind--skill{background:var(--c-mint); color:var(--c-sage-deep);}
-.c-libcard__name{margin:0; font-size:var(--t-body); font-weight:650; color:var(--c-text);
+                 color:var(--c-text-2) !important; flex:none;}
+.c-libcard__kind--skill{background:var(--c-mint); color:var(--c-sage-deep) !important;}
+.c-libcard__name{margin:0; font-size:var(--t-body); font-weight:650; color:var(--c-text) !important;
                  text-transform:capitalize;}
-.c-libcard__author{margin:0; font-size:var(--t-micro); color:var(--c-muted);}
+.c-libcard__author{margin:0; font-size:var(--t-micro); color:var(--c-muted) !important;}
 .c-libcard__desc{margin:2px 0 0; font-size:13px; line-height:1.5;
-                 color:var(--c-text-2);
+                 color:var(--c-text-2) !important;
                  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;
                  overflow:hidden;}
 .c-libcard__ref{margin-top:auto; padding-top:var(--s2); font-family:var(--mono);
-                font-size:11px; color:var(--c-muted);}
+                font-size:11px; color:var(--c-muted) !important;}
 
 /* ---- Navigation, in the header band -----------------------------------
    A button (the library, which navigates) beside a link (a section of this
@@ -1697,8 +1702,8 @@ details[open] .c-libhelp__toggle::after{content:" -";}
   .c-shell:has(.c-identity:not(:empty)):has(.c-noworker-hook) .c-chat{
     min-height:300px !important; max-height:300px !important;}
 }
-.c-veil__title{margin:0 0 6px; font-weight:650; font-size:var(--t-lg); color:var(--c-text);}
-.c-veil__body{margin:0 0 var(--s4); color:var(--c-text-2); line-height:1.55;}
+.c-veil__title{margin:0 0 6px; font-weight:650; font-size:var(--t-lg); color:var(--c-text) !important;}
+.c-veil__body{margin:0 0 var(--s4); color:var(--c-text-2) !important; line-height:1.55;}
 /* The colour is forced for the same reason the borders are: gradio styles
    anchors inside its container with two classes, which outranks ours, so the
    white label on this button was being repainted the theme's link green —
@@ -1764,9 +1769,9 @@ nav.navbar, .gradio-container .navbar{display:none !important;}
                  padding:8px var(--s3); border-bottom:1px solid var(--c-hairline) !important;
                  background:var(--c-fill);}
 .c-madecard__dot{width:8px; height:8px; border-radius:50%; background:var(--c-accent); flex:none;}
-.c-madecard__name{font-family:var(--mono); font-size:12px; color:var(--c-text);
+.c-madecard__name{font-family:var(--mono); font-size:12px; color:var(--c-text) !important;
                   overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
-.c-madecard__kind{margin-left:auto; flex:none; font-size:var(--t-micro); color:var(--c-muted);
+.c-madecard__kind{margin-left:auto; flex:none; font-size:var(--t-micro); color:var(--c-muted) !important;
                   letter-spacing:.05em; text-transform:uppercase;}
 /* A glance, not a document viewer. The preview sits inside a conversation
    and has to read as one object at one glance; at 340px it was a scrolling
@@ -1781,7 +1786,7 @@ nav.navbar, .gradio-container .navbar{display:none !important;}
   background:linear-gradient(to bottom, transparent, var(--c-surface));}
 /* A document page: a white sheet with real margins and the actual text. */
 .c-made--doc .c-madecard__body{font-family:Georgia,'Times New Roman',serif;
-  color:#26241F; line-height:1.6; font-size:13.5px;}
+  color:#26241F !important; line-height:1.6; font-size:13.5px;}
 .c-made--doc .c-madecard__body h4{margin:0 0 8px; font-size:16px; font-weight:700;}
 .c-made--doc .c-madecard__body p{margin:0 0 8px;}
 /* A sheet: a real grid of the actual cells. */
@@ -1794,8 +1799,8 @@ nav.navbar, .gradio-container .navbar{display:none !important;}
   gap:var(--s2);}
 .c-madeslide{aspect-ratio:16/9; border:1px solid var(--c-hairline) !important; border-radius:6px;
   background:#fff; padding:8px; display:flex; flex-direction:column; gap:3px; overflow:hidden;}
-.c-madeslide__no{font-size:9px; color:var(--c-muted);}
-.c-madeslide__title{font-size:11px; font-weight:650; color:var(--c-text); line-height:1.25;}
+.c-madeslide__no{font-size:9px; color:var(--c-muted) !important;}
+.c-madeslide__title{font-size:11px; font-weight:650; color:var(--c-text) !important; line-height:1.25;}
 .c-madeslide__line{height:3px; border-radius:2px; background:var(--c-fill); width:86%;}
 .c-madeslide__line+.c-madeslide__line{width:70%;}
 /* Code or plain text: the content itself, monospaced. */
@@ -1805,10 +1810,10 @@ nav.navbar, .gradio-container .navbar{display:none !important;}
    its own taller cap, which meant a stylesheet came back twice the height of
    a document and the shelf of results had no common measure. */
 .c-made--text pre{margin:0; padding:var(--s3) var(--s4); font-family:var(--mono);
-  font-size:12px; line-height:1.55; color:var(--c-text); overflow:hidden; max-height:210px;
+  font-size:12px; line-height:1.55; color:var(--c-text) !important; overflow:hidden; max-height:210px;
   white-space:pre-wrap; overflow-wrap:anywhere;}
 .c-made__foot{padding:6px var(--s3); border-top:1px solid var(--c-hairline) !important;
-  font-size:var(--t-micro); color:var(--c-muted);}
+  font-size:var(--t-micro); color:var(--c-muted) !important;}
 
 @media (max-width:700px){
   .c-libgrid{grid-template-columns:1fr; gap:var(--s3);}