/* News and blog articles on the j2 system */
.ar-hero{background:linear-gradient(180deg,#f5f0f4 0%,#fff 100%);padding:clamp(40px,6vh,72px) 0 clamp(24px,4vw,40px)}
.ar-hero .j2-narrow{width:min(880px,100% - 44px);text-align:center}
.ar-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem;font-size:.9rem;color:var(--j2-text-2);margin-bottom:1rem}
.ar-meta b{color:var(--j2-purple);font-weight:600}
.ar-hero h1{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.05;letter-spacing:-.03em;font-weight:700!important;margin:0}
.ar-hero .ar-stand{margin:1.2rem auto 0;max-width:60ch;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.45;color:var(--j2-text-2)}
.ar-figure{max-width:1100px;margin:clamp(24px,4vw,40px) auto 0;padding-inline:12px}
.ar-figure img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.14)}
/* body */
.ar-body{max-width:720px;margin:0 auto;font-size:1.12rem;line-height:1.65;color:var(--j2-text)}
.ar-body p{margin:0 0 1.2rem}
.ar-body h2,.ar-body h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;margin:2.2rem 0 .7rem}
.ar-body h4{font-size:1.15rem;margin:1.8rem 0 .5rem}
.ar-body ul,.ar-body ol{padding-left:1.3rem;margin:0 0 1.2rem}
.ar-body li{margin:.35rem 0}
.ar-body img{max-width:100%;height:auto;border-radius:14px;margin:.4rem 0 1.2rem}
.ar-body .richtext-image.full-width{width:100%;display:block}
.ar-body blockquote{margin:1.6rem 0;padding:0 0 0 1.2rem;border-left:3px solid var(--j2-purple);font-size:1.2rem;font-weight:500;color:var(--j2-text)}
.ar-body a{text-decoration:underline;text-underline-offset:.15em}
.ar-body iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px;margin:.4rem 0 1.2rem}
.ar-body table{width:100%;border-collapse:collapse;font-size:.95rem;margin:0 0 1.4rem}
.ar-body td,.ar-body th{padding:.5rem .6rem;border-top:1px solid rgba(29,29,31,.14);text-align:left;vertical-align:top}
.ar-body .quoteboxpurple,.ar-body .quotebox{margin:1.6rem 0;padding:1.4rem 1.6rem;background:#f5f5f7;border-radius:18px}
/* end bar */
.ar-end{max-width:720px;margin:clamp(28px,4vw,48px) auto 0;padding-top:1.2rem;border-top:1px solid rgba(29,29,31,.14);display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;align-items:center;font-size:.95rem}
.ar-end a{font-weight:500}.ar-end a::after{content:" \203A"}
.ar-end .ar-share{margin-left:auto;color:var(--j2-text-2)}
/* related */
.ar-more{margin-top:clamp(28px,4vw,48px)}
@media (max-width:600px){.ar-figure img{aspect-ratio:4/3}}