/* ============================================================
   rb.css — reggiebritt.ai shared stylesheet
   v1.0 · July 2026
   Single source of truth for tokens, navigation, and footer.
   Load BEFORE any page-level <style> block.
   ============================================================ */

/* ---------- 1. CANONICAL TOKENS ---------- */
:root{
  /* Surfaces */
  --rb-bg:        #060810;   /* page background            */
  --rb-panel:     #090d18;   /* raised panel / card        */
  --rb-panel2:    #0c1020;   /* deepest raised surface     */

  /* Ink */
  --rb-text:      #f0e8d8;   /* headline / primary cream   */
  --rb-body:      #c4b49a;   /* body copy                  */
  --rb-dim:       #828294;   /* metadata / muted UI        */
  --rb-faint:     #8a7a6a;   /* faintest readable ink      */
  --rb-ghost:     rgba(240,232,216,0.38);

  /* Gold */
  --rb-gold:      #c8922a;   /* primary accent             */
  --rb-gold2:     #e8b84b;   /* bright accent / hover      */
  --rb-gold-deep: #7a5520;   /* dimmed gold                */
  --rb-glow:      rgba(200,146,42,0.10);

  /* Rules & borders */
  --rb-line:      rgba(255,255,255,0.06);
  --rb-line2:     rgba(255,255,255,0.10);
  --rb-goldline:  rgba(200,146,42,0.18);
  --rb-goldline2: rgba(200,146,42,0.07);

  /* Type */
  --rb-display:   'Cormorant Garamond', Georgia, serif;
  --rb-ui:        'Syne', sans-serif;
  --rb-mono:      'Space Mono', ui-monospace, monospace;

  /* Metrics */
  --rb-h:         56px;      /* fixed nav height           */
  --rb-measure:   66ch;
  --rb-max:       820px;
  --rb-wide:      1100px;
  --rb-gutter:    clamp(24px, 4vw, 60px);
}

/* ---------- 2. LEGACY ALIASES ----------
   Page-level stylesheets still reference these names.
   All resolve to the canonical tokens above. Do not add new ones —
   migrate page CSS to --rb-* and delete from this block.        */
:root{
  --bg:            var(--rb-bg);
  --bg2:           var(--rb-panel);
  --bg3:           var(--rb-panel2);
  --bg-raised:     var(--rb-panel2);
  --surface:       var(--rb-panel);
  --surface2:      var(--rb-panel2);
  --parchment:     var(--rb-bg);
  --parchment-dark:var(--rb-panel);
  --parchment-deep:var(--rb-panel2);

  --text:          var(--rb-text);
  --text2:         var(--rb-body);
  --text-body:     var(--rb-body);
  --text-dim:      var(--rb-faint);
  --text-mute:     var(--rb-dim);
  --dim:           var(--rb-dim);
  --muted:         var(--rb-dim);
  --cream:         var(--rb-text);
  --faint:         var(--rb-ghost);
  --ink:           var(--rb-text);
  --ink-mid:       var(--rb-body);
  --ink-soft:      var(--rb-body);
  --ink-light:     var(--rb-body);
  --ink-faint:     var(--rb-faint);

  --accent:        var(--rb-gold);
  --accent2:       var(--rb-gold2);
  --accent-dim:    var(--rb-gold2);
  --gold:          var(--rb-gold);
  --gold2:         var(--rb-gold2);
  --gold-bright:   var(--rb-gold2);
  --gold-dim:      var(--rb-gold-deep);
  --glow:          var(--rb-glow);
  --gold-glow:     var(--rb-glow);

  --border:        var(--rb-line);
  --border2:       var(--rb-line2);
  --border-s:      var(--rb-goldline2);
  --rule:          var(--rb-goldline);
  --rule-light:    var(--rb-line2);
  --rule-faint:    var(--rb-line2);

  --f-display:     var(--rb-display);
  --display:       var(--rb-display);
  --f-ui:          var(--rb-ui);
  --f-sans:        var(--rb-ui);
  --body:          var(--rb-ui);
  --f-mono:        var(--rb-mono);
  --mono:          var(--rb-mono);

  --measure:       var(--rb-measure);
  --max:           var(--rb-max);
  --maxw:          var(--rb-max);
  --wide:          var(--rb-wide);
  --gutter:        var(--rb-gutter);
}

