/* Staging-only floating financing plaque. Undo: see STAGING-GTAG-UNDO.md. */
.fin-pill{
  position:fixed;
  left:24px;
  bottom:24px;
  z-index:57;
  display:flex;
  align-items:stretch;
  background:#1d6ccb;
  color:#fff;
  border:1px solid #1d6ccb;
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.fin-pill-link{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.15rem;
  min-height:48px;
  padding:.65rem .9rem;
  font:600 .68rem/1.15 var(--f-display,"Arial Narrow",Arial,sans-serif);
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
  text-align:left;
  white-space:nowrap;
}
.fin-pill-link:hover{background:#1659a8;color:#fff;border-color:#1659a8}
.fin-pill-link:focus-visible,
.fin-pill-close:focus-visible{
  outline:2px solid #7db5f2;
  outline-offset:3px;
  z-index:1;
  position:relative;
}
.fin-pill-close{
  flex:none;
  width:40px;
  min-height:48px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-left:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-size:1.2rem;
  line-height:1;
  cursor:pointer;
}
.fin-pill-close:hover{background:#0e1012;color:#fff}

@media (max-width:860px){
  .fin-pill{
    left:12px;
    bottom:calc(84px + env(safe-area-inset-bottom, 0px));
    max-width:calc(100vw - 24px - 148px);
  }
  .fin-pill-link{
    min-height:48px;
    padding:.55rem .7rem;
    font-size:.64rem;
    letter-spacing:.12em;
  }
}

/* Full-screen mobile chat panel would cover the left corner; hide the plaque while it is open. */
@media (max-width:640px){
  body:has(#trc-panel:not([hidden])) .fin-pill{display:none}
}

@media print{
  .fin-pill{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .fin-pill,.fin-pill-link,.fin-pill-close{transition:none}
}