/* TTT editorial layout: the same navy, parchment, gold and type as V2. */
.ai-wrap { width: min(1100px, calc(100% - 3rem)); margin: 0 auto; }
.ai-body { padding-bottom: 5rem; }
.ai-page .page-hero { text-align: left; padding-bottom: 4rem; }
.ai-page .page-hero-lead { margin-left: 0; }
.ai-intro { max-width: 760px; padding: 3.5rem 0; font-size: clamp(1.3rem, 2vw, 1.6rem); line-height: 1.65; }
.ai-section { display: grid; grid-template-columns: 1fr 2fr; gap: 3.5rem; padding: 3rem 0; border-top: 1px solid #d9c7a7; }
.ai-section h2, .ai-sources h2 { font-family: var(--font-display); font-weight: 400; font-size: 1.6rem; line-height: 1.35; }
.ai-section h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.06rem; margin-bottom: .65rem; }
.ai-prose p { font-size: 1.25rem; line-height: 1.7; margin-bottom: 1.15rem; }
.ai-prose p:last-child { margin-bottom: 0; }
.ai-prose a, .ai-sources a { color: #806334; text-underline-offset: 4px; }
.ai-prose a:focus-visible, .ai-sources a:focus-visible, .ai-back:focus-visible { outline: 2px solid #806334; outline-offset: 4px; }
.ai-process { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.ai-labels { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 1.75rem 0; }
.ai-labels figure { background: #f0e8d7; padding: 1.4rem; border-radius: 10px; }
.ai-labels img { width: 180px; max-width: 100%; height: auto; margin-bottom: 1.3rem; }
.ai-labels p { font-size: 1.15rem; }
.ai-note { border-left: 2px solid #c5a059; padding-left: 1.3rem; }
.ai-sources { padding-top: 2.5rem; border-top: 1px solid #d9c7a7; }
.ai-sources div { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 1rem; font-size: 1.2rem; }
.ai-back { display: inline-block; margin-top: 3rem; padding: .8rem 1rem; border: 1px solid #806334; border-radius: 5px; color: #0d1530; font: .7rem/1.5 var(--font-ui); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; }
@media(max-width: 767px) {
  .ai-section { grid-template-columns: 1fr; gap: 1.5rem; padding: 2rem 0; }
  .ai-intro { padding: 2.5rem 0; }
  .ai-section h2 { font-size: 1.4rem; }
  .ai-process, .ai-labels { grid-template-columns: 1fr; }
  .ai-page .page-hero { padding-top: 8rem; }
}