/* ---------- 3. DIAGRAM / VISUALIZATION PALETTE ----------
   Off-brand hues are permitted ONLY inside SVG figures, and only
   via these tokens. Never use raw hex in page CSS.               */
:root{
  --viz-human:     #1D9E75;  /* HOT · Human        (teal)  */
  --viz-org:       #378ADD;  /* HOT · Organization (blue)  */
  --viz-tech:      #c8922a;  /* HOT · Technology   (gold)  */
  --viz-warn:      #C8503C;  /* alert / failure    (rust)  */
  --viz-neutral:   #6a6478;  /* inert / background element */

  /* RGB channels — for tints. Use rgb(var(--viz-human-rgb) / 12%)
     so a tint can never drift from its solid.                      */
  --viz-human-rgb: 29 158 117;
  --viz-org-rgb:   55 138 221;
  --viz-tech-rgb:  200 146 42;
  --viz-warn-rgb:  200 80 60;
}

/* ---------- 4. NAVIGATION ---------- */
.rb-nav{ position:fixed; top:0; left:0; right:0; z-index:1000;
  font-family:var(--rb-ui); background:rgba(6,8,16,0.92);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rb-line); }
.rb-bar{ display:flex; align-items:center; justify-content:space-between;
  height:var(--rb-h); padding:0 24px; max-width:var(--rb-wide); margin:0 auto; }
.rb-brand{ font-family:var(--rb-mono); font-size:12px; letter-spacing:0.14em;
  color:var(--rb-text); text-decoration:none; white-space:nowrap; flex-shrink:0; }
.rb-brand:hover{ color:var(--rb-gold2); }
.rb-here{ flex:1; text-align:center; font-family:var(--rb-mono); font-size:9px;
  letter-spacing:0.18em; color:var(--rb-dim); text-transform:uppercase;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 18px; }
.rb-toggle{ font-family:var(--rb-mono); font-size:9px; letter-spacing:0.16em;
  color:var(--rb-gold); text-transform:uppercase; background:none;
  border:1px solid rgba(200,146,42,0.35); border-radius:2px; padding:7px 13px;
  cursor:pointer; white-space:nowrap; flex-shrink:0; transition:border-color 0.2s,color 0.2s; }
.rb-toggle:hover{ border-color:var(--rb-gold); color:var(--rb-gold2); }
.rb-panel{ position:absolute; top:var(--rb-h); left:0; right:0;
  background:var(--rb-panel); border-bottom:1px solid var(--rb-line);
  max-height:0; overflow:hidden; transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1); }
.rb-panel.rb-open{ max-height:calc(100vh - var(--rb-h)); overflow-y:auto; }
.rb-panel-inner{ max-width:var(--rb-max); margin:0 auto; padding:28px 28px 34px; }
.rb-line{ position:relative; padding-left:34px; }
.rb-line::before{ content:''; position:absolute; left:9px; top:10px; bottom:10px; width:1px;
  background:linear-gradient(var(--rb-gold),rgba(200,146,42,0.10)); }
.rb-tier{ font-family:var(--rb-mono); font-size:8px; letter-spacing:0.22em;
  color:var(--rb-dim); text-transform:uppercase; margin:22px 0 12px -34px; padding-left:34px; }
.rb-tier:first-child{ margin-top:0; }
.rb-item{ position:relative; display:block; padding:7px 0;
  font-family:var(--rb-display); font-size:19px; color:var(--rb-text);
  text-decoration:none; transition:color 0.15s; }
.rb-item::before{ content:attr(data-n); position:absolute; left:-34px; top:8px;
  width:19px; height:19px; border-radius:50%; background:var(--rb-panel);
  border:1px solid rgba(200,146,42,0.4); display:flex; align-items:center;
  justify-content:center; font-family:var(--rb-mono); font-size:8px; color:var(--rb-dim); }
.rb-item:hover{ color:var(--rb-gold2); }
.rb-item:hover::before{ border-color:var(--rb-gold); color:var(--rb-gold); }
.rb-current{ color:var(--rb-gold); }
.rb-current::before{ border-color:var(--rb-gold); color:var(--rb-gold);
  box-shadow:0 0 0 3px rgba(200,146,42,0.12); }
.rb-diamond{ font-size:12px; color:var(--rb-gold); }
.rb-pt{ font-family:var(--rb-mono); font-size:10px; letter-spacing:0.08em;
  color:var(--rb-dim); }
