@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/**
 * Reference colors from google material. 000 to 999 format.
 *
 * https: //material.io/archive/guidelines/style/color.html#color-color-palette
 */

:root {

  --clr-white: #fff;

  /* google material 'Grey' */
  --clr-mono-050: #FAFAFA;
  --clr-mono-100: #F5F5F5;
  --clr-mono-200: #EEEEEE;
  --clr-mono-300: #E0E0E0;
  --clr-mono-400: #BDBDBD;
  --clr-mono-500: #9E9E9E;
  --clr-mono-600: #757575;
  --clr-mono-700: #616161;
  --clr-mono-750: #565656;
  --clr-mono-800: #424242;
  --clr-mono-850: #303030;
  --clr-mono-900: #212121;
  --clr-mono-950: #171717;
  --clr-mono-990: #0D0D0D;
  --clr-mono-999: #000;

  /* google material 'Blue' */
  --clr-prime-050: #E3F2FD;
  --clr-prime-100: #BBDEFB;
  --clr-prime-200: #90CAF9;
  --clr-prime-300: #64B5F6;
  --clr-prime-400: #42A5F5;
  --clr-prime-500: #2196F3;
  --clr-prime-600: #1E88E5;
  --clr-prime-700: #1976D2;
  --clr-prime-800: #1565C0;
  --clr-prime-900: #0D47A1;

  --clr-prime-A100: hsl(217, 100%, 75%);
  --clr-prime-A200: #448AFF;
  --clr-prime-A400: #2979FF;
  --clr-prime-A700: #2962FF;

  --clr-red: rgb(255, 32, 32);
  --clr-green: rgb(0, 180, 0);
}

/**
 * Application colors
 * Based on 10..90 emphasis levels. 
 * 50 is the default, and not suffixed.
 */

:root {

  /* #region    Text Colors */
  --txt-30: var(--clr-mono-500);
  --txt-40: var(--clr-mono-400);
  --txt-50: var(--clr-mono-300);
  --txt-60: var(--clr-mono-200);
  --txt-70: var(--clr-mono-100);
  --txt-80: var(--clr-mono-050);

  --txt: var(--txt-50);

  --txt-red: rgb(255, 92, 92);

  --txt-title: var(--clr-mono-00);
  --txt-prime: var(--clr-prime-400);

  --txt-link: var(--txt-prime);
  --txt-term: #61FF7E;
  --txt-brand: var(--clr-prime-050);
  /* #endregion Text Colors */

  /* #region    Ico Colors */
  --ico-30: var(--clr-mono-900);
  --ico-40: var(--clr-mono-750);
  --ico-50: var(--clr-mono-700);
  --ico-60: var(--clr-mono-500);
  --ico-70: var(--clr-mono-500);
  --ico: var(--ico-50);

  --ico-prime: var(--clr-prime-400);
  /* #endregion Ico Colors */

  /* #region    Border Colors */
  --bdr-30: var(--clr-mono-950);
  --bdr-40: var(--clr-mono-900);
  --bdr-50: var(--clr-mono-850);
  --bdr-60: var(--clr-mono-800);
  --bdr-70: var(--clr-mono-700);
  --bdr: var(--bdr-50);

  --bdr-sel: var(--clr-prime-500);
  /* #endregion Border Colors */

  /* #region    Backbround Colors */
  --bkg-10: var(--clr-mono-999);
  --bkg-20: var(--clr-mono-990);
  --bkg-30: var(--clr-mono-950);
  --bkg-40: var(--clr-mono-900);
  --bkg: var(--clr-mono-850);
  --bkg-60: var(--clr-mono-800);
  --bkg-70: var(--clr-mono-700);

  --bkg-prime: #121316;
  --bkg-second: #1A1B1E;

  --bkg-hover: var(--clr-mono-700);

  --bkg-sel: var(--bkg-60);
  --bkg-pressed: var(--clr-mono-600);

  --bkg-app: var(--bkg-20);
  /* #endregion Backbround Colors */
}

