/* content-list -------------------------------------------------------- */

/* @group @variables */

:is([class*="m-article-body"], [class*="m-contents"]),
[class*="m-vertical-content-list"] {
--content-line-height: 1.5rem;
--content-marker-top: .75rem;
--content-marker-margin-left: .25rem;
--content-marker-spacing: 1.5rem;
--content-marker-width: .75rem;
--content-marker-height: .75rem;
--content-marker-background-color: var(--color-darkgray);
--content-list-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

:is([class*="m-article-body"], [class*="m-contents"]),
[class*="m-vertical-content-list"] {
--content-list-gap: .375rem;
}

/* @end @variables */

/* @group @m-content-list */


ul:where(:not([class])),
[class*="m-vertical-content-list"] {
display: grid;
gap: var(--content-list-gap);
grid-auto-flow: var(--content-list-grid-auto-flow);
align-content: start;
}

/* @end @m-content-list */

/* @group @m-content-list */

ul:where(:not([class])),
[class*="m-vertical-content-list"] {
position: relative;
}

ul:where(:not([class]))>li,
[class*="m-vertical-content-list"]>li {
position: relative;
padding-left: var(--content-marker-spacing);
}

ul:where(:not([class]))>li:before,
[class*="m-vertical-content-list"]>li:before {
content: '';
position: absolute;
top: var(--content-marker-top);
left: 0;
width: var(--content-marker-width);
height: var(--content-marker-height);
margin-left: var(--content-marker-margin-left);
background-color: var(--content-marker-background-color);
border-radius: var(--content-marker-radius);
-webkit-clip-path: var(--content-list-clip-path);
clip-path: var(--content-list-clip-path);
transform: translateY(-50%);
}

/* @end @m-content-list */

/* counter-list -------------------------------------------------------- */

/* @group @variables */

:root {
--counter-list-gap: .375rem;
--counter-list-content: counter(li-entry)'.';
--counter-list-top: 0;
--counter-list-justify-content: end;
--counter-list-align-items: top;
--counter-list-marker-spacing: 2.625rem;
--counter-list-width: 2.25rem;
--counter-list-line-height: 1.5rem;
--counter-list-paddint-top: .375rem;

--counter-list-font-family: 'Merriweather', sans-serif;
--counter-list-font-size: 1.5rem;
--counter-list-line-height: 1;
--counter-list-font-style: italic;
--counter-list-color: var(--color-darkgray);
--counter-list-text-align: right;
}

:is([class*="m-article-body"], [class*="m-contents"]) {
--counter-list-gap: .375rem;
}

[class*="m-counter-list"] {
--counter-list-gap: 0;
--counter-list-marker-spacing: 2.25rem;
--counter-list-width: 1.5rem;
--counter-list-line-height: 1.5rem;
--counter-list-paddint-top: .375rem;

--counter-list-font-family: 'Merriweather', sans-serif;
--counter-list-font-size: 1.25rem;
--counter-list-line-height: 1;
--counter-list-font-style: italic;
--font-size: 1rem;
--line-height: 1.5;
--paragraph-line-height: var(--line-height);
}

[class*="m-counter-list-secondary"] {
--gcounter-list-ap: .375rem;
}

/* @end @variables */

/* @group @m-counter-list */

/*:is([class*="m-article-body"], [class*="m-contents"]) ol:where(:not([class])),*/
ol:where(:not([class])),
[class*="m-counter-list"] {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--counter-list-gap);
align-content: start;
counter-reset: li-entry;
}

/*:is([class*="m-article-body"], [class*="m-contents"]) ol:where(:not([class]))>li,*/
ol:where(:not([class]))>li,
[class*="m-counter-list"]>li {
position: relative;
min-height: var(--counter-list-line-height);
padding-top: var(--counter-list-paddint-top);
padding-left: var(--counter-list-marker-spacing);
position: relative;
counter-increment: li-entry;
}

/*:is([class*="m-article-body"], [class*="m-contents"]) ol:where(:not([class]))>li:before,*/
ol:where(:not([class]))>li:before,
[class*="m-counter-list"]>li:before{
box-sizing: border-box;
content: var(--counter-list-content);
position: absolute;
top: var(--counter-list-top);
left: 0;
display: grid;
justify-content: var(--counter-list-justify-content);
align-items: var(--counter-list-align-items);
width: var(--counter-list-width);
height: var(--counter-list-line-height);
background-color: var(--counter-list-background-color);
border-radius: var(--counter-list-border-radius);
font-family: var(--counter-list-font-family);
font-size: var(--counter-list-font-size);
line-height: var(---counter-list-line-height);
font-style: var(--counter-list-font-style);
color: var(--counter-list-color);
text-align: var(--counter-list-text-align);
vertical-align: bottom;
speak: none;
}

/* @end @m-counter-list */

/* note-list -------------------------------------------------------- */

/* @group @variables */

