.ai-summary { margin: 24px 0 32px; color: #202020; }
.ai-summary__toggle { display: flex; align-items: center; gap: 10px; padding: 15px 22px; border: 0; border-radius: 28px; background: #ffda00; color: #202020; cursor: pointer; font: inherit; font-weight: 600; list-style: none; transition: background-color .2s; }
.ai-summary__toggle::-webkit-details-marker { display: none; }
.ai-summary__toggle::marker { content: ''; }
.ai-summary__toggle:hover { background: #ffe23b; }
.ai-summary__toggle:focus-visible { outline: 2px solid #202020; outline-offset: 4px; }
.ai-summary__spark { display: inline-block; width: 28px; height: 28px; flex-shrink: 0; vertical-align: middle; }
.ai-summary__spark--title { color: #aa8700; margin-right: 6px; }
.ai-summary__star { transform-box: fill-box; transform-origin: center; }
.ai-summary__toggle:hover .ai-summary__star,
.ai-summary__toggle:focus-visible .ai-summary__star { animation: ai-summary-sparkle .65s ease-in-out both; }
.ai-summary__toggle .ai-summary__star--medium { animation-delay: .1s; }
.ai-summary__toggle .ai-summary__star--small { animation-delay: .2s; }
.ai-summary__chevron { width: 9px; height: 9px; margin-left: auto; flex-shrink: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s; }
.ai-summary__hide { display: none; }
.ai-summary[open] .ai-summary__show { display: none; }
.ai-summary[open] .ai-summary__hide { display: inline; }
.ai-summary[open] .ai-summary__chevron { transform: rotate(225deg); }
.ai-summary__body { margin-top: 12px; padding: 24px; border: 1px solid #f0e5b6; border-radius: 18px; background: #fffbed; }
.ai-summary[open] .ai-summary__body { animation: ai-summary-open .3s ease-out; }
.ai-summary .ai-summary__title { margin: 0 0 18px; font-size: 22px; line-height: 1.35; font-weight: 600; }
.ai-summary__title span { color: #aa8700; }
.ai-summary .ai-summary__points { margin: 0; padding-left: 26px; list-style: decimal outside; }
.ai-summary .ai-summary__points li { padding-left: 6px; margin: 0 0 12px; line-height: 1.6; }
.ai-summary .ai-summary__points li[hidden] { display: none !important; }
.ai-summary__points li::marker { color: #8b6f00; font-weight: 600; }
.ai-summary .ai-summary__note { margin: 16px 0 0; color: #666; font-size: 12px; }
.ai-summary__points li.is-typing::after { content: ''; display: inline-block; width: 2px; height: 1em; margin-left: 3px; background: #8b6f00; vertical-align: -.1em; animation: ai-summary-cursor .7s steps(1) infinite; }
@keyframes ai-summary-open { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ai-summary-cursor { 50% { opacity: 0; } }
@keyframes ai-summary-sparkle { 0%, 100% { transform: scale(1) rotate(0); opacity: 1; } 45% { transform: scale(.75) rotate(-12deg); opacity: .55; } 70% { transform: scale(1.08) rotate(5deg); opacity: 1; } }
@media (max-width: 767.98px) { .ai-summary__toggle { padding: 14px 16px; font-size: 14px; } .ai-summary__body { padding: 18px 16px; } .ai-summary .ai-summary__title { font-size: 20px; } }