.demo-accordion{background:var(--color-bg-primary);color:var(--color-text-primary)}.demo-accordion__title{font-family:var(--font-family-primary);font-size:36px;font-weight:var(--font-weight-bold);margin:0 0 32px;color:var(--color-dark-blue)}.demo-accordion__list{display:flex;flex-direction:column;gap:12px;max-width:820px}.demo-accordion__item{border:1px solid var(--color-gray-light);border-radius:12px;overflow:hidden;background:var(--color-white)}.demo-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border:0;background:transparent;cursor:pointer;text-align:left;font-family:var(--font-family-primary);font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-dark-blue)}.demo-accordion__icon{flex-shrink:0;transition:transform .25s ease;color:var(--color-primary-green)}.demo-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.demo-accordion__panel-inner{overflow:hidden;padding:0 22px;color:var(--color-text-secondary);font-size:16px;line-height:1.7}.demo-accordion__item.is-open .demo-accordion__icon{transform:rotate(180deg)}.demo-accordion__item.is-open .demo-accordion__panel{grid-template-rows:1fr}.demo-accordion__item.is-open .demo-accordion__panel-inner{padding-bottom:20px}@media (max-width: 768px){.demo-accordion__title{font-size:28px}.demo-accordion__trigger{font-size:16px;padding:16px 18px}}