/* Content distribution (STATUS-EA): the byline on chart and AI index pages, the licence line under
   a chart, and the trust pages (author, about, editorial standards, licence). Same tokens as
   data-hub.css; square corners like the rest of the data hub. */
.ujx-byline { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 16px 0 0; font: 500 14px/1.5 var(--uj-sans); color: #4B5563; }
.ujx-byline__avatar { display: inline-grid; place-items: center; width: 28px; height: 28px; background: #1F2937; color: #fff;
  font: 600 11px/1 var(--uj-mono); letter-spacing: .04em; flex: none; }
.ujx-byline a { color: var(--uj-ink); text-decoration: underline; text-decoration-color: rgba(17, 24, 39, .3); text-underline-offset: 3px; }
.ujx-byline a:hover { text-decoration-color: currentColor; }
.ujx-byline__sep { color: #D1D5DB; }
.ujx-license { margin: 12px 0 0; font: 400 13px/1.55 var(--uj-sans); color: #4B5563; }
.ujx-license a { color: #9A3412; text-decoration: underline; text-decoration-color: rgba(154, 52, 18, .35); text-underline-offset: 3px; }
.ujx-license code { font: 400 12.5px/1.5 var(--uj-mono); background: #F3F4F6; padding: 1px 5px; overflow-wrap: anywhere; }

.ujx-page { padding: 40px 0 88px; color: var(--uj-ink); }
.ujx-page .ujd-wrap { max-width: 820px; }
.ujx-page .ujd-dek { font-size: 18px; line-height: 1.55; color: #374151; margin: 18px 0 0; max-width: 680px; }
.ujx-prose h2 { font-size: clamp(22px, 2.4vw, 27px); line-height: 1.2; font-weight: 600; letter-spacing: -0.02em; margin: 48px 0 14px; }
.ujx-prose h3 { font-size: 17px; font-weight: 600; margin: 28px 0 8px; }
.ujx-prose p, .ujx-prose li { font-size: 16px; line-height: 1.7; color: #374151; }
.ujx-prose p { margin: 0 0 14px; }
.ujx-prose ul, .ujx-prose ol { padding-left: 22px; margin: 0 0 16px; }
.ujx-prose li { margin: 0 0 6px; }
.ujx-prose a { color: #9A3412; text-decoration: underline; text-decoration-color: rgba(154, 52, 18, .35); text-underline-offset: 3px; }
.ujx-prose a:hover { text-decoration-color: currentColor; }
.ujx-prose pre { background: #0F172A; color: #E2E8F0; padding: 14px 16px; overflow-x: auto; font: 400 13px/1.6 var(--uj-mono); white-space: pre-wrap; overflow-wrap: anywhere; }
.ujx-prose code { font-family: var(--uj-mono); font-size: .92em; }

.ujx-author { display: grid; grid-template-columns: 96px 1fr; gap: 24px; align-items: start; margin-top: 28px; }
.ujx-author__avatar { width: 96px; height: 96px; display: grid; place-items: center; background: #1F2937; color: #fff; font: 600 30px/1 var(--uj-mono); letter-spacing: .04em; }
.ujx-author__role { font: 500 13px/1.4 var(--uj-mono); letter-spacing: .06em; text-transform: uppercase; color: #9A3412; margin: 4px 0 8px; }
@media (max-width: 560px) { .ujx-author { grid-template-columns: 1fr; } }

.ujx-list { list-style: none; padding: 0 !important; margin: 0; border-top: 1px solid var(--uj-line); }
.ujx-list li { margin: 0 !important; padding: 14px 0; border-bottom: 1px solid var(--uj-line); }
.ujx-list a { font-weight: 600; color: var(--uj-ink) !important; text-decoration: none !important; }
.ujx-list a:hover { text-decoration: underline !important; text-underline-offset: 3px; }
.ujx-list small { display: block; margin-top: 2px; font: 400 13px/1.5 var(--uj-mono); color: #6B7280; }

.ujx-trust { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 56px 0 0; padding-top: 20px; border-top: 1px solid var(--uj-line);
  font: 500 14px/1.5 var(--uj-sans); }
.ujx-trust a { color: #4B5563; text-decoration: none; }
.ujx-trust a:hover { color: var(--uj-ink); text-decoration: underline; text-underline-offset: 3px; }