/* Verapath marketing — resource article pages (design_handoff_v8 v8-vp-article.css). */
/* Verapath resource/article pages — indexable HTML built from the source PDFs */
.B.pg-article .art-hero{padding:170px 0 40px;position:relative}
.B.pg-article .art-hero .grid-deco{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(34,48,41,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,48,41,.05) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(70% 60% at 30% 0%,#000 20%,transparent 72%)}
.B.pg-article .art-hero .shell{max-width:860px}
.B.pg-article .art-eyb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.72rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.B.pg-article .art-eyb .dot{color:var(--mute);opacity:.6}
.B.pg-article .art-eyb .d2{color:var(--mute)}
.B.pg-article .art-hero h1{font-family:var(--serif);font-size:clamp(2.1rem,1.4rem + 2.4vw,3.5rem);color:var(--forest);line-height:1.05;letter-spacing:-.02em;margin:1rem 0 0;max-width:20ch}
.B.pg-article .art-hero h1 em{font-style:italic;color:var(--green)}
.B.pg-article .art-hero .byline{color:var(--mute);font-size:.95rem;margin-top:1.2rem;line-height:1.5}
.B.pg-article .art-hero .byline b{color:var(--forest);font-weight:650}
.B.pg-article .art-dlrow{margin-top:1.7rem;display:flex;gap:12px;flex-wrap:wrap}
.B.pg-article .art-body{max-width:760px;margin:0 auto}
.B.pg-article .art-body .lead{font-size:1.22rem;line-height:1.55;color:var(--forest);font-family:var(--serif);margin:.4rem 0 1.2rem}
.B.pg-article .art-body h2{font-family:var(--serif);font-size:1.7rem;color:var(--forest);margin:2rem 0 .4rem;line-height:1.12}
.B.pg-article .art-body h3{font-size:1.08rem;color:var(--forest);margin:1.3rem 0 .2rem;font-weight:650}
.B.pg-article .art-body p{color:color-mix(in srgb,var(--ink) 80%,transparent);font-size:1.02rem;line-height:1.72;margin:.6rem 0}
.B.pg-article .art-body ul{margin:.5rem 0;padding-left:1.15rem}
.B.pg-article .art-body li{color:color-mix(in srgb,var(--ink) 80%,transparent);font-size:1.02rem;line-height:1.62;margin:.32rem 0}
.B.pg-article .art-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:1.5rem 0}
@media(max-width:760px){.B.pg-article .art-pillars{grid-template-columns:1fr}}
.B.pg-article .art-pill{border-radius:18px;background:rgba(255,255,255,.7);border:1px solid var(--line);padding:22px;box-shadow:0 20px 50px -42px rgba(34,48,41,.4)}
.B.pg-article .art-pill .k{font-size:.68rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.B.pg-article .art-pill h3{font-family:var(--serif);font-size:1.3rem;color:var(--forest);margin:.25rem 0 .55rem}
.B.pg-article .art-pill ul{margin:0;padding-left:1rem}
.B.pg-article .art-pill li{font-size:.9rem;margin:.28rem 0;color:color-mix(in srgb,var(--ink) 76%,transparent)}
.B.pg-article .art-phases{display:flex;flex-direction:column;gap:12px;margin:1.3rem 0}
.B.pg-article .art-phase{display:flex;gap:16px;align-items:flex-start;border-radius:16px;background:rgba(255,255,255,.66);border:1px solid var(--line);padding:18px 20px;box-shadow:0 18px 44px -42px rgba(34,48,41,.4)}
.B.pg-article .art-phase .n{flex:none;font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--green);background:var(--mint);border:1px solid color-mix(in srgb,var(--green) 25%,transparent);border-radius:10px;padding:.5rem .7rem;line-height:1;min-width:66px;text-align:center}
.B.pg-article .art-phase h4{font-family:var(--serif);font-size:1.15rem;color:var(--forest);margin:0}
.B.pg-article .art-phase p{margin:.25rem 0 0;font-size:.96rem;color:var(--mute);line-height:1.55}
.B.pg-article .art-toc{border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.6);padding:20px 24px;margin:1.4rem 0}
.B.pg-article .art-toc h3{margin:0 0 .4rem}
.B.pg-article .art-toc ol,.B.pg-article .art-toc ul{margin:.2rem 0 0;padding-left:1.2rem;color:var(--mute);font-size:.95rem}
.B.pg-article .art-toc li{margin:.2rem 0}
.B.pg-article .art-dl{margin:2.2rem auto 0;max-width:760px;border-radius:20px;background:var(--forest);color:#fff;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;box-shadow:0 34px 80px -48px rgba(34,48,41,.55)}
.B.pg-article .art-dl .t{font-family:var(--serif);font-size:1.35rem;line-height:1.2;max-width:34ch}
.B.pg-article .art-dl .t em{font-style:italic;color:var(--lime)}
.B.pg-article .art-note{max-width:760px;margin:1.2rem auto 0;font-size:.82rem;color:var(--mute);font-style:italic;line-height:1.5}
.B.pg-article .art-back{max-width:760px;margin:2.2rem auto 0;font-size:.9rem}
.B.pg-article .art-back a{color:var(--green);font-weight:650}