.rb-util{ display:flex; gap:22px; margin:26px 0 0 -34px; padding:16px 0 0 34px;
  border-top:1px solid var(--rb-line); }
.rb-util a{ font-family:var(--rb-mono); font-size:9px; letter-spacing:0.14em;
  color:var(--rb-dim); text-transform:uppercase; text-decoration:none; }
.rb-util a:hover{ color:var(--rb-gold); }
.rb-scrim{ position:fixed; inset:var(--rb-h) 0 0; background:rgba(6,8,16,0.6);
  opacity:0; pointer-events:none; transition:opacity 0.3s; z-index:999; }
.rb-scrim.rb-open{ opacity:1; pointer-events:auto; }
body{ padding-top:var(--rb-h); }
@media (max-width:640px){
  .rb-bar{ padding:0 16px; }
  .rb-here{ display:none; }
  .rb-panel-inner{ padding:24px 20px 30px; }
  .rb-item{ font-size:17px; }
}

/* ---------- 6. ESSAY PROGRESSION (generated by rb.js) ----------
   Derived from the canonical reading line in the nav drawer.
   Never hand-edit an essay's prev/next — reorder the drawer instead. */
/* width + left offset are set by rb.js to match the page's article column.
   `all:unset` on position/display guards against stray page-level element
   selectors (e.g. a leftover `nav { position:fixed }`) capturing this node. */
.rb-prog{ position:static !important; display:block !important;
  inset:auto !important; z-index:auto !important;
  background:none !important; backdrop-filter:none !important;
  border:0 !important;
  /* No-JS baseline: centred, readable, correct on its own. rb.js then
     refines width/offset inline to match each page's exact prose column. */
  max-width:var(--rb-max); margin:72px auto 0; padding:0 24px; }
.rb-prog-rule{ height:1px; background:var(--rb-line); margin-bottom:26px; }

/* tier-change banner — shown only when next essay crosses a tier */
.rb-prog-descent{ display:block; margin-bottom:22px; padding:14px 18px;
  border:1px solid var(--rb-goldline); background:var(--rb-glow);
  text-decoration:none; transition:border-color .2s, background .2s; }
.rb-prog-descent:hover{ border-color:var(--rb-gold); background:rgba(200,146,42,0.14); }
.rb-prog-descent-label{ font-family:var(--rb-mono); font-size:8px; letter-spacing:0.22em;
  text-transform:uppercase; color:var(--rb-gold); margin-bottom:6px; }
.rb-prog-descent-tier{ font-family:var(--rb-display); font-style:italic;
  font-size:17px; color:var(--rb-text); line-height:1.4; }

.rb-prog-row{ display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:start; }
.rb-prog-a{ text-decoration:none; display:block; min-width:0; }
.rb-prog-a.next{ text-align:right; }
.rb-prog-dir{ font-family:var(--rb-mono); font-size:8px; letter-spacing:0.22em;
  text-transform:uppercase; color:var(--rb-dim); margin-bottom:7px; }
.rb-prog-a:hover .rb-prog-dir{ color:var(--rb-gold); }
.rb-prog-t{ font-family:var(--rb-display); font-size:19px; line-height:1.35;
  color:var(--rb-body); transition:color .2s; }
.rb-prog-a:hover .rb-prog-t{ color:var(--rb-gold2); }
.rb-prog-n{ font-family:var(--rb-mono); color:var(--rb-gold);
  opacity:0.75; margin:0 2px; }
.rb-prog-pt{ font-family:var(--rb-mono); font-size:10px; color:var(--rb-dim);
  letter-spacing:0.08em; }
.rb-prog-empty{ min-width:0; }

.rb-prog-all{ align-self:center; font-family:var(--rb-mono); font-size:9px;
  letter-spacing:0.16em; text-transform:uppercase; color:var(--rb-dim);
  text-decoration:none; white-space:nowrap; padding:8px 0;
  border-bottom:1px solid transparent; transition:color .2s, border-color .2s; }
.rb-prog-all:hover{ color:var(--rb-gold); border-bottom-color:var(--rb-goldline); }

/* end of the line */
.rb-prog-end{ text-align:center; font-family:var(--rb-display); font-style:italic;
  font-size:16px; color:var(--rb-faint); margin-bottom:20px; }

