/* --------------------------------------------------------
* layout-content-block.css
--------------------------------------------------------*/

/* @group @variables */

[class*="a-content-block"] {
--content-block-gap: 0;
--content-block-align-content: start;
}

[class*="a-content-block-primary"] {
--content-block-gap: .5rem;
}

[class*="a-content-block-secondary"] {
--content-block-gap: .75rem;
}

[class*="a-content-block-tertiary"] {
--content-block-gap: 1rem;
}

[class*="a-content-block-quaternary"] {
--content-block-gap: 1.25rem;
}

[class*="a-content-block-quinary"] {
--content-block-gap: 1.5rem;
}

[class*="a-content-block-senary"] {
--content-block-gap: 1.75rem;
}

[class*="a-content-block-octonary"] {
--content-block-gap: 2rem;
}

[class*="a-content-block-proto"] {
--content-block-gap: 2.25rem;
}

[class*="a-content-block-trito"] {
--content-block-gap: 3rem;
}

/* @end @variables */

/* @group @a-content-block */

[class*="a-content-block"] {
display: grid;
align-content: var(--content-block-align-content);
grid-auto-flow: row;
gap: var(--content-block-gap);
}

[class*="a-content-block"] :where(p, ul, ol, dl, table) {
margin-bottom: 0;
}

[class*="a-content-block"] :where(p, ul, ol, dl, table) {
margin-bottom: 0;
}

/* @end @a-content-block */