@layer components{.acc__list{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-ambient);flex-direction:column;display:flex;overflow:hidden}.acc__item+.acc__item{box-shadow:inset 0 1px 0 var(--ghost)}.acc__header{font:inherit;font-weight:inherit;margin:0}.acc__trigger{width:100%;font:inherit;letter-spacing:-.015em;text-align:left;color:var(--ink);cursor:pointer;transition:background .25s var(--ease);background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:28px clamp(24px,3vw,40px);font-size:clamp(18px,1.75vw,22px);font-weight:600;display:grid}.acc__trigger:hover{background:var(--surface-low)}.acc__icon{width:18px;height:18px;transition:transform .35s var(--ease);display:block;position:relative}.acc__icon:before,.acc__icon:after{content:"";background:var(--ink);border-radius:1px;position:absolute}.acc__icon:before{height:1.5px;top:50%;left:0;right:0;transform:translateY(-50%)}.acc__icon:after{width:1.5px;transition:transform .35s var(--ease);top:0;bottom:0;left:50%;transform:translate(-50%)}.acc__trigger[data-panel-open] .acc__icon:after{transform:translate(-50%)scaleY(0)}.acc__body{color:var(--ink-2);max-width:80ch;padding:0 clamp(24px,3vw,40px) 28px;font-size:16px;font-weight:400;line-height:1.65}.acc__body em{color:var(--ink);font-style:italic}}