@media (max-width:640px){
  .rb-prog{ margin-top:56px; }
  .rb-prog-row{ grid-template-columns:1fr; gap:22px; }
  .rb-prog-a.next{ text-align:left; }
  .rb-prog-a.next .rb-prog-n{ margin:0 7px 0 0; }
  .rb-prog-all{ order:3; justify-self:start; }
  .rb-prog-t{ font-size:17px; }
}

/* ---------- 7. CITATIONS ----------
   Convention ported from pegasus4i.com/evidence, which is the house standard:
   every figure carries SOURCE - PUBLICATION - YEAR - SAMPLE inline, and the
   essay closes with an "On the numbers" block. Keep the two sites aligned:
   a reader who checks a stat on one should find the same figure on the other.

     .rb-src        inline source line beneath a stat or claim
     .rb-cite       superscript [n] linking to the sources block
     .rb-sources    the "On the numbers" block
     .rb-note       methodological honesty / contested-figure note
*/
.rb-src{ display:block; font-family:var(--rb-mono); font-size:10px;
  letter-spacing:0.1em; text-transform:uppercase; color:var(--rb-dim);
  margin-top:14px; line-height:1.6; }
.rb-src a{ color:var(--rb-dim); text-decoration:none;
  border-bottom:1px solid var(--rb-line2); }
.rb-src a:hover{ color:var(--rb-gold); border-bottom-color:var(--rb-goldline); }

.rb-cite{ font-family:var(--rb-mono); font-size:0.6em; vertical-align:super;
  line-height:0; margin-left:2px; color:var(--rb-gold); text-decoration:none; }
.rb-cite:hover{ color:var(--rb-gold2); }
.rb-cite::before{ content:'['; }
.rb-cite::after{ content:']'; }

.rb-sources{ padding:36px 0 0; border-top:1px solid var(--rb-line);
  list-style:none; counter-reset:src; }
.rb-sources-h{ font-family:var(--rb-mono); font-size:10px; letter-spacing:0.16em;
  text-transform:uppercase; color:var(--rb-dim); margin:64px 0 0; }
.rb-sources li{ counter-increment:src; position:relative; padding-left:26px;
  margin-bottom:12px; font-family:var(--rb-ui); font-size:14px; line-height:1.55;
  color:var(--rb-dim); }
.rb-sources li::before{ content:'[' counter(src) ']'; position:absolute; left:0; top:1px;
  font-family:var(--rb-mono); font-size:10px; color:var(--rb-gold); }
.rb-sources li strong{ color:var(--rb-body); font-weight:400; }
.rb-sources li em{ font-style:italic; color:var(--rb-text); }
.rb-sources a{ color:var(--rb-gold); text-decoration:none;
  border-bottom:1px solid rgba(200,146,42,0.35); word-break:break-word; }
.rb-sources a:hover{ border-bottom-color:var(--rb-gold); color:var(--rb-gold2); }
.rb-sources li:target{ background:var(--rb-glow); }
.rb-sources li, .rb-cite{ scroll-margin-top:calc(var(--rb-h) + 24px); }

/* the honesty note — the site says out loud what it is and isn't sure of */
.rb-note{ display:block; margin:26px 0 0; padding-top:18px;
  border-top:1px solid var(--rb-line);
  font-family:var(--rb-ui); font-size:13px; line-height:1.65; color:var(--rb-dim); }
.rb-note strong{ font-family:var(--rb-mono); font-size:9px;
  letter-spacing:0.18em; text-transform:uppercase; color:var(--rb-gold);
  display:block; margin-bottom:7px; font-weight:400; }
.rb-note em{ font-style:italic; color:var(--rb-body); }

/* All three sit outside the page column wrapper; rb.js aligns them to the
   measured prose column. These are the no-JS fallbacks. */
.rb-sources, .rb-sources-h, .rb-note{
  max-width:640px; margin-left:auto; margin-right:auto; box-sizing:border-box; }
@media (max-width:760px){
  .rb-sources, .rb-sources-h, .rb-note{
    max-width:none; margin-left:24px; margin-right:24px; }
  .rb-sources li{ font-size:13px; padding-left:24px; }
}

/* ---------- 8. FOOTER (canonical) ---------- */
.rb-foot{ border-top:1px solid var(--rb-line); margin-top:96px;
  padding:38px 24px 54px; text-align:center; }
