/* ==========================================================
 * Health Journal article
 * ======================================================== */

.ar-top{background:var(--sky);padding:calc(84px + clamp(1.2rem,3vh,2.2rem)) 0 clamp(1.8rem,4vh,3rem)}
.ar-top-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.ar-crumb{font-size:.88rem;color:#45555B}
.ar-crumb a{color:var(--deep);font-weight:600;text-decoration:none}
.ar-cat{margin-top:.9rem;display:inline-block;background:#fff;border:1px solid var(--sky-line);color:var(--deep);font-weight:700;font-size:.85rem;padding:.3rem .75rem;border-radius:999px}
.ar-top h1{margin-top:.7rem;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.08;letter-spacing:-.035em;color:var(--basalt)}
.ar-meta{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem;color:#45555B;font-size:.92rem;font-weight:600}
.ar-meta svg{width:16px;height:16px;vertical-align:-3px;margin-right:.25rem}
.ar-actions{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.55rem}
.ar-copy{display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid var(--sky-line);background:#fff;border-radius:999px;padding:.55rem 1rem;font:600 .92rem var(--body);color:var(--basalt);cursor:pointer}
.ar-copy svg{width:17px;height:17px}
.ar-copy.done{background:var(--deep);color:#fff;border-color:var(--deep)}
.ar-fig{margin:0;border-radius:26px;overflow:hidden;aspect-ratio:4/3;max-height:min(46vh,440px);width:100%;box-shadow:0 34px 60px -38px rgba(10,60,80,.55)}
.ar-fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:ctZoom 1.6s var(--ease) forwards}
.ar-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;background:transparent;pointer-events:none}
.ar-prog i{display:block;height:100%;width:var(--p,0%);background:var(--cyan)}
.ar-body{background:#fff;padding:clamp(2rem,5vh,3rem) 0 clamp(2.5rem,6vh,4rem)}
.ar-wrap{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(2rem,4vw,3.5rem);justify-content:center;align-items:start}
.ar-toc{position:sticky;top:110px;display:grid;gap:.15rem}
.ar-toc b{font:800 .95rem var(--display);margin-bottom:.4rem}
.ar-toc a{display:block;padding:.4rem .7rem;border-left:2px solid #E3E9EA;color:#45555B;text-decoration:none;font-size:.9rem;line-height:1.35;transition:color .3s,border-color .3s,background .3s}
.ar-toc a:hover{color:var(--deep)}
.ar-toc a.on{color:var(--deep);border-color:var(--cyan);background:var(--sky);font-weight:600}
.ar-take{background:var(--sky);border:1px solid var(--sky-line);border-radius:20px;padding:1.2rem 1.3rem}
.ar-take h2{font-size:1.15rem!important;margin:0!important}
.ar-take ul{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.55rem}
.ar-take li{display:flex;gap:.55rem;align-items:flex-start;line-height:1.5;opacity:0;transform:translateY(8px);animation:hjIn .5s var(--ease) forwards;animation-delay:calc(.2s + var(--j) * 90ms)}
@keyframes hjIn{to{opacity:1;transform:none}}
.ar-take svg{width:20px;height:20px;flex:none;color:#14724A;margin-top:.2rem}
.ar-main h2{margin-top:2.2rem;font-size:clamp(1.35rem,2.2vw,1.7rem);letter-spacing:-.025em;scroll-margin-top:110px}
.ar-main p{margin-top:.8rem;line-height:1.75;color:#33434A}
.ar-main ul,.ar-main ol{margin:.8rem 0 0;padding-left:1.3rem;display:grid;gap:.4rem;line-height:1.65;color:#33434A}
.ar-main a{color:var(--deep);font-weight:600}
.ar-faq .fq{opacity:1;transform:none}
.ar-faq .fq:first-of-type{border-top:1px solid #E3E9EA;margin-top:.8rem}
.ar-src ul{list-style:none;padding:0}
.ar-src a{display:inline-flex;gap:.45rem;align-items:center;text-decoration:none}
.ar-src a:hover{text-decoration:underline}
.ar-src svg{width:15px;height:15px;flex:none}
.ar-disc{margin-top:2rem;display:flex;gap:.6rem;align-items:flex-start;padding:1rem 1.1rem;border-radius:16px;background:#FFF8EA;border:1px solid #F3DDB0;color:#6B4A12!important;font-size:.92rem;line-height:1.55}
.ar-disc svg{width:20px;height:20px;flex:none;color:#B36B00;margin-top:.15rem}
.ar-cta{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap;background:var(--deep);color:#fff;border-radius:24px;padding:1.5rem 1.6rem}
.ar-cta h2{margin:0!important;font-size:1.4rem!important;color:#fff}
.ar-cta p{color:#CFEAEA!important;margin-top:.3rem!important}
.ar-cta .btn-primary{background:#fff!important;color:var(--deep)!important}
.ar-cta .btn svg{width:18px;height:18px}
.ar-call{border:1.5px solid rgba(255,255,255,.5);color:#fff;background:transparent}
.ar-rel{background:var(--frost);padding:clamp(2.5rem,6vh,4rem) 0}
.ar-rel h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.ar-rel-g{margin-top:1.2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ar-rc{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:var(--basalt);border:1px solid var(--sky-line);transition:transform .45s var(--ease), box-shadow .45s var(--ease), border-color .3s}
.ar-rc:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 24px 46px -30px rgba(10,60,80,.55)}
.ar-rc img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ar-rc div{padding:1rem 1.1rem;display:grid;gap:.4rem}
.ar-rc em{font-style:normal;font-weight:700;font-size:.82rem;color:var(--deep)}
.ar-rc b{font:800 1.02rem/1.3 var(--display);letter-spacing:-.02em}
.ar-rc span{font-size:.85rem;color:#5B6B71;font-weight:600}
.ar-back{margin-top:1.2rem;display:inline-flex;gap:.4rem;align-items:center;color:var(--deep);font-weight:700;text-decoration:none}
.ar-back svg{width:16px;height:16px;transform:rotate(180deg)}
@media (max-width: 960px){ .ar-top-in{grid-template-columns:1fr} .ar-fig{order:-1;max-height:none} .ar-wrap{grid-template-columns:1fr} .ar-toc{display:none} .ar-rel-g{grid-template-columns:1fr} }
@media (prefers-reduced-motion: reduce){ .ar-take li{animation:none;opacity:1;transform:none} .ar-fig img{animation:none;transform:none} }