:root {
    --elv-01-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
        0px 1px 1px 0px rgba(0, 0, 0, 0.14),
        0px 1px 3px 0px rgba(0, 0, 0, 0.12);

    --elv-02-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12);

    --elv-03-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),
        0px 3px 4px 0px rgba(0, 0, 0, 0.14),
        0px 1px 8px 0px rgba(0, 0, 0, 0.12);

    --elv-04-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
        0px 4px 5px 0px rgba(0, 0, 0, 0.14),
        0px 1px 10px 0px rgba(0, 0, 0, 0.12);

    --elv-06-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
        0px 6px 10px 0px rgba(0, 0, 0, 0.14),
        0px 1px 18px 0px rgba(0, 0, 0, 0.12);

    --elv-08-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
        0px 8px 10px 1px rgba(0, 0, 0, 0.14),
        0px 3px 14px 2px rgba(0, 0, 0, 0.12);

    --elv-09-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),
        0px 9px 12px 1px rgba(0, 0, 0, 0.14),
        0px 3px 16px 2px rgba(0, 0, 0, 0.12);

    --elv-10-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),
        0px 10px 14px 1px rgba(0, 0, 0, 0.14),
        0px 4px 18px 3px rgba(0, 0, 0, 0.12);

    --elv-12-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
        0px 12px 17px 2px rgba(0, 0, 0, 0.14),
        0px 5px 22px 4px rgba(0, 0, 0, 0.12);

    --elv-16-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
        0px 16px 24px 2px rgba(0, 0, 0, 0.14),
        0px 6px 30px 5px rgba(0, 0, 0, 0.12);

    --elv-24-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

:root {
  font-size: 16px;
  /* Set the 1rem = 16px by default */
}

/* best practice for application */

* {
  box-sizing: border-box;

  /* To allow flex/grid box to shrink smaller than content. 
		see: https://stackoverflow.com/a/36247448/686724 */
  min-width: 0;
  min-height: 0;

  /* font smoothing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

body {

  background: var(--bkg-prime);
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  display: grid;

  color: var(--txt);
  margin: 0;
  padding: 0;
}

section.outer {
  display: grid;
  grid-template-columns: minmax(30rem, 80rem);
  justify-content: center;
}

a {
  text-decoration: none;
  color: var(--txt-link);
}

a.nocolor {
  color: var(--txt);
}

@media only screen and (max-width: 1300px) {
  :root {
    font-size: 12px;
  }
}

code {
  font-family: "Source Code Pro";
  font-weight: 400;
  background: var(--bkg-40);
  color: rgb(253, 247, 190);
  padding: 0 .5rem;
  border-radius: .25rem;
}

.hljs {
  background: var(--bkg-40);
  color: rgb(253, 247, 190);
}

a-resources {
  z-index: 100;
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  gap: 1rem;
}

a-resources img {
    width: 4rem;
  }

@media only screen and (max-width: 700px) {
    a-resources img {
      width: 2.5rem;
    }
}

/* For horizontal and vertical centering */

.center-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  /* or any other value you prefer */
}

/* For only horizontal centering */

.hcenter-image {
  text-align: center;
}

c-block::part(show-box) {
		display: none;
		font-size: .875rem;
		padding: .5rem;
		border: solid 1px #434343;
		border-radius: 8px;
		margin: 1rem;
		cursor: pointer;
	}

c-block::part(show-box):hover {
		border: solid 1px #e0e0e0;
	}

c-block.closed::part(content) {
			display: none;
		}

c-block.closed::part(show-box) {
			display: inline-block;
		}

c-term {
	position: relative;
	display: block;
	padding: 1rem 1rem;

}

c-term h3 {
		margin: 0 0 1rem 1rem;
		font-weight: 300;
		color: var(--txt-80);
		text-transform: uppercase;
		font-size: 1.5rem;
		font-weight: 400;
	}