.rb-foot-inner{ max-width:var(--rb-max); margin:0 auto;
  display:flex; flex-direction:column; align-items:center; gap:14px; }
.rb-foot-line{ font-family:var(--rb-mono); font-size:10px; letter-spacing:0.16em;
  color:var(--rb-dim); text-transform:uppercase; }
.rb-foot-line a{ color:var(--rb-dim); text-decoration:none;
  border-bottom:1px solid transparent; transition:color 0.2s, border-color 0.2s; }
.rb-foot-line a:hover{ color:var(--rb-gold); border-bottom-color:var(--rb-goldline); }
.rb-foot-sep{ color:var(--rb-goldline); margin:0 8px; }
.rb-foot-mark{ font-family:var(--rb-display); font-style:italic; font-size:15px;
  color:var(--rb-faint); letter-spacing:0.02em; }
@media (max-width:640px){
  .rb-foot{ padding:32px 18px 44px; margin-top:72px; }
  .rb-foot-line{ font-size:9px; letter-spacing:0.13em; line-height:2; }
}

/* ============================================================
   rb.css addition — SECTION 9a: CANONICAL HOT DIMENSION COLOURS
   Gold = Human (the steering) · Blue = Organization (the drivetrain)
   Teal = Technology (the engine). Named separately from the older
   --viz-* figure palette, whose token NAMES map the other way; leave
   those values alone so existing diagrams keep their hues.
   ============================================================ */
:root{ --hot-h:#c8922a; --hot-o:#378ADD; --hot-t:#1A9E8A; }

/* ============================================================
   rb.css addition — SECTION 9b: WHERE YOU STAND (diagnostic offer)
   Append to rb.css, then delete the per-page <style id="rb-stand">
   blocks that ship inline in the patched essays.

   Register: offer, not ask. No button, no panel — a hairline and a
   line of prose at the natural end of the essay. One per essay,
   immediately above the essay progression. Never beside another CTA.

   Also add .rb-stand to the alignAside() selector list in rb.js so
   the block lines up with the measured prose column:
     '.rb-sources, .rb-sources-h, .rb-note, .rb-stand'
   ============================================================ */
.rb-stand{ display:block; max-width:var(--rb-max); margin:82px auto 0;
  padding:0 24px; box-sizing:border-box; }
.rb-stand-rule{ height:1px; margin-bottom:24px;
  background:linear-gradient(90deg,var(--rb-goldline),var(--rb-line) 55%,transparent); }
.rb-stand-link{ display:block; text-decoration:none; }
.rb-stand-k{ display:block; font-family:var(--rb-mono); font-size:9px; letter-spacing:0.22em;
  text-transform:uppercase; color:var(--rb-gold); opacity:.85; margin-bottom:13px; }
.rb-stand-line{ display:block; font-family:var(--rb-display); font-style:italic; font-weight:300;
  font-size:clamp(18px,2vw,23px); line-height:1.5; color:var(--rb-text); max-width:54ch;
  transition:color .2s; text-wrap:pretty; }
.rb-stand-link:hover .rb-stand-line{ color:var(--rb-gold2); }
.rb-stand-arr{ font-family:var(--rb-mono); font-style:normal; color:var(--rb-gold);
  display:inline-block; margin-left:7px; transition:transform .2s; }
.rb-stand-link:hover .rb-stand-arr{ transform:translateX(5px); }
.rb-stand-meta{ margin-top:17px; font-family:var(--rb-mono); font-size:10px; letter-spacing:0.1em;
  color:var(--rb-dim); line-height:1.8; }
.rb-stand-meta a{ color:var(--rb-dim); text-decoration:none; border-bottom:1px solid var(--rb-line2); }
.rb-stand-meta a:hover{ color:var(--rb-gold); border-bottom-color:var(--rb-goldline); }
@media(max-width:640px){ .rb-stand{ margin-top:62px; } }

/* gauge + prominence panel (matches the per-page blocks) */
.rb-stand{ position:relative; }
.rb-stand-gauge{ position:absolute; top:30px; right:32px; display:flex; flex-direction:column;
  gap:7px; width:92px; }
.rb-stand-gauge .g-row{ display:flex; align-items:center; gap:8px; font-family:var(--rb-mono);
  font-size:8px; letter-spacing:0.12em; color:var(--rb-dim); }
.rb-stand-gauge .g-row i{ font-style:normal; width:6px; }
.rb-stand-gauge .g-row b{ display:block; flex:1; height:3px; background:rgba(255,255,255,0.07); }
.rb-stand-gauge .g-row u{ display:block; height:3px; text-decoration:none; }
.rb-stand-gauge .s-h u{ background:var(--hot-h); }
.rb-stand-gauge .s-o u{ background:var(--hot-o); }
.rb-stand-gauge .s-t u{ background:var(--hot-t); }
.rb-stand-gauge .s-h i{ color:var(--hot-h); }
.rb-stand-gauge .s-o i{ color:var(--hot-o); }
.rb-stand-gauge .s-t i{ color:var(--hot-t); }
.d-h{ color:var(--hot-h); } .d-o{ color:var(--hot-o); } .d-t{ color:var(--hot-t); }
@media(max-width:720px){ .rb-stand-gauge{ position:static; margin-bottom:20px; } }
/* prominence pass — the offer sits in its own quiet panel */
.rb-stand{ padding:0; border:1px solid var(--rb-goldline); border-top:2px solid var(--rb-gold);
  background:linear-gradient(180deg,rgba(200,146,42,0.075),rgba(200,146,42,0) 72%),var(--rb-panel);
  transition:border-color .2s, background .2s; }
.rb-stand:hover{ border-color:var(--rb-gold);
  background:linear-gradient(180deg,rgba(200,146,42,0.13),rgba(200,146,42,0) 72%),var(--rb-panel); }
.rb-stand-rule{ display:none; }
.rb-stand-link{ padding:28px 32px 0; }
.rb-stand-k{ font-size:10px; margin-bottom:15px; opacity:1; }
.rb-stand-line{ font-size:clamp(20px,2.3vw,27px); line-height:1.45; max-width:46ch; }
.rb-stand-arr{ margin-left:9px; }
.rb-stand-foot{ display:flex; align-items:center; justify-content:space-between; gap:16px 26px;
  flex-wrap:wrap; margin:22px 32px 0; padding:17px 0 26px; border-top:1px solid var(--rb-goldline2); }
.rb-stand-meta{ margin:0; padding:0; border:0; max-width:44ch; }
.rb-stand-go{ display:inline-flex; align-items:center; gap:9px; flex:none; text-decoration:none;
  font-family:var(--rb-mono); font-size:11px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--rb-gold); padding:12px 18px; border:1px solid var(--rb-goldline);
  background:rgba(200,146,42,0.06); transition:background .2s,border-color .2s,color .2s; }
