
/* Title Styles */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

h1 > :where(b,strong),
section header > *:first-child:not(a) > :where(b,strong) {
	display: inline-block;
}

section header > *:first-child + :where(p, h2, h3, h4, h5, strong) {
	margin-top: var(--g-cnt-ttl-ttl-m);
}

.cnt-stl {

	:where(h1,h2,h3,h4,h5,h6) {
		margin-block: var(--g-cnt-ttl-ttl-m);
	}

	:is(p, ol, ul) {
		margin-block: var(--g-cnt-ttl-cnt-m);
	}

	:is(ul) {
		list-style-type: none;
		padding: 0;

		li {
			position: relative;
			padding: .1em 0 .1em 1.5em;
		}

		ul, ol {
			margin-top: .25em;
			margin-bottom: 0;
		}
	}

	:is(ol) {
		list-style-type: decimal;
		padding: 0 0 0 1.5em;

		li {
			position: relative;
			padding: .1em 0;

			&:has(> :is(strong,b):first-child)::marker {
				font-weight: bold;
			}
		}

		ol, ul {
			margin-top: .25em;
			margin-bottom: 0;
		}
	}

	:not(.spl-lst) :is(ul,ol):not(.el-tab-box) li + li {
		margin-top: .3em;
	}

	:is(ol):not(.spl-lst) li + li {
		margin-top: 0.3em;
	}

	.spl-lst li {
		margin-top: .5em;
	}

	/* Content Styles */
	> *:first-child {
		margin-top: 0;
	}

	> *:last-child {
		margin-bottom: 0;
	}

	figure.image {
		margin: var(--g-cnt-full-img-m) auto;
	}

	img:is(.media-right, .media-left) {
		margin-bottom: 1rem;
	}

	.media-small {
		width: 25%;
	}

	.media-medium {
		width: 50%;
	}

	.media-large {
		width: 100%;
	}

	:is(.media-right, figure.image-style-side) {
		float: right;
		margin-left: 1rem;
		margin-top: 0;
		max-width: 50%;
	}

	.media-left {
		float: left;
		margin-right: 1rem;
	}

	@media screen and (max-width:1279px) {

		figure.image img,
		img[class*="media-"] {
			width: 100%;
		}
	}
}


.cnt-stl {
    @media screen and (min-width: 700px) {
        .spl-lst {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: var(--grd-sp-sml);
        }

		.spl-lst li {
            width: calc(var(--half) - (var(--grd-sp-sml) / 2));
        }
    }
}

/* Bullet color override inside alt-bg boxes */
:is(.lt-bg,.dk-bg) .bg-bx.alt-bg ul li::before {
	background-color: var(--buttons);
}
