.mr-solutions { background: var(--mr-color-background); color: var(--mr-color-white); }
.mr-solutions-inner, .mr-solutions-introduction { display: grid; gap: var(--mr-space-6); align-items: start; }
.mr-solutions-inner > *, .mr-solutions-trigger > * { min-inline-size: 0; }
.mr-solutions-label { margin: 0; line-height: 1.2; }
.mr-solutions-title { margin: 0; font-size: 2.125rem; line-height: 1.15; text-wrap: initial; }
.mr-solutions-intro, .mr-solutions-text { color: var(--mr-color-text-muted); font-size: 1rem; line-height: var(--mr-leading-body); }
.mr-solutions :is(.mr-solutions-intro, .mr-solutions-text) p { margin: 0; }
.mr-solutions :is(.mr-solutions-intro, .mr-solutions-text) p + p { margin-block-start: 1.55em; }
.mr-solutions-list { display: grid; margin: 0; padding: 0; list-style: none; }
.mr-solutions-item { border-block-start: 1px solid var(--mr-color-border); }
.mr-solutions-item-heading { margin: 0; }
.mr-solutions-trigger { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr) 2rem; gap: var(--mr-space-4); align-items: center; inline-size: 100%; min-block-size: 5.75rem; padding: var(--mr-space-5) var(--mr-space-3); border: 0; border-radius: var(--mr-radius-small); background: transparent; color: inherit; text-align: start; cursor: pointer; transition: background-color var(--mr-transition); }
.mr-solutions-trigger:focus-visible { background: var(--mr-color-surface-alt); }
.mr-solutions-trigger:focus-visible { outline: 3px solid var(--mr-color-action); outline-offset: -3px; }
.mr-solutions-icon-slot, .mr-solutions-icon-slot picture { display: block; inline-size: 2.25rem; block-size: 2.25rem; }
.mr-solutions-icon { display: block; inline-size: 2.25rem; block-size: 2.25rem; object-fit: contain; }
.mr-solutions-item-title { font-family: var(--mr-font-heading); font-size: calc(1.5rem - 2px); font-weight: var(--mr-weight-regular); line-height: 1.15; text-wrap: initial; }
.mr-solutions-indicator { position: relative; inline-size: 1.25rem; block-size: 1.25rem; justify-self: end; color: var(--mr-color-text-muted); transition: color var(--mr-transition); }
.mr-solutions-indicator::before, .mr-solutions-indicator::after { content: ''; position: absolute; inset-block-start: calc(50% - 1px); inset-inline-start: 0; inline-size: 100%; block-size: 2px; border-radius: 1px; background: currentColor; }
.mr-solutions-indicator::after { transform: rotate(90deg); transition: transform var(--mr-transition); }
.mr-solutions-trigger:focus-visible .mr-solutions-indicator, .mr-solutions-trigger[aria-expanded='true'] .mr-solutions-indicator { color: var(--mr-color-accent); }
.mr-solutions-trigger[aria-expanded='true'] .mr-solutions-indicator::after { transform: rotate(0); }
.mr-solutions-panel { display: grid; grid-template-rows: 1fr; opacity: 1; visibility: visible; transition: grid-template-rows var(--mr-duration-base) var(--mr-ease-emphasized), opacity var(--mr-duration-fast) var(--mr-ease-standard), visibility 0s linear; }
.mr-solutions-panel-inner { min-block-size: 0; overflow: hidden; }
.mr-solutions-text { padding: 0 var(--mr-space-3) var(--mr-space-6) calc(2.25rem + var(--mr-space-4) + var(--mr-space-3)); }
.mr-solutions-list[data-solutions-ready] .mr-solutions-panel[inert] { grid-template-rows: 0fr; opacity: 0; visibility: hidden; transition: grid-template-rows var(--mr-duration-base) var(--mr-ease-emphasized), opacity var(--mr-duration-fast) var(--mr-ease-standard), visibility 0s linear var(--mr-duration-base); }
@media (min-width: 75rem) {
  .mr-solutions-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: var(--mr-space-12); }
  .mr-solutions-introduction { gap: var(--mr-space-7); }
  .mr-solutions-title { font-size: 3rem; line-height: 1.03; }
  .mr-solutions-intro, .mr-solutions-text { font-size: 1.0625rem; }
  .mr-solutions-trigger { min-block-size: 6.5rem; padding: var(--mr-space-6) var(--mr-space-4); gap: var(--mr-space-6); }
  .mr-solutions-item-title { font-size: calc(1.75rem - 2px); font-weight: var(--mr-weight-semibold); line-height: normal; }
  .mr-solutions-text { padding: 0 var(--mr-space-16) var(--mr-space-7) calc(2.25rem + var(--mr-space-6) + var(--mr-space-4)); line-height: 1.5; }
}
@media (min-width: 85rem) {
  .mr-solutions-inner { grid-template-columns: 28.75rem minmax(0, 1fr); gap: var(--mr-space-24); }
}

@media (hover: hover) and (pointer: fine) {
  .mr-solutions-trigger:hover { background: var(--mr-color-surface-alt); }
  .mr-solutions-trigger:hover .mr-solutions-indicator { color: var(--mr-color-accent); }
}