/* =====================================================================
   THE ROYAL LABEL - 2026-09-13, Bryan, 4 AM before the Florida air date:
   "all of the words below the bubbles are always supposed to be our blue
   and gold mixed, that is the Royal Standard."

   ONE RECIPE, EVERY PAGE OF royalheloc.ai. The words under a bubble are
   the filed navy (#253069) and the filed gold (#CBA260) together - never
   one colour alone. The family already wrote the seat for this in
   _royal-system/front-door/front-door.css (.bubble .label b / em) and the
   flagship royalai.app carries it as the filed lockups (navy ROYAL, gold
   word). This sheet makes the typed labels on this site match:

     <span class="label"><b>Home Equity</b> <em>Loans</em></span>

   <b>  = the qualifier, navy.      <em> = the product word, gold.
   The gold word is UPRIGHT like the gold word in every filed lockup
   (ROYAL HELOC, ROYAL REVERSE) - front-door.css's italic em is restated
   upright here on purpose. The gold is painted as the coin's own gradient
   so it reads as metal, not mustard; a solid gold-deep fallback ships for
   any browser that cannot clip a background to text.

   A bubble that opens a Royal SITE wears that site's filed lockup as its
   label (the bubble-wordmark law, royalai.app 8/10): .label-lockup below.
   Loaded AFTER front-door.css / royal.css so it wins on specificity ties.
   ===================================================================== */
.bubble .label,.sunny .cap{color:var(--navy,#253069)}
.bubble .label b,.sunny .cap b,.library-card strong b{color:var(--navy,#253069);font-weight:800}
.bubble .label em,.sunny .cap em,.library-card strong em{
  font-style:normal;font-weight:800;color:#A67C36;
  background:linear-gradient(180deg,#E0C287 0%,#CBA260 46%,#A67C36 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .bubble .label em,.sunny .cap em,.library-card strong em{background:none;color:#A67C36}}
.bubble:hover .label,.bubble:focus-visible .label,.sunny:hover .cap{color:var(--navy,#253069)}
/* THE FILED LOCKUP AS A LABEL - recipe verbatim from royalai.app/index.html
   (.label .label-lockup). Height follows width; never both set. */
.bubble .label .label-lockup{display:block;width:100%;max-width:104px;height:auto;margin:0 auto}
@media (max-width:390px){.bubble .label .label-lockup{max-width:88px}}
@media print{.bubble .label em,.sunny .cap em,.library-card strong em{background:none;color:#7D6238;-webkit-text-fill-color:#7D6238}}