[class*="m-note-list"] {
--gap: .375rem;
--note-list-mark-size: 1em;
--note-list-font-size: inherit;
--note-list-line-height: inherit;
--note-list-text-indent: calc(-1 * var(--note-list-mark-size));
}

/* @end @variables */

/* @group @variables */

[class*="m-note-list-proto"] {
--note-list-background-color: var(--color-whitesmoke);
--note-list-padding: .75rem;
}

[class*="m-note-list-deutero"] {
--note-list-background-color: var(--color-whitesmoke);
--note-list-padding: .75rem;
--note-list-font-size: .875rem;
--note-list-line-height: 1.71428571;
}

/* @end @variables */

/* @group @m-note-list */

[class*="m-note-list"] {
display: grid;
align-self: start;
grid-template-columns: repeat(1, 1fr);
gap: var(--gap);
background-color: var(--note-list-background-color);
padding: var(--note-list-padding);
}

[class*="m-note-list"]>li,
[class*="a-note-detail"] {
margin-left: var(--note-list-mark-size);
font-size: var(--note-list-font-size);
text-indent: var(--note-list-text-indent);
}

/* @end @m-note-list */

/* info-list --------------------------------------------------------*/

/* @group @variables */

[class*="m-info-list"] {
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
}

[class*="m-info-list"] dt {
--font-weight: 500;
--font-variation-settings: "wght" 500;
}

@media all and (max-width:47.9375em) {

[class*="m-info-list"] {
--info-list-padding: 0;
}

[class*="m-info-list-secondary"] {
--info-list-dt-padding: .75rem .75rem .375rem .75rem;
--info-list-dd-padding: 0 .75rem .75rem .75rem;
--info-list-box-shadow: 0 1px 0 0 var(--color-gainsboro), inset 0 1px 0 0 var(--color-gainsboro);
--info-list-dt-box-shadow: 0 -1px 0 0 var(--color-gainsboro);
}

}

@media all and (min-width:48em) {

[class*="m-info-list"] {
--info-list-dt-padding: var(--info-list-padding);
--info-list-dd-padding: var(--info-list-padding);
}

[class*="m-info-list-primary"] {
--info-list-grid-columns: minmax(3rem, 6rem) 1fr;
--info-list-gap: .375rem .75rem;
}

[class*="m-info-list-secondary"] {
--info-list-grid-columns: 5.25rem 1fr;
--info-list-gap: 0;
--info-list-dt-padding: .75rem;
--info-list-dd-padding: .75rem 0 .75rem .75rem;
--info-list-box-shadow: 0 1px 0 0 var(--color-gainsboro);
--info-list-dt-box-shadow: 0 1px 0 0 var(--color-gainsboro), inset 0 1px 0 0 var(--color-gainsboro);
--info-list-dd-box-shadow: 0 1px 0 0 var(--color-gainsboro), inset 0 1px 0 0 var(--color-gainsboro);
}

}

/* @end @variables */

/* @group @m-info-list */

[class*="m-info-list"] {
display: grid;
grid-template-columns: var(--info-list-grid-columns);
gap: var(--info-list-gap);
}

[class*="m-info-list"] dt {
grid-column: var(--info-list-dt-grid-column);
grid-row: var(--info-list-dt-grid-row);
text-align: left;
}

[class*="m-info-list"] dd {
grid-column: var(--info-list-dd-grid-column);
grid-row: var(--info-list-dd-grid-row);
text-align: left;
}

/* @end @m-info-list */

/* @group @m-info-list */

[class*="m-info-list"] {
box-sizing: border-box;
overflow: hidden;
padding: var(--info-list-padding);
box-shadow: var(--info-list-box-shadow);
}

[class*="m-info-list"] dt {
overflow: hidden;
padding: var(--info-list-dt-padding);
background-color: var(--info-list-background-color);
box-shadow: var(--info-list-dt-box-shadow);
color: var(--info-list-label-color);
font-weight: 500;
font-variation-settings: "wght" 500;
word-break: keep-all;
overflow-wrap: break-word;
}

[class*="m-info-list"] dd {
display: grid;
align-content: var(--info-list-align-content);
grid-template-columns: repeat(1, 1fr);
gap: .75rem;
padding: var(--info-list-dd-padding);
background-color: var(--info-list-background-color);
box-shadow: var(--info-list-dd-box-shadow);
color: var(--color-dimgray);
}

@media all and (max-width: 47.9375em) {

.m-info-list-primary dd:not(:last-child) {
margin-bottom: .75rem;
}

}

/* @end @m-info-list */

/* m-informazione-list--------------------------------------------------------*/

/* @group @variables */

[class*="m-informazione-list"] {
--grid-template-columns: auto 1fr;
--gap: .375rem;
}

/* @end @variables */

/* @group @m-informazione-list */

[class*="m-informazione-list"] {
display: grid;
align-items: center;
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
}

/* @end @m-informazione-list */