/* Page-specific styles: article pages (template JdaArticle, pageStyles "article").
   Meta line, section spacing and the "Work with us" band are those of blogs.css; the rest is the
   article body typography, using the design's tokens (jda.css). */
.meta{display:flex;flex-wrap:wrap;gap:var(--space-3,12px);font:600 14px/20px var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--emerald)}
.meta i{font-style:normal;color:var(--navy-75,#123A5E99)}
.ar-meta{margin-top:var(--space-6)}
.ar-body{max-width:820px;margin:0 auto;font:400 17px/28px var(--font-body);color:var(--navy)}
.ar-body>:first-child{margin-top:0}
.ar-body p{margin:0 0 var(--space-5,20px)}
.ar-body h2{margin:var(--space-10,40px) 0 var(--space-4);font:600 30px/38px var(--font-display);color:var(--navy)}
.ar-body h3{margin:var(--space-8) 0 var(--space-3,12px);font:600 23px/31px var(--font-display);color:var(--navy)}
.ar-body h4{margin:var(--space-6) 0 var(--space-2);font:600 18px/26px var(--font-display);color:var(--navy)}
.ar-body ul,.ar-body ol{margin:0 0 var(--space-5,20px);padding-left:26px;display:grid;gap:8px}
.ar-body ul ul,.ar-body ol ul{margin:8px 0 0}
.ar-body li::marker{color:var(--emerald);font-weight:600}
.ar-body strong{color:var(--navy);font-weight:600}
.ar-body a{color:var(--emerald);font-weight:600;text-decoration:none}
.ar-body a:hover{text-decoration:underline}
.ar-body table{width:100%;border-collapse:collapse;margin:var(--space-2) 0 var(--space-8);font:400 15px/24px var(--font-body);background:var(--white);border:1px solid var(--hairline)}
.ar-body th,.ar-body td{padding:12px 14px;border:1px solid var(--hairline);text-align:left;vertical-align:top}
.ar-body th{background:var(--off-white);font:600 14px/20px var(--font-body);color:var(--navy)}
.ar-body .ar-disc{margin-top:var(--space-10,40px);padding-top:var(--space-5,20px);border-top:1px solid var(--hairline);font-size:15px;line-height:24px;color:var(--text-muted)}
@media (max-width:760px){.ar-body{font-size:16px;line-height:27px}
.ar-body h2{font-size:26px;line-height:34px}
.ar-body table{display:block;overflow-x:auto}
}
.jda-section{padding:var(--space-14,56px) 0}
.b1{position:relative;overflow:hidden;background:var(--tb);color:var(--tf);padding:64px 0}
.b1::before{content:"";position:absolute;right:-130px;top:-170px;width:460px;height:460px;border-radius:50%;border:70px solid var(--tw)}
.b1::after{content:"";position:absolute;right:230px;bottom:-190px;width:300px;height:300px;border-radius:50%;border:44px solid var(--tw)}
.b1 h2{font:600 36px/44px var(--font-display);color:var(--tf)}
.b1 p{margin-top:12px;max-width:560px;font:400 18px/28px var(--font-body);color:var(--tm)}
