.cms-article-card img {width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:24px}.cms-article-card h2{font-size:27px;line-height:1.15;letter-spacing:-.02em}.topics{display:flex;flex-wrap:wrap;gap:10px 24px;margin-bottom:36px}.topics a{font-size:14px;text-decoration:none;padding-bottom:7px;border-bottom:2px solid transparent}.topics a[aria-current=page]{border-color:var(--hunter)}.post-meta{font-size:13px;display:flex;gap:9px;flex-wrap:wrap;color:var(--ink-soft);margin-top:18px}.post-meta a{color:inherit}.post-meta .sep::after{content:'·'}.cms-pagination{display:flex;justify-content:space-between;margin-top:36px}.cms-capture{display:grid;grid-template-columns:1fr 1fr;gap:70px}.cms-capture h2{margin-bottom:20px}.cms-cover{width:100%;height:auto;margin-bottom:32px}.cms-aside-cta{background:var(--aqua);padding:28px}.cms-aside-cta h2{font-size:28px;line-height:1.1;margin-bottom:18px}.cms-aside-cta p{margin-bottom:22px}.toc a{display:block;margin:12px 0}.cms-preview-notice{padding:12px 24px;background:var(--orchid);text-align:center;font-size:13px}.cms-lead-form{align-content:start}.form-feedback{font-size:14px}.band-aqua{background:var(--aqua)}.band-orchid{background:var(--orchid)}.band-green{background:var(--hunter);color:var(--ivory)}.band-green p{color:var(--ivory)}@media(max-width:800px){.cms-capture{grid-template-columns:1fr;gap:30px}}
/* Article card grids: equal columns, so 16:9 images in a row are the same height, and the date line sits at the bottom of each card. */
.agrid--even{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.agrid--even{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.agrid--even{grid-template-columns:1fr}}
.cms-article-card .post-meta{margin-top:auto;padding-top:18px}
.cms-article-card > .link{margin-top:auto;padding-top:18px}
.cms-article-card .acard__body{display:flex;flex-direction:column;flex:1}
.cms-article-card .acard__body .link{margin-top:auto;padding-top:18px}
/* In-article calls to action (see BlogHTML.cta_buttons): a panel with the line and a branded button. */
.prose p.cms-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 22px;margin:34px 0;padding:22px 26px;border-radius:var(--r-md,16px);background:var(--slate)}
.prose p.cms-cta strong{font-size:18px;font-weight:500;line-height:1.35;color:var(--evergreen);flex:1 1 260px}
.prose p.cms-cta a.btn{color:var(--ivory);text-decoration:none;flex:0 0 auto}
.prose p.cms-cta a.btn:hover{background:var(--hunter)}

/* Live site (8 Oct 2026): the review-stage draft bar ("Draft v0.2 · Prepared by ALLDOQ for
   discussion") stays in the imported page sources but is never shown. */
.draftbar { display: none !important; }

/* Blog articles: numbered lists and quotes written in the studio. The design's list reset
   (.prose ol) removes the numbers, and it has no quote style. */
.cms-article ol:not([class]) { counter-reset: cms-ol; }
.cms-article ol:not([class]) > li { counter-increment: cms-ol; }
.cms-article ol:not([class]) > li::before { content: counter(cms-ol) "."; position: absolute; left: 0; top: 0; font-weight: 600; color: var(--hunter); }
.cms-article blockquote { margin: 1.6em 0; padding: 2px 0 2px 22px; border-left: 3px solid var(--hunter); font-size: 21px; line-height: 1.45; color: var(--ink); }
.cms-article blockquote p { color: inherit; margin: 0 0 .6em; }
.cms-article blockquote > :last-child { margin-bottom: 0; }