/* Standard page — universal body type system. v1
   Paragraph/list/quote rules MIRROR news.css .article (keep in sync); headings, images,
   video + CTA blocks defined here. Scoped to .pg-standard so nothing bleeds. */
.pg-standard .article{max-width:720px;margin:26px auto 0}

/* paragraphs & links (mirror of news.css .article) */
.pg-standard .article p{font-family:var(--body);font-size:17px;line-height:1.75;color:var(--cream);opacity:.95;margin:0 0 18px}
.pg-standard .article a{color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(243,146,0,.5)}
.pg-standard .article a:hover{border-bottom-color:var(--orange)}
.pg-standard .article b,.pg-standard .article strong{color:var(--leaf);font-weight:700}

/* headings — display face, same family as every section heading on the site */
.pg-standard .article h2{font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:clamp(24px,3.6vw,34px);line-height:1.05;color:var(--cream);margin:40px 0 16px}
.pg-standard .article h3{font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:clamp(19px,2.6vw,24px);line-height:1.1;color:var(--leaf);margin:32px 0 12px}
.pg-standard .article h2:first-child,.pg-standard .article h3:first-child{margin-top:0}

/* lists (mirror of news.css .article ul) */
.pg-standard .article ul,.pg-standard .article ol{list-style:none;margin:4px 0 18px;padding:0}
.pg-standard .article ul li,.pg-standard .article ol li{position:relative;font-family:var(--body);font-size:17px;line-height:1.55;color:var(--cream);opacity:.95;padding:11px 0 11px 22px;border-bottom:1px solid var(--line)}
.pg-standard .article ul li:before{content:"";position:absolute;left:0;top:19px;width:9px;height:9px;border-radius:50%;background:var(--orange)}
.pg-standard .article ol{counter-reset:n}
.pg-standard .article ol li{counter-increment:n;padding-left:30px}
.pg-standard .article ol li:before{content:counter(n);position:absolute;left:0;top:11px;font-family:var(--data);font-weight:700;color:var(--orange);font-size:15px}

/* quote (mirror of news.css .article blockquote) */
.pg-standard .article blockquote{margin:26px 0;padding:20px 24px;border-left:4px solid var(--orange);background:rgba(22,22,22,.6);border-radius:0 12px 12px 0}
.pg-standard .article blockquote p{font-family:var(--serif);font-size:19px;line-height:1.6;font-style:italic;opacity:1;margin-bottom:10px}
.pg-standard .article blockquote cite{display:block;font-family:var(--data);font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:13.5px;font-style:normal;color:var(--leaf)}

/* image block */
.pg-standard .article figure{margin:28px 0}
.pg-standard .article figure img{display:block;width:100%;height:auto;border-radius:14px}
.pg-standard .article figure figcaption{font-family:var(--data);font-size:13px;letter-spacing:.3px;color:var(--cream);opacity:.65;margin-top:10px;text-align:center}

/* video block (YouTube/Vimeo embed or uploaded mp4) — Kirby outputs a bare <figure> */
.pg-standard .article figure iframe,.pg-standard .article figure video{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px;background:#000}

/* CTA button block — button itself styled by brand.css .btn / .btn.ghost.
   Re-assert button colours: the .article link rule above is more specific than .btn. */
.pg-standard .bcta{text-align:center;margin:30px 0}
.pg-standard .bcta.left{text-align:left}
.pg-standard .article a.btn{color:var(--forest);border-bottom:0}
.pg-standard .article a.btn.ghost{color:var(--cream)}
.pg-standard .article a.btn:hover{border-bottom:0}
