/* Content layer for Tabler 1.7.4. Vendor geometry and brand tokens remain authoritative. */
.ai-content .content-hero h1 { text-wrap: balance; }
.ai-content .content-hero { margin-top: calc(-1 * var(--tblr-page-padding-y, 1.5rem)); }
.ai-content .content-tool-art { background: var(--tblr-primary-lt); overflow: hidden; }
.ai-content .content-tool-art img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 3; object-fit: contain; padding: 1.5rem; }
.ai-content .content-tool-card:focus-visible { outline: 3px solid var(--tblr-primary); outline-offset: 3px; }
.ai-content .content-trust-list li { display: flex; gap: .75rem; padding-block: .75rem; border-bottom: 1px solid var(--tblr-border-color); }
.ai-content .content-trust-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.ai-content .content-trust-list li::before { content: "✓"; color: var(--tblr-primary); font-weight: 700; }
.ai-content .content-upload { border-style: dashed !important; }
.ai-content .alert { color: var(--tblr-body-color); }
.ai-content .content-upload:focus-within { border-color: var(--tblr-primary) !important; }
.ai-content .content-file-list { max-height: 12rem; overflow: auto; }
.ai-content .content-file-list li { overflow-wrap: anywhere; }
.ai-content .content-result { border-inline-start: 3px solid var(--tblr-primary); }
.ai-content .content-upload, .ai-content .content-result { background-color: var(--tblr-bg-surface-secondary) !important; }
.ai-content .qr-preview { background: #fff; color-scheme: only light; max-width: 100%; }
.ai-content .content-result img, .ai-content .content-result canvas { object-fit: contain; max-width: 100%; }
.ai-content .content-workspace .form-fieldset { min-width: 0; }
.ai-content .content-workspace textarea { resize: vertical; }
.ai-content .content-steps li { padding-block: .5rem; padding-inline-start: .5rem; }
.ai-content .content-steps li::marker { color: var(--tblr-primary); font-weight: 600; }
.ai-content .content-prose p, .ai-content .content-prose li { max-width: 80ch; line-height: 1.8; }
.ai-content .content-prose section + section { padding-top: 1.5rem; border-top: 1px solid var(--tblr-border-color); }
.ai-content .content-prose a { overflow-wrap: anywhere; }
.ai-content .content-page-header .col { min-width: 0; }
.ai-content .content-workspace [aria-live], .ai-content .content-workspace pre { overflow-wrap: anywhere; }
[data-bs-theme="dark"] .ai-content .content-tool-art { background: #dceeff; }
@media (prefers-reduced-motion: reduce) { .ai-content .card-link { transition: none; } }