c-term term-box {
		position: relative;
		display: block;
		max-width: 30rem;
		border-radius: .75rem;
		padding: 2rem 0 1rem 1rem;
		background: var(--bkg-10);
		color: var(--txt-term);
	}

c-term term-box.full {
			max-width: 100%;
		}

c-term term-box img.ferris-app {
			position: absolute;
			height: 25rem;
			top: -23.5rem;
			right: 0;
		}

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

c-term term-box img.ferris-app {
				height: 15rem;
				top: -14rem
		}
			}

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

c-term term-box img.ferris-app {
				height: 10rem;
				top: -9.25rem
		}
			}

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

c-term term-box img.ferris-app {
				height: 6rem;
				top: -5.75rem;
				right: -2rem
		}
			}

c-term term-box term-line {
			padding: 0 0 1rem 0;
			font-family: "Source Code Pro";
			font-weight: 600;
			font-size: 1.25rem;
			display: grid;
			grid-template-columns: 1fr auto;
		}

c-term term-box term-line .comment {
				color: var(--txt-30);
				padding-right: 1rem;
			}

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

c-term term-box term-line {
				grid-template-columns: 1fr
		}

				c-term term-box term-line .comment {
					grid-row: 1;
				}
			}

body.home-page {
	background: var(--bkg-prime);


}

body.home-page > header {
		position: relative;
		display: grid;
		justify-items: center;
		padding: 5rem 0;
		gap: .5rem;
	}

body.home-page > header img {
			height: 8rem;
			margin-bottom: 1rem;
		}

body.home-page > header h1 {
			text-align: center;
			padding: 0;
			margin: 0;
			color: var(--txt-brand);
			font-size: 5rem;
			font-weight: 400;
			letter-spacing: .05em;
			;
		}

body.home-page > header h2 {
			padding: 0;
			margin: 3rem 0 0 0;
			color: var(--txt-50);
			font-size: 2rem;
			font-weight: 300;

			display: grid;
			grid-template-columns: auto 1fr;
			gap: 2rem;
		}

body.home-page > header h2 > label {
				align-self: center;
				line-height: 1.5;
			}

body.home-page > header h2 > label strong {
					font-weight: 500;
					color: var(--txt-60);
				}

body.home-page > header h2 > img {
				opacity: .8;
			}

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

body.home-page > header {
			padding-bottom: 3rem
	}

			body.home-page > header img {
				height: 6rem;
			}

			body.home-page > header h1 {
				font-size: 3rem;
			}

			body.home-page > header h2 {
				margin-top: 2rem;
				padding-right: 2rem;
				font-size: 1.25rem;
				grid-template-columns: 4rem 1fr;
				gap: 1rem;
			}
		}

body.home-page section.setup {
		background: var(--bkg-second);

	}

body.home-page section.setup > section.inner {
			padding: 3rem 3rem 3rem 3rem;
		}

body.home-page section.overview > section.inner {
			padding: 5rem 4rem 5rem 4rem;
			display: grid;

			grid-template-columns: 1fr 20rem 1fr;
			grid-template-rows: auto 10rem auto;
		}

body.home-page section.overview > section.inner > .hero {
				grid-column: 1;
				grid-row: 1;

				display: grid;
				align-content: center;
				justify-content: center;
			}

body.home-page section.overview > section.inner > .hero > h2,
				body.home-page section.overview > section.inner > .hero h3 {
					font-size: 2rem;
					font-weight: 200;
					text-transform: uppercase;
					display: block;
					margin: 0;
					padding: 0;
					display: grid;
					justify-content: center;
				}

body.home-page section.overview > section.inner > .hero > h3 {
					font-size: 4.25rem;
					font-weight: 500;
					letter-spacing: .04em;
				}

@media only screen and (max-width: 900px) {
					body.home-page section.overview > section.inner > .hero h2 {
						font-size: 1.5rem;
					}

					body.home-page section.overview > section.inner > .hero h3 {
						font-size: 3.25rem;
					}
				}

