/* AI Elements arrangements, independently adapted to native Spreads. Source/licence: _sources/ai-elements-2026-10-11/. */
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option { display: none; }
[data-spread="S02"].opt-citations > :not(.ai-citations), [data-spread="S83"].opt-artifact > :not(.ai-artifact), [data-spread="S111"].opt-plan > :not(.ai-plan) { display: none; }
[data-spread="S02"].opt-citations, [data-spread="S83"].opt-artifact, [data-spread="S111"].opt-plan { min-height: 100svh; padding: clamp(32px,5vw,80px) clamp(20px,5vw,80px); display: flex; justify-content: center; flex-direction: column; overflow: visible; }
[data-spread="S02"].opt-citations .ai-citations, [data-spread="S83"].opt-artifact .ai-artifact, [data-spread="S111"].opt-plan .ai-plan { display: block; width: 100%; max-width: 920px; margin: 0 auto; color: var(--r-ink); }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option { font: 400 clamp(16px,1.2vw,20px)/1.55 var(--font-sans); text-align: left; position: relative; }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option [hidden] { display: none !important; }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option h2 { font: 500 clamp(27px,2.6vw,44px)/1.18 var(--font-serif); color: var(--r-head); margin: 0 0 1em; text-wrap: balance; }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option h3, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option h4 { font: 500 1em/1.4 var(--font-sans); margin: 0 0 .4em; }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option p { margin: 0 0 .8em; }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; overflow-wrap: anywhere; }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option button, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-artifact-actions a, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-plan-footer a { font: 500 14px/1.25 var(--font-sans); border: 1px solid currentColor; border-radius: 6px; background: transparent; color: inherit; min-height: 40px; padding: 8px 12px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option button:hover, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-artifact-actions a:hover, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-plan-footer a:hover { text-decoration: underline; text-underline-offset: .2em; }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option :focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option ::selection { background: var(--r-hl); color: var(--r-hl-ink); }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-credit, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-status, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-date { font-size: 14px; }
:is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-credit { margin-top: 22px; }
/* Inline citation: badge at the claim, compact source carousel underneath; complete reference list for static reading. */
[data-spread="S02"].opt-citations .ai-citations { max-width: 780px; }
[data-spread="S02"] .ai-prose { font-size: clamp(19px,1.6vw,26px); line-height: 1.55; }
[data-spread="S02"] .ai-cite-trigger { border: 0; border-radius: 100px; background: var(--r-card); color: var(--r-card-ink); vertical-align: baseline; padding: 3px 10px; min-height: 30px; white-space: nowrap; }
[data-spread="S02"] .ai-citation-card { position: absolute; width: min(360px,100%); z-index: 3; background: var(--r-card); color: var(--r-card-ink); border: 1px solid currentColor; border-radius: 12px; overflow: hidden; font-size: 15px; }
[data-spread="S02"] .ai-citation-nav { display: flex; gap: 5px; align-items: center; padding: 9px; border-bottom: 1px solid currentColor; }
[data-spread="S02"] .ai-citation-nav button { border: 0; padding: 6px; min-height: 36px; font-size: 12px; }
[data-spread="S02"] .ai-citation-nav [data-cite-index] { margin-left: auto; white-space: nowrap; font-size: 12px; }
[data-spread="S02"] [data-cite-detail] { padding: 18px; }
[data-spread="S02"] .ai-source-list { border-top: 1px solid var(--r-rule); padding-top: 22px; margin-top: 28px; font-size: 15px; }
[data-spread="S02"] .ai-source-list article { margin-top: 20px; }
[data-spread="S02"] .ai-source-list h3 { font: 500 20px/1.3 var(--font-serif); }
[data-spread="S02"] .ai-source-url { overflow-wrap: anywhere; font-size: 13px; }
[data-spread="S02"] .ai-citation-card .ai-date { font-size: 12px; margin-bottom: 0; }
/* Artifact: title and actions share the header above an inspectable document. */
[data-spread="S83"] .ai-artifact-figure { margin: 0; }
[data-spread="S83"] .ai-artifact-shell { border: 1px solid var(--r-rule); border-radius: 12px; overflow: hidden; }
[data-spread="S83"] .ai-artifact-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 24px; background: var(--r-card); color: var(--r-card-ink); }
[data-spread="S83"] .ai-artifact-header p { font-size: 14px; margin: 0; }
[data-spread="S83"] .ai-artifact-actions { display: flex; gap: 8px; flex-shrink: 0; }
[data-spread="S83"] .ai-artifact-content { font: 400 clamp(13px,1.05vw,17px)/1.65 var(--font-mono); white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; padding: 24px; color: var(--r-ink); background: var(--r-field); }
[data-spread="S83"] .ai-artifact-content code { font: inherit; }
[data-spread="S83"] .ai-artifact-figure figcaption { margin-top: 14px; font-size: 14px; }
[data-spread="S83"] .ai-status { min-height: 22px; margin-top: 12px; }
/* Plan: source header/description, optional body, and footer action retain their order. */
[data-spread="S111"] .ai-plan-card { border: 1px solid var(--r-rule); border-radius: 14px; background: var(--r-card); color: var(--r-card-ink); }
[data-spread="S111"] .ai-plan-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 28px 32px 0; }
[data-spread="S111"] .ai-plan-header h2 { color: inherit; font: 500 clamp(22px,1.9vw,30px)/1.3 var(--font-serif); margin-bottom: 12px; }
[data-spread="S111"] .ai-plan-header p { font-size: 16px; margin: 0; }
[data-spread="S111"] .ai-plan-toggle { flex-shrink: 0; }
[data-spread="S111"] .ai-plan-content { padding: 26px 32px 0; font-size: clamp(16px,1.1vw,18px); }
[data-spread="S111"] .ai-plan-content h3:not(:first-child) { margin-top: 20px; }
[data-spread="S111"] .ai-plan-content ol { padding-left: 1.4em; margin: 0; }
[data-spread="S111"] .ai-plan-content li { padding-left: .25em; margin: 0 0 .65em; }
[data-spread="S111"] .ai-plan-footer { display: flex; justify-content: flex-end; padding: 24px 32px; }
[data-spread="S111"] .ai-plan-footer a { background: var(--r-btn); color: var(--r-btn-ink); border-color: transparent; }
@media (max-width: 760px) {
 [data-spread="S83"] .ai-artifact-header, [data-spread="S111"] .ai-plan-header { flex-wrap: wrap; padding: 20px; gap: 16px; }
 [data-spread="S83"] .ai-artifact-content { padding: 20px; }
 [data-spread="S111"] .ai-plan-content { padding: 0 20px; }
 [data-spread="S111"] .ai-plan-footer { padding: 20px; }
 :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option button, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-artifact-actions a, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-plan-footer a { min-height: 44px; }
}
@media print {
 :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-option button, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-artifact-actions, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-plan-footer, :is([data-spread="S02"],[data-spread="S83"],[data-spread="S111"]) .ai-status { display: none !important; }
 [data-spread="S111"] .ai-plan-content[hidden] { display: block !important; }
 [data-spread="S02"] .ai-citation-card { display: none !important; }
}