/* Umbrella Journal UI — original, self‑contained utility styles
   These lightweight styles provide consistent buttons, badge rows, and
   a few helper sizes used across static pages. */

/* Generic compact button */
button.jsx-1094775025,
.jsx-1094775025 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #303952;
  border: 1px solid #eaedf8;
  border-bottom-width: 2px;
  border-radius: 8px;
  height: 32px;
  padding: 0 12px;
  font-weight: 700;
  font-size: 1.4rem;
  margin-right: 8px;
  text-decoration: none;
}
button.jsx-1094775025:hover,
.jsx-1094775025:hover { opacity: 0.85; }

/* Solid dark button */
button.jsx-451630781,
.jsx-451630781 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #303952;
  color: #ffffff;
  border: 1px solid #1e2433;
  border-bottom-width: 2px;
  border-radius: 8px;
  height: 32px;
  width: 150px;
  font-weight: 700;
  font-size: 1.4rem;
}
button.jsx-451630781:hover,
.jsx-451630781:hover { opacity: 0.9; }

/* Solid primary button */
button.jsx-451630782,
.jsx-451630782 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6C86FF;
  color: #ffffff;
  border: 1px solid #6C86FF;
  border-bottom-width: 2px;
  border-radius: 8px;
  height: 32px;
  width: 150px;
  font-weight: 700;
  font-size: 1.4rem;
}

/* Large primary CTA */
button.jsx-451630783,
.jsx-451630783 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6C86FF;
  color: #ffffff;
  border: 1px solid #6C86FF;
  border-bottom-width: 2px;
  border-radius: 16px;
  height: 64px;
  width: 300px;
  font-weight: 700;
  font-size: 2.0rem;
}

/* Button in muted on white */
button.jsx-1079901569,
.jsx-1079901569 {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: #ffffff;
  color: #303952;
  border: 1px solid #eaedf8;
  border-bottom-width: 2px;
  border-radius: 8px;
  height: 32px;
  padding: 0 10px;
}
button.jsx-1079901569:hover,
.jsx-1079901569:hover { opacity: 0.9; }

/* Primary small button variant */
button.jsx-2434922730,
.jsx-2434922730 {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: #6C86FF;
  color: #ffffff;
  border: 1px solid #5271ff;
  border-bottom-width: 2px;
  border-radius: 8px;
  height: 32px;
  padding: 0 10px;
}
button.jsx-2434922730:hover,
.jsx-2434922730:hover { opacity: 0.92; }

/* Simple row helpers */
.row.jsx-989211465,
.row.inner.jsx-989211465 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
a.jsx-989211465 { border-bottom: none; color: #5271ff; }
.blue.jsx-989211465 { color: #5271ff; }

/* Store badge row */
div.jsx-1708111057 { display: flex; justify-content: flex-start; padding: 6px; margin: 0 auto; flex-wrap: wrap; }

/* Small inline avatar/text pair */
img.jsx-344900460 { width: 38px; height: 38px; align-self: center; margin: 0; position: relative; top: 10px; display: inline-flex; }
p.jsx-344900460 { display: inline-flex; align-items: center; }

/* Form CTA widths */
button.jsx-3858592570,
.jsx-3858592570 { display: inline-flex; align-items: center; justify-content: center; height: 32px; width: 250px; font-weight: 700; font-size: 1.4rem; background:#6C86FF; color: #fff; border: 1px solid #546de5; border-radius: 8px; }
button.jsx-3858592571,
.jsx-3858592571 { display: inline-flex; align-items: center; justify-content: center; height: 32px; width: 300px; font-weight: 700; font-size: 1.4rem; background:#6C86FF; color: #fff; border: 1px solid #546de5; border-radius: 8px; }

.blue.jsx-2463146914 { color: #546de5; }
.jsx-989211465 a:hover { border-bottom: 0 !important; }

/* Logo size helpers */
.css-k9q10v { height: 90px; width: 169px; }
.css-k20q10v { height: 100px; width: 200px; }
.css-k3q10v { height: 100px; width: 400px; }
.css-k9q10vt { height: 270px; width: 507px; }
.css-k8q10v { height: 200px; width: 250px; }