@media only screen and (max-width: 825px) {
					body.home-page section.overview > section.inner > .hero h2 {
						font-size: 1rem;
					}

					body.home-page section.overview > section.inner > .hero h3 {
						font-size: 2.25rem;
					}
				}

@media only screen and (max-width: 700px) {
					body.home-page section.overview > section.inner > .hero h2 {
						font-size: 1.5rem;
					}

					body.home-page section.overview > section.inner > .hero h3 {
						font-size: 3.25rem;
					}
				}

body.home-page section.overview > section.inner > .app {
				justify-self: flex-end;
				grid-column: 2/4;
				grid-row: 1/3;
			}

body.home-page section.overview > section.inner > .app > img {
					width: 45rem;
				}

body.home-page section.overview > section.inner > .arch {
				grid-column: 1/3;
				grid-row: 2/4;
			}

body.home-page section.overview > section.inner > .arch > img {
					width: 40rem;
					background: var(--bkg-second);
					border-radius: 12px;
					padding: 1rem;
					border: solid 1px var(--bdr);
					box-shadow: 5px -2px 10px 3px rgba(0, 0, 0, .5);
				}

body.home-page section.overview > section.inner > .arch > label.right {
					font-size: 1rem;
					display: flex;
					align-items: center;
					justify-content: flex-end;
					gap: 1rem;
					text-transform: none;
				}

body.home-page section.overview > section.inner > .arch > label.right img {
						height: 2rem;
					}

@media only screen and (max-width: 900px) {
					body.home-page section.overview > section.inner > .app > img {
						width: 40rem;
					}
					body.home-page section.overview > section.inner > .arch > img {
						width: 30rem;
					}

			}

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

body.home-page section.overview > section.inner {
				grid-template-columns: 1fr;
				grid-template-rows: auto;
				padding: 2rem 1rem 4rem 1rem;
				gap: 2rem
		}

				body.home-page section.overview > section.inner > .hero {
					justify-self: center;
					grid-area: 1/1;
				}

				body.home-page section.overview > section.inner > .app {
					justify-self: center;
					grid-area: 2/1;
				}

					body.home-page section.overview > section.inner > .app > img {
						width: 30rem;
					}

				body.home-page section.overview > section.inner > .arch {
					justify-self: center;
					grid-area: 3/1;
				}

					body.home-page section.overview > section.inner > .arch > img {
						width: 30rem;
					}

					body.home-page section.overview > section.inner > .arch > label.right {
						flex-direction: column;
						font-size: 1rem;
					}
			}

body.home-page section.video {
		background: var(--bkg-second);
		padding: 5rem 0;
	}

body.home-page section.video .video-frame-ctn {
			width: 100%;
			position: relative;
			padding-top: 56.25%;
		}

body.home-page section.video .video-frame-ctn iframe {
				border: solid 2px var(--bdr-40);
				border-radius: 1rem;
				box-shadow: var(--elv-06-shadow);
			}

body.home-page section.roadmap > section.inner {
			padding: 2rem 2rem 10rem 2rem;

			display: grid;
			justify-items: center;

			font-size: 1.5rem;
			font-weight: 400;
			color: var(--txt);

		}

body.home-page section.roadmap > section.inner p {
				line-height: 1.5;
			}

body.home-page section.roadmap > section.inner h1 {
				font-size: 3rem;
				color: var(--txt-70);
				font-weight: 600;
			}

body.home-page section.roadmap > section.inner strong {
				font-weight: 700;
				color: var(--txt-70);
			}

body.home-page section.roadmap > section.inner strong.aa {
				font-weight: 600;
				letter-spacing: 0.05em;
			}

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

body.home-page section.roadmap > section.inner {
				font-size: 1.25rem

		}

				body.home-page section.roadmap > section.inner h1 {
					font-size: 2rem;
				}

				body.home-page section.roadmap > section.inner p {
					line-height: 1.35;
				}

			}

body.home-page section.new,
	body.home-page section.old {
		background: #0f0f0f;
	}