.rb-stand-go .rb-stand-goarr{ transition:transform .2s; }
.rb-stand:hover .rb-stand-go{ border-color:var(--rb-gold); background:rgba(200,146,42,0.14); color:var(--rb-gold2); }
.rb-stand-go:hover .rb-stand-goarr{ transform:translateX(4px); }
@media(max-width:640px){ .rb-stand-link{ padding:24px 22px 0; }
  .rb-stand-foot{ margin:18px 22px 0; padding-bottom:22px; gap:14px; }
  .rb-stand-go{ width:100%; justify-content:center; padding:13px 18px; } }


/* labelled sample read — the gauge says what it is, and the numbers
   carry a denominator so 58 is legible instead of decorative. */
.rb-stand-gauge{ width:122px; }
.rb-stand-gauge-k{ display:block; font-family:var(--rb-mono); font-size:7.5px;
  letter-spacing:0.16em; text-transform:uppercase; color:var(--rb-dim);
  margin-bottom:9px; white-space:nowrap; }
.rb-stand-gauge .g-row s{ text-decoration:none; font-family:var(--rb-mono); font-size:8px;
  letter-spacing:0.04em; color:var(--rb-dim); width:26px; text-align:right; flex:none; }
@media(max-width:820px){ .rb-stand-gauge{ position:static; width:auto; max-width:190px;
  margin-bottom:22px; } }

/* ============================================================
   rb.css addition — SECTION 10: ASK THE WORK (bar entry)
   ============================================================ */
.rb-ask{ margin-left:auto; margin-right:14px; flex-shrink:0;
  font-family:var(--rb-mono); font-size:9px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--rb-gold); text-decoration:none; white-space:nowrap; transition:color .2s; }
.rb-ask:hover{ color:var(--rb-gold2); }