/* BreathiZen blog layer — loaded ONLY on /blog/ pages */
.bb-wrap{max-width:780px;margin:0 auto}
.bb-hero{padding:3rem 0 1.6rem}
.bb-meta{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;
  font-size:.9rem;color:var(--mut);margin:.7rem 0 0}
.bb-meta .bb-cat{background:var(--mist);color:var(--deep);font-weight:800;
  font-size:.78rem;border-radius:999px;padding:.26rem .8rem}
.bb-crumbs{font-size:.88rem;color:var(--mut);margin-bottom:1rem}
.bb-crumbs a{color:var(--mut)}
.bb-crumbs a:hover{color:var(--deep)}
.bb-body{padding:0 0 3.4rem}
.bb-body h2{font-size:1.55rem;margin:2.1rem 0 .7rem}
.bb-body h3{font-size:1.18rem;margin:1.6rem 0 .5rem}
.bb-body p{color:#33465A}
.bb-body ul,.bb-body ol{color:#33465A;margin:0 0 1.1rem;padding-left:1.35rem}
.bb-body li{margin-bottom:.45rem}
.bb-facts{background:var(--card);border:1.5px solid var(--line);
  border-left:5px solid var(--azure);border-radius:12px;padding:1.1rem 1.3rem;margin:1.4rem 0}
.bb-facts b{display:block;color:var(--deep);margin-bottom:.5rem;font-size:.95rem}
.bb-facts ul{margin:0;padding-left:1.2rem;font-size:.96rem}
.bb-cta{background:linear-gradient(135deg,#0A4E7C,#0C3D60);color:#E8F3FB;
  border-radius:16px;padding:1.5rem 1.6rem;margin:2rem 0;text-align:center}
.bb-cta p{color:#CFE4F2;margin:0 0 1rem}
.bb-cta b{color:#FFD9A0}
.bb-note{background:#FCF6EE;border:1.5px solid #EAD3AE;border-radius:12px;
  padding:1rem 1.2rem;margin:1.4rem 0;font-size:.95rem;color:#5B4A2E}
.bb-note b{color:var(--amber-d)}
.bb-author{display:flex;gap:1rem;align-items:center;background:var(--card);
  border:1.5px solid var(--line);border-radius:14px;padding:1.1rem 1.3rem;margin:2.2rem 0 0}
.bb-author .bb-av{width:52px;height:52px;border-radius:50%;background:var(--deep);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-d);font-weight:650;font-size:1.2rem;flex:0 0 52px}
.bb-author b{display:block}
.bb-author span{font-size:.88rem;color:var(--mut)}
.bb-related{border-top:1.5px solid var(--line);padding:2rem 0 0;margin-top:2.4rem}
.bb-related h2{font-size:1.3rem;margin-bottom:1rem}
.bb-related ul{list-style:none;margin:0;padding:0}
.bb-related li{margin-bottom:.6rem;padding-left:1.3rem;position:relative}
.bb-related li::before{content:"";position:absolute;left:0;top:.5rem;
  width:9px;height:9px;border-radius:50%;background:var(--mag)}
/* blog index cards */
.bb-grid .bz-card{display:flex;flex-direction:column}
.bb-grid .bb-cat{align-self:flex-start;background:var(--mist);color:var(--deep);
  font-weight:800;font-size:.75rem;border-radius:999px;padding:.24rem .75rem;margin-bottom:.7rem}
.bb-grid h3 a{color:var(--ink)}
.bb-grid h3 a:hover{color:var(--deep)}
.bb-grid .bb-read{margin-top:auto;font-weight:700;font-size:.92rem}