/* BreathiZen — blog layer (hp-) */
.hp-wrap{max-width:790px;margin-inline:auto}
.hp-top{background:linear-gradient(160deg,#0C2724,#14524A);color:#B7D0C8;padding:2.9rem 0 2.4rem}
.hp-top h1{color:#fff;font-size:clamp(1.8rem,3.9vw,2.65rem)}
.hp-crumb{font-size:.85rem;color:#8FAFA6;margin-bottom:.85rem}
.hp-crumb a{color:#8FAFA6}.hp-crumb a:hover{color:#fff}
.hp-meta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;font-size:.86rem;color:#9FBCB3;margin-top:.85rem}
.hp-cat{background:rgba(31,140,116,.22);color:var(--mist);font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.25rem .75rem}
.hp-body{padding:2.5rem 0 3.2rem}
.hp-body h2{font-size:1.48rem;margin:2.1rem 0 .65rem}
.hp-body h3{font-size:1.14rem;margin:1.5rem 0 .45rem}
.hp-body ul,.hp-body ol{margin:0 0 1.1rem;padding-left:1.35rem}
.hp-key{background:#fff;border:1px solid var(--line);border-left:4px solid var(--ember);border-radius:var(--rm);padding:1.1rem 1.3rem;margin:1.5rem 0;box-shadow:var(--sh-s)}
.hp-key b{display:block;color:var(--ink);margin-bottom:.45rem;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}
.hp-key ul{margin:0;padding-left:1.15rem;font-size:.95rem}
.hp-key li{margin-bottom:.35rem}
.hp-cta{background:linear-gradient(160deg,#0C2724,#14524A);border-radius:var(--rx);padding:1.6rem;margin:2rem 0;text-align:center}
.hp-cta p{color:#B7D0C8;margin:0 0 1rem}
.hp-cta b{color:var(--mist)}
.hp-tip{background:var(--sand);border:1px solid var(--line);border-radius:var(--rm);padding:1rem 1.2rem;margin:1.4rem 0;font-size:.95rem}
.hp-tip b{color:var(--ink)}
.hp-author{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:1.1rem 1.3rem;margin-top:2.1rem}
.hp-av{width:50px;height:50px;flex:0 0 50px;border-radius:14px;background:var(--pine);color:var(--mist);display:flex;align-items:center;justify-content:center;font-family:var(--ff-d);font-weight:700;font-size:1.1rem}
.hp-author b{display:block;color:var(--ink)}
.hp-author span{font-size:.87rem;color:var(--mut)}
.hp-next{border-top:1px solid var(--line);margin-top:2.3rem;padding-top:1.9rem}
.hp-next h2{font-size:1.22rem;margin:0 0 .9rem}
.hp-next ul{list-style:none;margin:0;padding:0}
.hp-next li{position:relative;padding-left:1.35rem;margin-bottom:.55rem}
.hp-next li::before{content:"";position:absolute;left:0;top:.6rem;width:7px;height:7px;border-radius:50%;background:var(--ember)}
.hp-filter{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-bottom:2rem}
.hp-filter span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.34rem .9rem;font-size:.86rem;font-weight:700;color:var(--ink)}
.hp-filter span i{font-style:normal;color:var(--mut);font-weight:600}
.hp-grid .ha-card{display:flex;flex-direction:column}
.hp-grid .hp-cat{align-self:flex-start;background:var(--mist-2);color:var(--pine);margin-bottom:.65rem}
.hp-grid h3{font-size:1.04rem}
.hp-grid h3 a{color:var(--ink)}
.hp-grid h3 a:hover{color:var(--ember-d)}
.hp-read{margin-top:auto;font-weight:700;font-size:.9rem;color:var(--jade-d)}