.accordion{display:grid;gap:.75rem}.accordion__item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated);transition:border-color var(--dur) ease,box-shadow var(--dur) ease}.accordion__item[open]{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:var(--shadow-sm)}.accordion__summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.25rem;color:var(--text);font-family:var(--font-heading);font-size:var(--fs-base);font-weight:600;line-height:1.4;list-style:none;cursor:pointer;border-radius:var(--radius-md)}.accordion__summary::-webkit-details-marker{display:none}.accordion__summary:hover{color:var(--primary-text)}.accordion__icon{position:relative;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--primary-soft);transition:background var(--dur) ease,rotate var(--dur) var(--ease-out)}.accordion__icon:before,.accordion__icon:after{content:"";position:absolute;inset:0;margin:auto;width:.7rem;height:2px;border-radius:2px;background:var(--primary-text);transition:rotate var(--dur) var(--ease-out),background var(--dur) ease}.accordion__icon:after{rotate:90deg}.accordion__item[open] .accordion__icon{background:var(--primary)}.accordion__item[open] .accordion__icon:before,.accordion__item[open] .accordion__icon:after{background:#fff}.accordion__item[open] .accordion__icon:after{rotate:0deg}.accordion__body{padding:0 1.25rem 1.25rem;color:var(--text-muted)}.accordion__body p{margin:0;max-width:62ch}@supports (interpolate-size: allow-keywords){.accordion{interpolate-size:allow-keywords}.accordion__item::details-content{block-size:0;overflow:hidden;transition:block-size var(--dur) var(--ease-out),content-visibility var(--dur) allow-discrete}.accordion__item[open]::details-content{block-size:auto}}@media(prefers-reduced-motion:reduce){.accordion__item::details-content{transition:none}}