body.home-page section.new > section.inner, body.home-page section.old > section.inner {
			padding: 2rem 0 2rem 0;
			display: grid;
			justify-items: center;
			font-size: 2rem;
			font-weight: 400;
		}

body.home-page section.new > section.inner h1, body.home-page section.old > section.inner h1 {
				font-size: 2.5rem;
				margin: 2rem 0;
			}

body.home-page section.new > section.inner h2, body.home-page section.old > section.inner h2 {
				font-size: 2rem;
				font-weight: 400;
			}

body.home-page section.new > section.inner .links, body.home-page section.old > section.inner .links {

				font-size: 1.5rem;
				gap: 2rem;
				display: flex;
				align-items: flex-start;
				justify-content: center;
				flex-wrap: wrap;

			}

body.home-page section.new > section.inner .links > *, body.home-page section.old > section.inner .links > * {
					display: inline-block;
				}

body.home-page section.new > section.inner .links a, body.home-page section.old > section.inner .links a {
					text-align: center;
					padding: 1rem 0rem;
				}

body.home-page section.new > section.inner a.changelog, body.home-page section.old > section.inner a.changelog {
				display: block;
				margin-top: 4rem;
				font-size: 1.25rem;
			}

@media only screen and (max-width: 600px) {
				body.home-page section.new > section.inner .links, body.home-page section.old > section.inner .links {
					align-items: center;
					flex-direction: column;
				}
			}

body.home-page section.old {
		background: var(--bkg-second);
	}

body.home-page section.more {
		background: var(--bkg-second);
	}

body.home-page section.more > section.inner {
			padding: 2rem 0 10rem 0;
			display: grid;
			justify-items: center;
			font-size: 2rem;
			font-weight: 400;
		}

body.home-page section.more > section.inner .links {

				font-size: 1.5rem;
				gap: 2rem;
				display: flex;
				align-items: flex-start;
				justify-content: center;
				flex-wrap: wrap;

			}

body.home-page section.more > section.inner .links > * {
					display: inline-block;
				}

body.home-page section.more > section.inner .links a {
					text-align: center;
					padding: 1rem 0rem;
				}

body.home-page section.more > section.inner a.changelog {
				display: block;
				margin-top: 4rem;
				font-size: 1.25rem;
			}

@media only screen and (max-width: 600px) {
				body.home-page section.more > section.inner .links {
					align-items: center;
					flex-direction: column;
				}
			}

body.home-page i-box {
		display: grid;
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;

		grid-template-columns: 50% 50%;
		row-gap: 1rem;
	}

body.home-page i-box > img {
			grid-column: 1/3;
			width: 50rem;
		}

body.home-page i-box label {
			color: var(--txt-40);
			font-size: 1rem;
			text-transform: uppercase;
		}

body.home-page i-box label.right {
			grid-column: 2;
			text-align: right;
		}

body.changelog-page {
  margin-bottom: 4rem;
  font-size: 1.25rem;
}

body.changelog-page header {
    display: grid;
    justify-items: center;
    padding: 2rem;
    gap: 1rem;
    margin-bottom: 2rem;
  }

body.changelog-page header h2 {
      margin: 0;
      font-weight: 200;
      font-size: 2.5rem;
    }

body.changelog-page header h1 {
      text-align: center;
      padding: 0;
      margin: 0;
      color: var(--txt-brand);
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: .05em;
    }

body.changelog-page header h1 a {
        color: var(--txt-brand);
      }

body.changelog-page section {
    display: grid;
    width: min(95%, 70rem);
    margin-inline: auto;
  }

body.changelog-page section h2 {
      font-weight: 500;
      text-transform: uppercase;
      font-size: 1.75rem;
    }

body.changelog-page section ul {
      margin: 0;
      padding: 0;
    }

body.changelog-page section li {
      margin: 0;
      padding: .5rem;
      list-style: none;
      color: var(--txt-40);
    }

