/* /assets/saimsara-journal.css
   Shared across:
   - /impressum/
   - /journal/about/
   - /journal/
*/

:root{
  --t:#006798;
  --b:#2785c9;

  /* defaults (can be overridden per page) */
  --bg:#f0f2f5;
  --card:#fff;

  /* default border token (can be overridden) */
  --bd: rgba(39,133,201,0.35);

  /* optional second border token used by journal main in your block */
  --bd2: var(--bd);
}

/* Base */
body{
  font-family: Arial, sans-serif;
  margin:0;
  color:#222;
  background: var(--bg);
  line-height:1.5;
}

a{ color: var(--t); text-decoration:none; }
a:hover{ text-decoration: underline; }

code{
  background:rgba(39,133,201,0.08);
  padding:2px 6px;
  border-radius:6px;
}

/* Shared helper */
.small{ font-size:13px; color:#555; }

/* Shared social links (present in all 3 blocks you pasted) */
.social-links{ font-size:20px; }
.social-links a{ margin:3px; }
.social-links a:hover{ text-decoration:none; }

/* =========================
   SAIMSARA Journal header
   ========================= */
.jTopbar{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:12px; /* default, can be overridden */
}
.jBrand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  background:#fff;
  border:1.5px solid var(--bd2);
  border-radius:999px;
  color:var(--t);
  font-weight:900;
  letter-spacing:.2px;
}
.jNav{
  display:flex;
  gap:8px; /* default */
  align-items:center;
  flex-wrap:wrap;
}
.jPill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  background:#fff;
  border:1.5px solid var(--bd2);
  border-radius:999px;
  color:var(--t);
  text-decoration:none;
  font-weight:800;
  line-height:1;
}
.jPill:hover{ opacity:.88; text-decoration:none; }
.jPill.active{
  background:rgba(39,133,201,0.10);
  border-color:rgba(39,133,201,0.55);
}
.jPill .muted,
.jBrand .muted{
  font-weight:700;
  color:#355;
  opacity:.9;
  font-size:12px;
}
@media (max-width: 560px){
  .jBrand, .jPill{ padding:9px 10px; }
}

/* Shared “card” token (both impressum + about; journal overrides locally) */
.card{
  background: var(--card);
  border: 1.5px solid var(--bd);
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
}

/* Shared h2 baseline (matches about + impressum blocks) */
h2{
  margin:0 0 8px;
  color:#0b5cab;
  font-size:16px;
}

/* Shared footer baseline (impressum/about use .foot; journal can keep .footer locally) */
.foot{
  text-align:center;
  color:#667;
  font-size:12px;
  margin:14px 0 22px;
}