/* JM Automated Solutions: long-form article pages under /resources/ (loaded after jms-v3.css) */

:root{--jm-y:#FFC20E;--jm-ink:#0E0E0E;--jm-text:#1d262a;--jm-muted:#5a6266;--jm-line:#e3e5e6;}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body.v3 .page-hero.art-hero{padding:4.5rem 0 3.5rem}
body.v3 .art-hero h1{text-transform:none;line-height:1.12;max-width:26ch;font-size:clamp(2rem,3.4vw,2.8rem)}
.art-hero .byline{color:#c9d0d6;font-size:.98rem;line-height:1.6;margin:1.1rem 0 0}
.art-hero .byline strong{color:#fff;font-weight:600}
.art-hero .byline time{color:#fff}
body.v3 main .art-hero .byline a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,194,14,.7);text-underline-offset:3px}
body.v3 main .art .author-box .ab-name a{color:var(--jm-ink);text-decoration:underline;text-decoration-color:var(--jm-y);text-underline-offset:3px}
.art-wrap{max-width:var(--max,74rem);margin:0 auto;padding:0 var(--gutter,1.5rem)}
.art{max-width:42.5rem;padding:3.25rem 0 4.5rem;color:var(--jm-text);font-size:18px;line-height:1.72}
.art p{margin:0 0 1.15em}
.art ul,.art ol{margin:0 0 1.25em;padding-left:1.35em}
.art li{margin:.45em 0;padding-left:.15em}
.art li::marker{color:#9a7400}
.art a{color:#0b3f86;text-decoration-thickness:1px;text-underline-offset:2px}
body.v3 .art h2{text-transform:none;font-size:1.6rem;line-height:1.2;font-weight:700;color:var(--jm-ink);margin:2.8rem 0 .9rem;padding-top:1.1rem;border-top:1px solid var(--jm-line);position:relative}
body.v3 .art h2::before{content:"";position:absolute;top:-1px;left:0;width:48px;height:3px;background:var(--jm-y)}
.art .answer{background:#f6f7f5;border:1px solid var(--jm-line);border-left:4px solid var(--jm-y);border-radius:4px;padding:1.3rem 1.5rem;margin:0 0 2.2rem}
.art .answer .answer-label{display:block;font:700 12px/1 Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--jm-muted);margin:0 0 .7rem}
.art .answer p{margin:0;font-size:1.06em}
.art figure.hero-ph{margin:0 0 2.2rem;aspect-ratio:16/8;background:repeating-linear-gradient(135deg,#f3f4f2 0 14px,#eceeeb 14px 28px);border:1px solid var(--jm-line);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--jm-muted);font-size:14px;padding:1rem}
.art figure.hero-img{margin:0 0 2.2rem}
.art blockquote{margin:1.6rem 0;padding:1rem 1.25rem;background:#fff8e1;border:1px solid #f1dfa6;border-left:4px solid var(--jm-y);border-radius:4px}
body.v3 main .art blockquote p{margin:0;font-size:16px;line-height:1.6;color:#3b3320}
.art figure.hero-img img{display:block;width:100%;height:auto;border-radius:4px;border:1px solid var(--jm-line)}
body.v3 main .art figure.hero-img figcaption{font-size:13px;line-height:1.45;color:var(--jm-muted);margin-top:.5rem}
.art figure.hero-ph code{font-size:13px;color:#333;background:#fff;padding:2px 6px;border-radius:3px;margin-bottom:.4rem}
.art .results ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.art .results li{margin:0;padding:14px 16px;background:#fff;border:1px solid var(--jm-line);border-top:3px solid var(--jm-y);border-radius:3px;font-size:16px;line-height:1.5}
.art .cta-card{margin-top:3rem;background:var(--jm-ink);color:#e8e8e8;border-radius:4px;padding:1.8rem 1.9rem;border-top:4px solid var(--jm-y)}
body.v3 .art .cta-card h2{color:#fff;border:0;margin:0 0 .7rem;padding:0;font-size:1.4rem}
body.v3 .art .cta-card h2::before{display:none}
.art .cta-card p{margin:0}.art .cta-card a{color:var(--jm-y);font-weight:600}
.art sup.ref{font-size:.68em;line-height:0;margin-left:1px}.art sup.ref a{text-decoration:none;color:#6b7378}
.art .sources{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--jm-line)}
body.v3 .art .sources h2{font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;border:0;padding:0;margin:0 0 .8rem;color:var(--jm-muted)}
body.v3 .art .sources h2::before{display:none}
.art .sources ol{font-size:15px;line-height:1.55;color:var(--jm-muted);padding-left:1.4em}
.art .sources li{margin:.4em 0;overflow-wrap:anywhere}
.art .author-box{display:flex;gap:18px;align-items:flex-start;margin-top:2.5rem;padding:1.4rem 1.5rem;background:#f6f7f5;border:1px solid var(--jm-line);border-radius:4px}
.art .ab-mark{flex:0 0 52px;height:52px;border-radius:50%;background:var(--jm-ink);color:var(--jm-y);display:flex;align-items:center;justify-content:center;font:800 17px/1 Roboto,sans-serif}
body.v3 main .art .author-box p{margin:0;font-size:15.5px;line-height:1.55}
body.v3 main .art .author-box .ab-label{font:700 11.5px/1.3 Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--jm-muted);margin-bottom:6px}
body.v3 main .art .author-box .ab-name{font-size:18px;font-weight:700;color:var(--jm-ink)}
body.v3 main .art .author-box .ab-links{margin-top:10px;font-size:14px}
body.v3 main .art .author-box .ab-links a{color:#0b3f86;font-weight:600}
body.v3 main .art .author-box .ab-links span{color:#9aa0a3}
body.v3 main .art .author-box .ab-title{color:var(--jm-muted);margin-bottom:8px}
/* overrides of live-site rules that are too specific for article context */
body.v3 .page-hero.art-hero{height:auto!important;min-height:0!important;max-height:none!important;display:block;padding:4.25rem 0 3.25rem!important}
body.v3 main .art p, body.v3 main .art li{font-size:18px;line-height:1.72}
body.v3 main .art h2{font-size:1.6rem!important;line-height:1.2!important}
body.v3 main .art .cta-card h2{font-size:1.4rem!important}
body.v3 main .art .cta-card a{color:var(--jm-y)!important}
body.v3 main .art .sources h2{font-size:.95rem!important;line-height:1.3!important}
body.v3 main .art .sources li{font-size:15px;line-height:1.55}
body.v3 main .art .results li{font-size:16px;line-height:1.5}
body.v3 main .art .answer p{font-size:19px;line-height:1.65}
@media (max-width:1179px){
  body.v3 main .art p, body.v3 main .art li{font-size:17px}
  body.v3 main .art .answer p{font-size:17.5px}
  body.v3 .page-hero.art-hero{padding:2.5rem 0 2.25rem!important}
  body.v3 main .art h2{font-size:1.4rem!important}
  .art .answer{padding:1.1rem 1.15rem}
  .art{padding-top:2.25rem}
}
@media (max-width:1179px){.art{font-size:17px}.art .results ul{grid-template-columns:1fr}}
.art figure.fig-sq{max-width:360px;margin:0 0 2.2rem}
.art .ab-logo{flex:0 0 56px;width:56px;height:56px;border-radius:6px;display:block}
.art-hero .crumbs{margin-bottom:1rem}
body.v3 .page-hero.art-hero .kicker{color:#0E0E0E}