/* Article body, for real post content.

   The prototype article only ever contained h2, p and a blockquote, but the 139
   real posts also use h3, h4, lists, images with captions, tables and embeds.
   Every value below is taken from the design system already in treasurup.css -
   the list text is the same as .post p, the caption is the same as .uifig
   figcaption, the rule colour is --line - so nothing new is invented.

   Prefixed with .tu2026 so it can only ever apply to the prototype views. */

.tu2026 .post > *:first-child{margin-top:0}

.tu2026 .post h3{font-size:clamp(18px,1.7vw,21px);letter-spacing:-.03em;line-height:1.25;
  margin:34px 0 0;scroll-margin-top:104px}
.tu2026 .post h4{font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin:28px 0 0}
.tu2026 .post h5,.tu2026 .post h6{font-size:15px;font-weight:800;letter-spacing:.02em;
  text-transform:uppercase;color:var(--ink-62);margin:26px 0 0}

.tu2026 .post ul,.tu2026 .post ol{margin:18px 0 0;padding-left:22px}
.tu2026 .post li{font-size:17px;line-height:1.72;color:var(--ink-86);margin-top:8px}
.tu2026 .post li::marker{color:var(--steel)}
.tu2026 .post li > ul,.tu2026 .post li > ol{margin-top:8px}

/* Body links only. The article also carries the design system's own button in
   its closing call to action, and that must keep its button styling. */
.tu2026 .post a:not(.btn):not(.txt-link){color:var(--t6);text-decoration:underline;
  text-underline-offset:2px;text-decoration-thickness:1px;transition:color .18s var(--ease)}
.tu2026 .post a:not(.btn):not(.txt-link):hover{color:var(--deep)}
.tu2026 .post strong,.tu2026 .post b{font-weight:800;color:var(--ink)}

/* Elementor zeroes every figure margin at (0,4,1), so the article's own spacing
   has to be stated one class heavier - same trick as the team page heroshot. */
.tu2026 .elementor .elementor-widget.elementor-widget-html .post figure{margin:34px 0 0}
.tu2026 .post figure img,.tu2026 .post > img{width:100%;height:auto;display:block;
  border-radius:var(--r-card)}
.tu2026 .post img{max-width:100%;height:auto}
.tu2026 .post figcaption{font-size:13.5px;line-height:1.5;color:var(--ink-62);margin-top:12px}
.tu2026 .post .aligncenter{margin-left:auto;margin-right:auto}

.tu2026 .post table{width:100%;border-collapse:collapse;margin:30px 0 0;font-size:15px}
.tu2026 .post th,.tu2026 .post td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);
  line-height:1.5;color:var(--ink-86)}
.tu2026 .post th{font-weight:800;color:var(--ink);border-bottom-color:var(--ink-45)}

.tu2026 .post iframe,.tu2026 .post video{display:block;width:100%;max-width:100%;
  margin:34px 0 0;border:0;border-radius:var(--r-card)}
.tu2026 .post iframe{aspect-ratio:16/9;height:auto}

.tu2026 .post hr{border:0;border-top:1px solid var(--line);margin:40px 0 0}
.tu2026 .post pre{margin:26px 0 0;padding:18px 20px;border-radius:var(--r-card);
  background:var(--t1);overflow-x:auto;font-size:14px;line-height:1.6}
.tu2026 .post code{font-size:.94em;background:var(--t1);padding:2px 6px;border-radius:5px}
.tu2026 .post pre code{background:none;padding:0}