body.changelog-page i-mark {
    background: var(--bkg-60);
    padding: 0 .40rem;
    font-family: "Source Code Pro";
    font-weight: 600;
    border-radius: 4px;
    margin-right: .75rem;
  }

body.changelog-page i-mark[fix]::after {
      content: '-';
    }

body.changelog-page i-mark[enhancement]::after {
      content: '^';
    }

body.changelog-page i-mark[add]::after {
      content: '+';
    }

body.changelog-page i-mark[minor]::after {
      content: '.';
    }

body.changelog-page i-mark[change]::after {
      content: '!';
    }

body.changelog-page i-mark[major]::after {
      content: '*';
    }

body.changelog-page div.legend {
    margin-bottom: 1rem;
  }

body.changelog-page div.legend > i-mark {
      margin-left: 0;
      margin-right: .25rem;
    }

body.changelog-page div.legend > label {
      margin-right: 1rem;
    }

body.content-page {
  margin-bottom: 4rem;
  font-size: 1.25rem;
  display: relative;
}

body.content-page nav.header {
    display: grid;
    width: min(95%, 70rem);
    margin-inline: auto;
    /* hack for now */
    z-index: 100;
    padding: .25rem;
    margin-bottom: -2rem;

    /* .back-home {} */
  }

body.content-page header {
    display: grid;
    justify-items: center;
    padding: 2rem;
    gap: 1rem;
    margin-bottom: 2rem;
  }

body.content-page header h2 {
      margin: 0;
      font-weight: 200;
      font-size: 2.5rem;
    }

body.content-page header h1 {
      text-align: center;
      padding: 0;
      margin: 0;
      color: var(--txt-brand);
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: .05em;
    }

body.content-page header h1 a {
        color: var(--txt-brand);
      }

/* The first section of the page 
     NOTE: Should <main> probably
  */

body.content-page > section {
    display: grid;
    width: min(95%, 70rem);
    margin-inline: auto;
  }

body.content-page > section h2 {
      font-weight: 500;
      text-transform: uppercase;
      font-size: 1.75rem;
      margin: 2rem 0 1rem 0;
    }

body.content-page > section h2 a, body.content-page > section h3 a, body.content-page > section h4 a {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        margin-left: -3rem;
        margin-right: 2rem;
      }

body.content-page > section h2 a::before, body.content-page > section h3 a::before, body.content-page > section h4 a::before {
        opacity: 0.2;
        content: " " url("/images/ico-link.svg");
      }

body.content-page > section h2 a:hover::before, body.content-page > section h3 a:hover::before, body.content-page > section h4 a:hover::before {
        opacity: 0.5;
      }

body.content-page > section h4 {
      margin-bottom: .25rem;
    }

body.content-page > section ul {
      margin: 0 0 0 2rem;
      padding: 0;
    }

body.content-page > section img {
      width: 100%;
    }

body.content-page > section li {
      margin: 0;
      padding: .5rem;
      color: var(--txt-40);
    }

body.content-page > section li p {
        margin: 0;
      }

body.content-page i-mark {
    background: var(--bkg-60);
    padding: 0 .40rem;
    font-family: "Source Code Pro";
    font-weight: 600;
    border-radius: 4px;
    margin-right: .75rem;
  }

body.content-page i-mark[fix]::after {
      content: '-';
    }

body.content-page i-mark[enhancement]::after {
      content: '^';
    }

body.content-page i-mark[add]::after {
      content: '+';
    }

body.content-page i-mark[minor]::after {
      content: '.';
    }

body.content-page i-mark[change]::after {
      content: '!';
    }

body.content-page i-mark[major]::after {
      content: '*';
    }

body.content-page div.legend {
    margin-bottom: 1rem;
  }

body.content-page div.legend > i-mark {
      margin-left: 0;
      margin-right: .25rem;
    }

body.content-page div.legend > label {
      margin-right: 1rem;
    }
/*# sourceMappingURL=site-bundle.css.map */