/* Button-like links (lightweight, lint-safe) */
a.btn-link{
  display: inline-block;
  padding: 12px 16px;
  border-radius: 14px;

  /* border fallback first */
  border: 1px solid #d6d6d6;
  border: 1px solid rgba(0,0,0,.12);

  background: #0b6aa6;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.1;

  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  -webkit-tap-highlight-color: transparent;
}

a.btn-link:hover{
  filter: brightness(.97);
}

a.btn-link:active{
  transform: translateY(1px);
}

a.btn-link:focus{
  outline: 3px solid rgba(11,106,166,.25);
  outline-offset: 3px;
}

/* Ghost/secondary button (no overqualified selector) */
.btn-link--ghost{
  background: transparent;
  color: #0b6aa6;

  border: 1px solid #b9d3e6;
  border: 1px solid rgba(11,106,166,.25);
}

/* Mobile: full width */
@media (max-width: 600px){
  a.btn-link{ width: 100%; text-align: center; }
}

/* Stack buttons without gap */
.btn-stack{ margin: 18px 0; }
.btn-stack > a{
  display: block;
  margin: 0 0 12px 0;
}
.btn-stack > a:last-child{ margin-bottom: 0; }


/* Drop cap / red initial for common content blocks */
#body-inner p::first-letter,
#body-inner h3::first-letter,
#body-inner li::first-letter{
  color: #9b1c1c;
  font-weight: 700;
}

/* If you want the "cool" drop-cap look only for paragraphs */
#body-inner p::first-letter{
  float: left;
  font-size: 52px;
  line-height: 0.9;
  padding-right: 10px;
  padding-top: 6px;
}

.rubric-word{
  color: #9b1c1c;
  font-weight: 500;
}


