@layer components{.compatibility{flex-direction:column;gap:16px;margin:0 auto 40px;display:flex}.compatibility__inner{--padding:20px;width:min(calc(100% - var(--padding)),var(--layout-width));background:linear-gradient(to top left,var(--grey-000)0%,var(--grey-100)50%,var(--grey-000)100%);border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);flex-direction:column;gap:16px;margin-inline:auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.compatibility__inner{--padding:50px}}.compatibility__title{font-size:var(--h2);font-weight:500;font-family:var(--serif-font);text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 16px;margin-top:36px;padding-inline:16px;display:flex}.compatibility__subtitle{font-size:var(--p);text-align:center;margin-bottom:26px;padding-inline:16px}.compatibility__subtitle>code{background-color:var(--grey-000);border-radius:var(--radius-100);padding:2px 4px}.compatibility__content{margin-inline:auto;flex-direction:column;width:min(100% - 20px,800px);margin-bottom:50px;display:flex}.compatibility__content-title{font-size:calc(var(--p) + 2px);margin-top:20px;margin-bottom:8px;font-weight:700}.compatibility__content-title:first-child{margin-top:0}.compatibility__content-title:last-child{margin-bottom:0}.compatibility__content-text>code{background-color:var(--grey-000);border-radius:var(--radius-100);padding:2px 4px}}