.accordion{border-top:1px solid var(--c-line-strong)}.accordion__item{border-bottom:1px solid var(--c-line)}.accordion__trigger{align-items:center;gap:var(--s-3);width:100%;padding-block:var(--s-3);text-align:left;font-size:calc(var(--fs-h3) * .8);letter-spacing:var(--ls-snug);grid-template-columns:1fr auto;font-weight:500;line-height:1.3;transition:color .4s;display:grid}.accordion__icon{border:1px solid var(--c-line-strong);width:44px;height:44px;transition:transform .6s var(--ease-out), background-color .4s ease, border-color .4s ease, color .4s ease;border-radius:50%;place-items:center;display:grid}.accordion__icon svg{width:18px;height:18px}@media (hover:hover){.accordion__trigger:hover{color:var(--c-deep)}.accordion__trigger:hover .accordion__icon{border-color:var(--c-green)}}.accordion__item[data-open=true] .accordion__icon{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-white);transform:rotate(45deg)}.accordion__panel{visibility:hidden;transition:grid-template-rows .6s var(--ease-in-out), visibility 0s linear .6s;grid-template-rows:0fr;display:grid}.accordion__item[data-open=true] .accordion__panel{visibility:visible;transition:grid-template-rows .6s var(--ease-in-out), visibility 0s linear 0s;grid-template-rows:1fr}.accordion__panel-inner{min-height:0;overflow:hidden}.accordion__content{gap:var(--s-2);max-width:60ch;padding:0 calc(44px + var(--s-3)) var(--s-4) 0;color:var(--c-ink-muted);opacity:0;transition:opacity .4s ease, transform .6s var(--ease-out);display:grid;transform:translateY(-8px)}.accordion__item[data-open=true] .accordion__content{opacity:1;transition-delay:.1s;transform:none}.accordion__content ul{gap:6px;padding-left:1.1em;list-style:outside;display:grid}.accordion__content strong{color:var(--c-ink);font-weight:500}@media (width>=810px){.accordion__trigger{padding-block:var(--s-4)}}.accordion--numbered{--acc-num:36px}.accordion--numbered .accordion__trigger{grid-template-columns:var(--acc-num) 1fr auto}.accordion__num{font-size:var(--fs-small);letter-spacing:.02em;color:var(--c-ink-faint);align-self:start;padding-top:.3em;font-weight:500}.accordion--numbered .accordion__content{padding-left:calc(var(--acc-num) + var(--s-3))}@media (width<=809px){.accordion--numbered .accordion__content{padding-right:0}}@media (width>=810px){.accordion--numbered{--acc-num:48px}}@media (width>=1200px){.accordion--numbered{--acc-num:56px}}