/* Article presentation shares the existing design tokens and navigation. */
body.llm-redesign .llm-redesign-shell .llm-article-main { padding: 148px 5% 80px; }
body.llm-redesign .llm-redesign-shell .llm-article { max-width: 960px; margin: 0 auto; }
body.llm-redesign .llm-redesign-shell .llm-article-heading { margin-bottom: 36px; }
body.llm-redesign .llm-redesign-shell .llm-article-heading .breadcrumbs { margin-bottom: 32px; }
body.llm-redesign .llm-redesign-shell .llm-article-title {
  font-family: var(--font-display); font-variant-ligatures: none; font-weight: 400; font-size: clamp(2rem, 4.3vw, 3.6rem);
  line-height: 1.15; letter-spacing: 0; color: var(--color-text);
  margin: 20px 0 24px; max-width: 25ch; overflow-wrap: anywhere;
}
body.llm-redesign .llm-redesign-shell .llm-article-byline { color: var(--color-text-muted); font-size: .9375rem; }
body.llm-redesign .llm-redesign-shell .llm-article-cover { margin: 0 0 48px; border-radius: 16px; overflow: hidden; background: #0d0d1a; }
body.llm-redesign .llm-redesign-shell .llm-article-cover img { display: block; width: 100%; height: auto; aspect-ratio: auto !important; object-fit: contain; margin: 0; }
body.llm-redesign .llm-redesign-shell .llm-article-body {
  max-width: 76ch; margin: 0 auto; font-family: var(--font-body);
  color: var(--color-text); font-size: 1.0625rem; line-height: 1.8; overflow-wrap: anywhere;
}
body.llm-redesign .llm-redesign-shell .llm-article-body :where(p,ul,ol,blockquote,figure) { margin: 0 0 1.5em; }
body.llm-redesign .llm-redesign-shell .llm-article-body :where(h2,h3,h4,h5,h6) { color: var(--color-text); line-height: 1.3; margin: 1.8em 0 .7em; }
body.llm-redesign .llm-redesign-shell .llm-article-body h2 { font-family: var(--font-display); font-variant-ligatures: none; font-size: clamp(1.65rem,3vw,2.15rem); font-weight: 400; }
body.llm-redesign .llm-redesign-shell .llm-article-body h3 { font-size: 1.35rem; }
body.llm-redesign .llm-redesign-shell .llm-article-body :where(ul,ol) { padding-left: 1.5em; }
body.llm-redesign .llm-redesign-shell .llm-article-body li { margin: .45em 0; }
body.llm-redesign .llm-redesign-shell .llm-article-body li::marker { color: var(--color-teal); }
body.llm-redesign .llm-redesign-shell .llm-article-body a { color: var(--color-text); text-decoration: underline; text-decoration-color: var(--color-teal); text-underline-offset: .18em; }
body.llm-redesign .llm-redesign-shell .llm-article-body a:hover { text-decoration-color: var(--color-gold); }
body.llm-redesign .llm-redesign-shell .llm-article-body blockquote { border-left: 3px solid var(--color-teal); padding: 1em 1.5em; background: var(--color-bg-alt); }
body.llm-redesign .llm-redesign-shell .llm-article-body :where(img,video,iframe,svg) { max-width: 100%; }
body.llm-redesign .llm-redesign-shell .llm-article-body img { height: auto; }
body.llm-redesign .llm-redesign-shell .llm-article-body :where(pre,.wp-block-table) { max-width: 100%; overflow-x: auto; }
body.llm-redesign .llm-redesign-shell .llm-article-body table { max-width: 100%; border-collapse: collapse; }
body.llm-redesign .llm-redesign-shell .llm-article-body :where(td,th) { overflow-wrap: anywhere; }
body.llm-redesign .llm-redesign-shell .llm-article-body .key-takeaways { border-left: 3px solid var(--color-gold); padding: 4px 24px 12px; margin: 32px 0; background: var(--color-bg-alt); }
body.llm-redesign .llm-redesign-shell .llm-article-navigation { display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; border-top: 1px solid var(--color-divider); padding-top: 32px; margin-top: 56px; }
body.llm-redesign .llm-redesign-shell .llm-article-next { max-width: 48ch; font-family: var(--font-display); font-variant-ligatures: none; color: var(--color-text); font-size: 1.15rem; }
body.llm-redesign .llm-redesign-shell .llm-article-next span { display: block; font-family: var(--font-body); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px; color: var(--color-text-muted); }
body.llm-redesign .llm-redesign-shell .llm-article-comments { margin-top: 48px; }
body.llm-redesign .llm-redesign-shell .llm-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; margin: 20px 0; }
body.llm-redesign .llm-redesign-shell .llm-table-scroll:focus-visible { outline: 2px solid var(--color-teal); outline-offset: 3px; }
body.llm-redesign .llm-redesign-shell .llm-table-scroll table { table-layout: auto !important; width: 100%; }
body.llm-redesign .llm-redesign-shell .llm-article-body :where(h2,h3,h4,[id],.llm-table-scroll) { scroll-margin-top: 124px; }
/* Email archives retain their content and colored information blocks.
   Normalize typography and width without flattening their data tables. */
