/* health journal */
.journal{padding:var(--sv,64px) 0;background:var(--bg-2)}
.hjhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(16px,3vh,28px)}
.hjt{font:600 clamp(1.8rem,min(3.4vw,6vh),3rem)/1 var(--display);letter-spacing:-.03em;margin:0}
.hjall{display:inline-flex;align-items:center;gap:10px;background:var(--cta,#13806B);color:#fff;text-decoration:none;font-weight:700;font-size:.95rem;padding:13px 20px;border-radius:12px;transition:gap .3s,background .3s}
.hjall:hover{gap:16px;background:var(--cta-h,#0E6857)}
.hjall svg,.hjr svg{width:16px;height:16px}
.hjgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
.hj{background:var(--bg);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.2,.7,.1,1),box-shadow .5s;opacity:0;transform:translateY(28px)}
.hjgrid.in .hj{opacity:1;transform:none;transition:opacity .7s var(--d),transform .8s cubic-bezier(.2,.7,.1,1) var(--d),box-shadow .5s}
.hjgrid.in .hj:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(19,32,26,.14);transition-delay:0s}
.hjimg{display:block;aspect-ratio:16/9;max-height:26vh;overflow:hidden}
.hjimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.1,1)}
.hj:hover .hjimg img{transform:scale(1.06)}
.hjb{padding:clamp(14px,2.2vh,22px) 20px clamp(16px,2.4vh,24px);display:flex;flex-direction:column;gap:8px;flex:1}
.hjm{margin:0;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:.78rem;color:var(--muted)}
.hjc{background:rgba(19,128,107,.12);color:#0E6857;font-weight:700;padding:4px 8px;border-radius:6px}
.hj h3{margin:0;font:600 clamp(1.08rem,1.5vw,1.3rem)/1.25 var(--display);letter-spacing:-.01em}
.hj h3 a{color:var(--ink);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s}
.hj:hover h3 a{background-size:100% 1px}
.hje{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hjr{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--cta,#13806B);font-weight:700;font-size:.9rem;text-decoration:none;padding-top:6px;transition:gap .3s}
.hj:hover .hjr{gap:14px}
@media(max-width:900px){.hjgrid{grid-template-columns:1fr}.hjimg{max-height:none}.hjhead{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.hj{opacity:1;transform:none;transition:none}}