:root{--basis-space-inline-2xl: 20px;--basis-page-max-inline-size: 1140px}.ma-layout-detail{--ma-layout-detail-side-nav-min-inline-size: 100px;--ma-layout-detail-side-nav-max-inline-size: 300px;--ma-layout-detail-min-inline-size: 220px;container:ma-layout-detail / inline-size;inline-size:100%}.ma-layout-detail__content{display:grid;grid-template-areas:". side-nav ." ". breadcrumb-nav ." ". header ." ". anchor-nav ." ". content .";grid-template-columns:var(--basis-space-inline-2xl) 1fr var(--basis-space-inline-2xl);inline-size:100%}.ma-layout-detail__side-nav{grid-area:side-nav;inset-block-start:0;inset-inline-start:0;position:absolute}.ma-layout-detail__breadcrumb-nav{grid-area:breadcrumb-nav}.ma-layout-detail__header{grid-area:header}.ma-layout-detail__anchor-nav{grid-area:anchor-nav}.ma-layout-detail__main{display:contents}.ma-layout-detail__main-body{grid-area:body}@container ma-layout-detail (width >= 768px){.ma-layout-detail__content{grid-template-areas:". breadcrumb-nav ." ". header ." ". anchor-nav ." ". body . ";grid-template-columns:var(--basis-space-inline-2xl) minmax(var(--ma-layout-detail-min-inline-size),var(--basis-page-max-inline-size)) var(--basis-space-inline-2xl);grid-template-rows:auto auto auto 1fr}}@container ma-layout-detail (width >= 1140px){.ma-layout-detail__side-nav{position:relative}.ma-layout-detail__content{grid-template-areas:"side-nav . breadcrumb-nav . " "side-nav . header . " "side-nav . anchor-nav . " "side-nav . body . ";grid-template-columns:minmax(var(--ma-layout-detail-side-nav-min-inline-size),var(--ma-layout-detail-side-nav-max-inline-size)) var(--basis-space-inline-2xl) minmax(var(--ma-layout-detail-min-inline-size),var(--basis-page-max-inline-size)) var(--basis-space-inline-2xl);grid-template-rows:auto auto auto 1fr}}@container ma-layout-detail (width >= 1500px){.ma-layout-detail__anchor-nav>*{inset-block-start:0;position:sticky}.ma-layout-detail__content{grid-template-areas:"side-nav . . breadcrumb-nav . anchor-nav ." "side-nav . . header . anchor-nav ." "side-nav . . body . anchor-nav . ";grid-template-columns:minmax(var(--ma-layout-detail-side-nav-min-inline-size),var(--ma-layout-detail-side-nav-max-inline-size)) var(--basis-space-inline-2xl) 1fr minmax(var(--ma-layout-detail-min-inline-size),var(--basis-page-max-inline-size)) var(--basis-space-inline-2xl) minmax(var(--ma-layout-detail-side-nav-min-inline-size),var(--ma-layout-detail-side-nav-max-inline-size)) 1fr;grid-template-rows:auto auto 1fr}}.ma-component-card{--ma-cardgroup-card-mobile-max-width: 300px;--ma-cardgroup-card-padding-block-start: 36px;--ma-cardgroup-card-padding-block-end: 36px;--ma-card-content-padding-block-end: 0;--ma-card-content-padding-block-start: 0;--ma-component-illustration-svg-max-height: 185px;--ma-component-illustration-padding-inline: 24px;--ma-card-content-inline-size: 60%;--utrecht-badge-list-item-margin-block: .25em;--utrecht-badge-list-item-margin-inline: .25em}.ma-component-card--suggestion{--utrecht-heading-color: #333}.ma-component-name{text-transform:lowercase}.ma-component-card .utrecht-badge-list{margin-block-start:12px}@media screen and (width<=768px){.ma-component-card{--ma-component-illustration-svg-max-height: none;--ma-cardgroup-card-max-width: 400px;--ma-card-content-inline-size: 100%}}:root{--basis-space-block-sm: 4px;--basis-space-inline-md: 8px;--utrecht-button-color: #575a5e;--utrecht-button-background-color: rgba(0, 0, 0, 0);--basis-space-row-xl: 16px;--basis-color-accent-1-bg-default: #f6eef9;--basis-color-accent-1-border-subtle: #dbb8e6;--basis-space-block-lg: 12px;--basis-space-inline-lg: 12px;--basis-space-block-md: 8px}:root{--utrecht-badge-list-item-margin-inline: .5em;--utrecht-badge-list-item-margin-block: .25em;--nl-data-badge-background-color: white;--nl-data-badge-color: black;--nl-data-badge-border-radius: 0;--nl-data-badge-border-width: 1px;--nl-data-badge-font-weight: bold;--nl-data-badge-line-height: 1.5;--nl-data-badge-padding-block: var(--basis-space-block-sm);--nl-data-badge-padding-inline: var(--basis-space-inline-md)}.nl-data-badge{align-items:center;display:inline-flex}.ma-new-checklist{list-style:none;padding-inline-start:0}.ma-new-checklist__title{font-weight:600;margin-inline-start:5px}.ma-new-checklist__content{margin-block-end:20px;margin-inline-start:20px}.ma-new-checklist__checkbox{grid-area:checkbox}.ma-new-checklist__badge-list{grid-area:badge-list;grid-column:2}.ma-new-checklist__actions{grid-area:actions}.utrecht-button--contents{--utrecht-button-padding-inline-start: 0;--utrecht-button-padding-inline-end: 0;--utrecht-button-padding-block-start: 0;--utrecht-button-padding-block-end: 0}.ma-badge-toggle-button-group{--utrecht-button-pressed-background-color: var(--utrecht-button-color);--utrecht-button-pressed-color: var(--utrecht-button-background-color);--utrecht-button-pressed-border-color: var(--utrecht-button-color)}.ma-badge-toggle-button-group .utrecht-button[aria-pressed]{--nl-data-badge-min-block-size: 44px;--nl-data-badge-min-inline-size: 44px}.ma-badge-toggle-button-group .utrecht-button[aria-pressed=true]{--nl-data-badge-background-color: black;--nl-data-badge-color: white}.ma-new-checklist-group{display:flex;flex-direction:column;row-gap:var(--basis-space-row-xl)}.ma-filter-block{background-color:var(--basis-color-accent-1-bg-default);border-color:var(--basis-color-accent-1-border-subtle);border-style:solid;border-width:1px;display:flex;flex-direction:column;margin-block-end:var(--basis-space-row-xl);padding-block:var(--basis-space-block-lg);padding-inline:var(--basis-space-inline-lg);row-gap:var(--basis-space-block-md)}