body.llm-redesign .llm-redesign-shell .llm-article-body--brief { max-width: 100%; }
body.llm-redesign .llm-redesign-shell .llm-article-body--brief :where(table,td,th,p,div,span,a) { font-family: var(--font-body) !important; }
body.llm-redesign .llm-redesign-shell .llm-article-body--brief table { width: 100% !important; max-width: 100% !important; table-layout: fixed; }
body.llm-redesign .llm-redesign-shell .llm-article-body--brief :where(td,th) { box-sizing: border-box; }
body.llm-redesign .llm-redesign-shell .llm-article-body--brief [style*="max-width"] { max-width: 100% !important; }
@media (max-width: 760px) {
  body.llm-redesign .llm-redesign-shell .llm-article-main { padding: 132px 5% 48px; }
  body.llm-redesign .llm-redesign-shell .llm-article-cover { margin-bottom: 32px; border-radius: 12px; }
  body.llm-redesign .llm-redesign-shell .llm-article-body { font-size: 1rem; line-height: 1.75; }
  body.llm-redesign .llm-redesign-shell .llm-article-body :where(table,[style*="width:"]) { max-width: 100% !important; }
  body.llm-redesign .llm-redesign-shell .llm-article-body--brief :where(td,th) { padding-left: 8px !important; padding-right: 8px !important; }
  body.llm-redesign .llm-redesign-shell .llm-article-navigation { flex-direction: column; }
  body.llm-redesign .llm-redesign-shell .llm-article-navigation a { min-height: 44px; }
  body.llm-redesign .llm-redesign-shell .llm-table-scroll { border: 1px solid var(--color-divider); border-radius: 8px; }
  body.llm-redesign .llm-redesign-shell .llm-table-scroll::before { content: "Swipe to read the full table"; display: block; position: sticky; left: 0; padding: 8px 12px; font-size: 12px; font-family: var(--font-body); color: var(--color-text-muted); }
  body.llm-redesign .llm-redesign-shell .llm-table-scroll table.llm-readable-table { min-width: var(--llm-table-min, 420px) !important; max-width: none !important; }
  body.llm-redesign .llm-redesign-shell .llm-table-scroll :where(th,td) { padding: 10px 12px !important; word-break: normal; overflow-wrap: break-word; }
  body.llm-redesign .llm-redesign-shell .llm-article-body--brief .llm-table-scroll { margin: 8px 0; border-color: #30363d; }
  body.llm-redesign .llm-redesign-shell .llm-article-body--brief .llm-table-scroll::before { color: #b6c1d1; background: #161b22; }
  body.llm-redesign .llm-redesign-shell .llm-article-body--brief [data-llm-small-text="1"] { font-size: 14px !important; line-height: 1.6 !important; }
  body.llm-redesign .llm-redesign-shell .llm-article-body--brief .llm-numeric-value { white-space: nowrap; }
  body.llm-redesign .llm-redesign-shell .llm-article-body--brief table.llm-brief-pair { table-layout: auto !important; }
  body.llm-redesign .llm-redesign-shell .llm-brief-pair :where(td,div,span) { white-space: normal !important; }
  body.llm-redesign .llm-redesign-shell .llm-brief-pair td.llm-numeric-value,
  body.llm-redesign .llm-redesign-shell .llm-brief-pair td.llm-numeric-value :where(div,span) { white-space: nowrap !important; }
  body.llm-redesign .llm-redesign-shell .llm-article-body--brief table.llm-brief-panels,
  body.llm-redesign .llm-redesign-shell .llm-article-body--brief table.llm-brief-cards,
  body.llm-redesign .llm-redesign-shell .llm-article-body--brief table.llm-brief-metrics { display: block; }
  body.llm-redesign .llm-redesign-shell .llm-brief-panels > tbody { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; }
  body.llm-redesign .llm-redesign-shell :is(.llm-brief-cards,.llm-brief-metrics) > tbody { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  body.llm-redesign .llm-redesign-shell :is(.llm-brief-panels,.llm-brief-cards,.llm-brief-metrics) > tbody > tr { display: contents; }
  body.llm-redesign .llm-redesign-shell :is(.llm-brief-panels,.llm-brief-cards,.llm-brief-metrics) > tbody > tr > td { display: block; width: auto !important; min-width: 0; padding: 0 !important; }
  body.llm-redesign .llm-redesign-shell :is(.llm-brief-panels,.llm-brief-cards,.llm-brief-metrics) > tbody > tr > td.llm-brief-spacer { display: none; }
  body.llm-redesign .llm-redesign-shell .llm-article-body--brief .llm-brief-metrics > tbody > tr > td { padding: 10px 8px !important; }
}