/* Article and archive styling. Scoped to wrapper classes set in tb/single-post.json and tb/archive.json,
   so nothing here can leak into marketing pages. */
.pwc26-prose{font:400 18px/1.75 var(--pwc-font-body);color:#2A322E;max-width:700px}
.pwc26-prose>*:first-child{margin-top:0}
.pwc26-prose p{margin:0 0 24px}
.pwc26-prose h2{font:600 30px/1.2 var(--pwc-font-display);letter-spacing:-.025em;color:var(--pwc-ink);margin:48px 0 18px}
.pwc26-prose h3{font:600 22px/1.3 var(--pwc-font-display);letter-spacing:-.02em;color:var(--pwc-ink);margin:36px 0 14px}
.pwc26-prose a{color:var(--pwc-accent);text-decoration:underline;text-underline-offset:3px}
.pwc26-prose a:hover{color:var(--pwc-ink)}
.pwc26-prose ul,.pwc26-prose ol{margin:0 0 24px;padding-left:1.4em}
.pwc26-prose li{margin:0 0 8px}
.pwc26-prose blockquote{margin:36px 0;padding:0 0 0 20px;border-left:3px solid var(--pwc-verdigris);font:600 clamp(22px,2.4vw,28px)/1.35 var(--pwc-font-display);letter-spacing:-.02em;color:var(--pwc-ink)}
.pwc26-prose blockquote p{margin:0}
.pwc26-prose pre{margin:0 0 28px;background:var(--pwc-ink);color:#E2E6E3;border-radius:10px;padding:22px 24px;font:400 14px/1.7 var(--pwc-font-mono);overflow-x:auto}
.pwc26-prose code{font-family:var(--pwc-font-mono);font-size:.9em}
.pwc26-prose :not(pre)>code{background:var(--pwc-tint);padding:.12em .4em;border-radius:4px}
.pwc26-prose img{max-width:100%;height:auto;border-radius:10px}
.pwc26-prose figure{margin:32px 0}
.pwc26-prose figcaption{font:400 14px/1.5 var(--pwc-font-body);color:var(--pwc-text-muted);margin-top:10px}
.pwc26-prose table{width:100%;border-collapse:collapse;margin:0 0 28px;font-size:16px}
.pwc26-prose th,.pwc26-prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--pwc-line)}
.pwc26-prose th{font:600 14px/1.3 var(--pwc-font-display)}
.pwc26-prose hr{border:0;border-top:1px solid var(--pwc-line-strong);margin:40px 0}
.pwc26-meta{font:500 12px/1 var(--pwc-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pwc-text-muted)}
.pwc26-meta a{color:var(--pwc-accent)}
.pwc26-post-card .elementor-post__thumbnail{border-radius:10px;border:1px solid var(--pwc-line);overflow:hidden}
.pwc26-post-card .elementor-post__title a{color:var(--pwc-ink)}
.pwc26-post-card .elementor-post__title a:hover{color:var(--pwc-verdigris)}
.pwc26-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;margin:0 3px;border:1px solid var(--pwc-line-strong);border-radius:8px;font:500 14px/1 var(--pwc-font-body);color:var(--pwc-text-body)}
.pwc26-pagination .page-numbers.current{background:var(--pwc-ink);border-color:var(--pwc-ink);color:var(--pwc-paper)}
.pwc26-post-card .elementor-post__title,.pwc26-post-card .elementor-post__title a{font:600 21px/1.25 var(--pwc-font-display);letter-spacing:-.02em}
.pwc26-post-card .elementor-post__excerpt p{font:400 15px/1.55 var(--pwc-font-body);color:var(--pwc-text-muted);margin:0}
.pwc26-post-card .elementor-post__meta-data,.pwc26-post-card .elementor-post__badge{font:500 11px/1 var(--pwc-font-mono);letter-spacing:.1em;text-transform:uppercase}
.pwc26-post-card .elementor-post__badge{padding:0;background:none;color:var(--pwc-verdigris)}
.pwc26-post-card .elementor-post__thumbnail{aspect-ratio:16/10}
.pwc26-post-card .elementor-post__thumbnail img{width:100%;height:100%;object-fit:cover}
.pwc26-archive-lede{max-width:620px}
.pwc26-feature img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:14px}

/* 2026-11-10: the featured card belongs to the blog list only; on a topic page it led with a post from another topic.
   Hidden here, not skipped in PHP: Elementor caches the template's markup once and serves it to the list and every topic alike. */
body:not(.blog) #blog-featured{display:none}

/* 2026-11-11: featured images are 16:9; a 16:10 box cut the lettering at both sides */
.pwc26-post-card .elementor-post__thumbnail{aspect-ratio:16/9}
/* 2026-11-11 (2.2.8): Elementor's own item ratio (padding-bottom 66% on the posts widget) set a taller box, and the 16:9
   rule then made the picture box WIDER than its card, so the card cut the picture on the right at tablet and desktop
   widths (right column ran past the screen at 768-1024). The 16:9 rule alone sizes the box. */
.elementor .elementor-widget.elementor-element.pwc26-post-card .elementor-posts-container .elementor-post__thumbnail{padding-bottom:0}
/* a wrapped shell command reads as two commands; scroll the block instead */
.pwc26-prose pre,.pwc26-prose pre code{white-space:pre;overflow-wrap:normal;word-break:normal}