details {margin: 0.5rem 0;color: var(--color-white);transition: all 0.3s ease;}details summary {display: flex;align-items: center;gap: 0.75rem;position: relative;border-radius: 8px;font-size: var(--font-size-default);font-weight: 600;cursor: pointer;padding: 1rem 1.25rem;background: var(--color-primary);transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}details summary svg {width: 20px;height: 20px;fill: var(--color-white);transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink: 0;opacity: 0.9;}details summary::marker {content: "";}details summary:hover {background: var(--color-secondary);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}details summary:hover svg {opacity: 1;}details summary:focus-visible {box-shadow: 0 0 0 2px var(--color-white);outline: transparent dotted 2px;outline: none;}details summary + div {background: var(--color-secondary);border-radius: 0 0 8px 8px;padding: 1.25rem;line-height: 1.6;}details[open] {margin: 1rem 0;}details[open] summary {border-radius: 8px 8px 0 0;background: var(--color-secondary);}details[open] summary svg {transform: rotate(90deg);}details[open] summary + div {max-height: 500px;opacity: 1;transform: translateY(0);padding: 1.25rem;line-height: 1.6;}details[open] summary + div p {margin: 0.5rem 0;}details[open] summary + div ul, details[open] summary + div ol {margin: 0.75rem 0;padding-left: 1.5rem;}details[open] summary + div ul li, details[open] summary + div ol li {margin: 0.5rem 0;opacity: 0;animation: fadeIn 0.4s ease forwards;animation-delay: calc(0.2s + var(--li-index, 0) * 0.1s);}@media (prefers-reduced-motion: reduce) {details, details summary, details summary + div, details[open] summary + div {transition: none;animation: none;transform: none;}}