/*
	Legacy support
	Only browsers with >0.1% market share are noted (IE11 is also not noted)

	Font features, no fallback mechanisms (and browsers with no support):
		font-display (iOS Safari 11.2)
		font-kerning -webkit- for iOS Safari 11.2
*/



/*
	Layout grid
	Font size 20px
	Line height 30px = 1.5rem
*/
/* body {
	background-size: 4.16667vw 30px;
	background-image:
		linear-gradient(to right, #dddddd 1px, transparent 1px),
		linear-gradient(to bottom, #dddddd 1px, transparent 1px, transparent 7.5px, #e6e6e6 7.5px, #e6e6e6 8px, transparent 8px, transparent 15px, #e6e6e6 15px, #e6e6e6 15.5px, transparent 15.5px, transparent 22.5px, #e6e6e6 22.5px, #e6e6e6 23px,  transparent 23px);
} */



/*
	Fonts
*/
@font-face {
	font-family: "Vollkorn";
	font-style: normal;
	font-weight: normal;
	font-display: swap;

	src:
		local("Vollkorn Regular"), local("Vollkorn-Regular"),
		url("../fonts/Vollkorn-Regular.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "onum", "pnum", "ss11";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: oldstyle-nums proportional-nums;
}

@font-face {
	font-family: "Vollkorn";
	font-style: italic;
	font-weight: normal;
	font-display: swap;

	src:
		local("Vollkorn Italic"), local("Vollkorn-Italic"),
		url("../fonts/Vollkorn-Italic.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "onum", "pnum", "ss11";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: oldstyle-nums proportional-nums;
}

@font-face {
	font-family: "Vollkorn";
	font-style: normal;
	font-weight: bold;
	font-display: swap;

	src:
		local("Vollkorn Bold"), local("Vollkorn-Bold"),
		url("../fonts/Vollkorn-Bold.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "onum", "pnum", "ss11";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: oldstyle-nums proportional-nums;
}

@font-face {
	font-family: "Vollkorn";
	font-style: italic;
	font-weight: bold;
	font-display: swap;

	src:
		local("Vollkorn Bold Italic"), local("Vollkorn-BoldItalic"),
		url("../fonts/Vollkorn-BoldItalic.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "onum", "pnum", "ss11";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: oldstyle-nums proportional-nums;
}

@font-face {
	font-family: "Vollkorn-Heading";
	font-style: normal;
	font-weight: bold;
	font-display: swap;

	src:
		local("Vollkorn Bold"), local("Vollkorn-Bold"),
		url("../fonts/Vollkorn-Bold.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "dlig", "lnum", "pnum", "ss11";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures discretionary-ligatures;
	font-variant-numeric: lining-nums proportional-nums;
}

@font-face {
	font-family: "Vollkorn-Heading";
	font-style: italic;
	font-weight: bold;
	font-display: swap;

	src:
		local("Vollkorn Bold Italic"), local("Vollkorn-BoldItalic"),
		url("../fonts/Vollkorn-BoldItalic.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "dlig", "lnum", "pnum", "ss11";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures discretionary-ligatures;
	font-variant-numeric: lining-nums proportional-nums;
}

@font-face {
	font-family: "Vollkorn-PseudoSmallcaps";
	font-style: normal;
	font-weight: 500;
	font-display: swap;

	src:
		local("Vollkorn Medium"), local("Vollkorn-Medium"),
		url("../fonts/Vollkorn-Medium.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "lnum", "pnum", "titl", "case", "ss11", "c2sc" off;
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: lining-nums proportional-nums;
	font-variant-caps: titling-caps;
}

@font-face {
	font-family: "Vollkorn-PseudoSmallcaps";
	font-style: italic;
	font-weight: 500;
	font-display: swap;

	src:
		local("Vollkorn Medium Italic"), local("Vollkorn-MediumItalic"),
		url("../fonts/Vollkorn-MediumItalic.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "lnum", "pnum", "titl", "case", "ss11", "c2sc" off;
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: lining-nums proportional-nums;
	font-variant-caps: titling-caps;
}

@font-face {
	font-family: "Vollkorn-PseudoSmallcaps";
	font-style: normal;
	font-weight: 800;
	font-display: swap;

	src:
		local("Vollkorn ExtraBold"), local("Vollkorn-ExtraBold"),
		url("../fonts/Vollkorn-ExtraBold.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "lnum", "pnum", "titl", "case", "ss11", "c2sc" off;
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: lining-nums proportional-nums;
	font-variant-caps: titling-caps;
}

@font-face {
	font-family: "Vollkorn-PseudoSmallcaps";
	font-style: italic;
	font-weight: 800;
	font-display: swap;

	src:
		local("Vollkorn ExtraBold Italic"), local("Vollkorn-ExtraBoldItalic"),
		url("../fonts/Vollkorn-ExtraBoldItalic.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "lnum", "pnum", "titl", "case", "ss11", "c2sc" off;
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: lining-nums proportional-nums;
	font-variant-caps: titling-caps;
}


@font-face {
	font-family: "Vollkorn-Lining";
	font-style: normal;
	font-weight: normal;
	font-display: swap;

	src:
		local("Vollkorn Regular"), local("Vollkorn-Regular"),
		url("../fonts/Vollkorn-Regular.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "lnum", "pnum", "ss11";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: lining-nums proportional-nums;
}

@font-face {
	font-family: "Vollkorn-Lining";
	font-style: italic;
	font-weight: normal;
	font-display: swap;

	src:
		local("Vollkorn Italic"), local("Vollkorn-Italic"),
		url("../fonts/Vollkorn-Italic.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "lnum", "pnum", "ss11";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: lining-nums proportional-nums;
}

@font-face {
	font-family: "Vollkorn-Lining";
	font-style: normal;
	font-weight: bold;
	font-display: swap;

	src:
		local("Vollkorn Bold"), local("Vollkorn-Bold"),
		url("../fonts/Vollkorn-Bold.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "lnum", "pnum", "ss11";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: lining-nums proportional-nums;
}

@font-face {
	font-family: "Vollkorn-Lining";
	font-style: italic;
	font-weight: bold;
	font-display: swap;

	src:
		local("Vollkorn Bold Italic"), local("Vollkorn-BoldItalic"),
		url("../fonts/Vollkorn-BoldItalic.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "ccmp", "kern", "opsz", "locl", "rlig", "liga", "calt", "hlig", "lnum", "pnum", "ss11";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: contextual common-ligatures historical-ligatures;
	font-variant-numeric: lining-nums proportional-nums;
}


@font-face {
	font-family: "Raleway";
	font-style: normal;
	font-weight: 600;
	font-synthesis: none;
	font-display: swap;

	src:
		local("Raleway SemiBold"), local("Raleway-SemiBold"),
		url("../fonts/raleway-v14-latin-ext_latin-600.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "kern", "liga";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: common-ligatures;
}


@font-face {
	font-family: "Raleway";
	font-style: normal;
	font-weight: bold;
	font-synthesis: none;
	font-display: swap;

	src:
		local("Raleway Bold"), local("Raleway-Bold"),
		url("../fonts/raleway-v14-latin-ext_latin-700.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "kern", "liga";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: common-ligatures;
}

@font-face {
	font-family: "Raleway";
	font-style: italic;
	font-weight: bold;
	font-synthesis: none;
	font-display: swap;

	src:
		local("Raleway Bold Italic"), local("Raleway-BoldItalic"),
		url("../fonts/raleway-v14-latin-ext_latin-700italic.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "kern", "liga";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: common-ligatures;
}

@font-face {
	font-family: "Raleway-PseudoSmallcaps";
	font-style: normal;
	font-weight: 700;
	font-synthesis: none;
	font-display: swap;

	src:
		local("Raleway ExtraBold"), local("Raleway-ExtraBold"),
		url("../fonts/raleway-v14-latin-ext_latin-700.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "kern", "liga";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: common-ligatures;
}

@font-face {
	font-family: "Raleway-PseudoSmallcaps";
	font-style: italic;
	font-weight: 700;
	font-synthesis: none;
	font-display: swap;

	src:
		local("Raleway ExtraBold Italic"), local("Raleway-ExtraBoldItalic"),
		url("../fonts/raleway-v14-latin-ext_latin-700italic.woff2") format("woff2");

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "kern", "liga";
	/* Preferred syntax, incomplete and limited support */
	font-kerning: auto;
	font-optical-sizing: auto;
	font-variant-ligatures: common-ligatures;
}


/*
	Basis of Vollkorn 1rem, line-height 1.5rem
	Equivalent sizes:
		Raleway 0.855rem (inline)
		Raleway 0.875rem (paragraph)
		Consolas 0.85rem (inline)
*/

:root {
	--g-font-size: 20px;

	--g-demi-relative-font-size: 0.85em;
	--g-inverse-demi-relative-font-size: 1.176471em;
	--g-demi-font-weight: 500;

	--g-monospace-font-size: 0.85rem;

	--g-h2-line-height: var(--g-large-v);
	--g-heading-demi-relative-font-size: 1em;
	--g-heading-inverse-demi-relative-font-size: 1em;
	--g-heading-demi-font-weight: bold;

	--g-link-annotation-size: 0.6rem;
	--g-link-annotation-offset: 0.15rem;
	--g-sublink-border-width: 0.05rem;
	--g-sublink-double-border-width: 0.15rem;
	--g-sublink-baseline-offset: -0.3rem;

	--g-quote-border-width: 0.5rem;

	--g-page-bottom: 7.5rem;
}

@media (max-width: 482px) {
	:root {
		--g-font-size: 18px;
	}
}



/*
	Line numbers
	Must be more specific than :root in order to override default in-document styles
*/
main {
	--ln-colour: var(--g-quiet-color);
	--ln-background-colour: transparent;
	--ln-margin-before: calc(-1 * var(--g-pre-padding-h));
	--ln-margin-after: calc(-1 * var(--g-pre-padding-h));
	--ln-padding-before: var(--g-pre-padding-h);
	--ln-padding-after: var(--g-pre-padding-h);

	--ln-num-spacing: var(--g-medium-h);
}




/*
	Block typography
*/
html {
	font-family: "Vollkorn", "Georgia", "Bitstream Charter", sans-serif;
}

h1 {
	font-family: "Vollkorn-Heading", "Georgia", "Bitstream Charter", serif;
	font-weight: bold;

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	-moz-font-feature-settings: "dlig";
	-webkit-font-feature-settings: "dlig";
	font-feature-settings: "dlig";
	/* Preferred syntax, incomplete and limited support */
	font-variant-ligatures: discretionary-ligatures;
}
h2 {
	font-family: "Raleway", sans-serif;
	font-weight: bold;
	font-size: 1.5rem;
}
h3 {
	font-family: "Raleway", sans-serif;
	font-weight: bold;
	font-size: 1.2rem;
}
h4 {
	font-family: "Raleway", sans-serif;
	font-weight: bold;
	font-size: 1rem;
}
h5 {
	font-family: "Raleway", sans-serif;
	font-weight: bold;
	font-size: 0.9rem;
}
h6 {
	font-family: "Raleway", sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 0.9rem;
}

hr {
	border: 0;

	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
hr::after {
	content: '';

	display: block;
	height: 1.5rem;

	background-image: url(/images/hr.png);
	background-image: url(/images/hr.svg);
	background-repeat: no-repeat;
	background-position: center;
}

pre > code.linenum[title]::before, pre > samp.linenum[title]::before {
	grid-column: 1 / span 2;
}



/*
	Inline typography
*/

tt, code, samp {
	font-family: "Consolas", "SF Mono", "Noto Mono", "DejaVu Sans Mono", monospace;
}

.g-math, .g-mathrm, .g-mathrm var, .g-mathbf, .g-mathbf var {
	font-family: "Vollkorn", "Georgia", "Bitstream Charter", sans-serif;
}


/*
	Abbreviations
*/

abbr, .g-abbr {
	font-family: "Vollkorn-PseudoSmallcaps";

	/* CSS3 Font (generic OpenType features) */
	/* Low-level syntax for compatibility; do not use for smallcaps */
	font-feature-settings: "titl", "case", "c2sc" off;
	/* Preferred syntax, incomplete and limited support */
	font-variant-caps: titling-caps;
}
abbr.g-capital::first-letter, .g-abbr.g-capital::first-letter {
	font-family: "Vollkorn";
}

h1 abbr, h1 .g-abbr {
	font-family: "Vollkorn-PseudoSmallcaps";
}
h1 abbr.g-capital::first-letter, h1 .g-abbr.g-capital::first-letter {
	font-family: "Vollkorn-Heading";
}

h2 abbr, h2 .g-abbr,
h3 abbr, h3 .g-abbr,
h4 abbr, h4 .g-abbr,
h5 abbr, h5 .g-abbr,
h6 abbr, h6 .g-abbr {
	font-family: "Raleway";
}
h2 abbr.g-capital::first-letter, h2 .g-abbr.g-capital::first-letter,
h3 abbr.g-capital::first-letter, h3 .g-abbr.g-capital::first-letter,
h4 abbr.g-capital::first-letter, h4 .g-abbr.g-capital::first-letter,
h5 abbr.g-capital::first-letter, h5 .g-abbr.g-capital::first-letter,
h6 abbr.g-capital::first-letter, h6 .g-abbr.g-capital::first-letter {
	font-family: "Raleway";
}

b abbr, b .g-abbr,
strong abbr, strong .g-abbr,
dfn abbr, dfn .g-abbr,
dt abbr, dt .g-abbr {
	font-family: "Vollkorn-PseudoSmallcaps";
}
b abbr.g-capital::first-letter, b .g-abbr.g-capital::first-letter,
strong abbr.g-capital::first-letter, strong .g-abbr.g-capital::first-letter,
dfn abbr.g-capital::first-letter, dfn .g-abbr.g-capital::first-letter,
dt abbr.g-capital::first-letter, dt .g-abbr.g-capital::first-letter {
	font-family: "Vollkorn";
}


/*
	Button typography
*/
a.g-button {
	font-family: "Raleway", sans-serif;
	font-size: 0.9rem;
	font-weight: 600;
}
a.g-button abbr, a.g-button .g-abbr, a.g-button abbr.g-capital::first-letter, a.g-button .g-abbr.g-capital::first-letter {
	font-family: "Raleway", sans-serif;
	font-size: 0.9rem;
	font-weight: 600;
}


/*
	Media query overrides
*/
@media (min-width: 567.27272px) {
	/* 28.363636rem */
	/* given by (2 * var(--g-article-aside-min-width) + var(--g-article-aside-margin-h)) / (11 / 12) == 26rem / (11 / 12) */
	/* When the main column width is wide enough for any displaced content paragraph to be at least as wide as the min-width aside */
	/* The main column width has a lower bound of 11/12 of display width, which occurs on narrow displays where calc() is not supported */
	article aside {
		float: right;

		width: var(--g-article-aside-width);
		min-width: var(--g-article-aside-min-width);
		max-width: var(--g-article-aside-min-width);  /* compat */
		max-width: calc((100% - var(--g-article-aside-margin-h)) / 2);

		margin-right: 0;
	}
	article aside.g-left {
		float: left;

		margin-left: 0;
		margin-right: var(--g-article-aside-margin-h);

		text-align: right;
		text-align: end;
	}
}
@media (min-width: 1480px) {
	/* 74rem, changed from gargoyle default */
	/* given by var(--g-column-width) + 2 * (var(--g-article-aside-min-width) + var(--g-article-aside-margin-h) + $main-margin-h-media-static) */
	/* When the main content width is wide enough for the min aside width */
	/* Allow aside to exceed outside the compatibility value of main content width (11/12 * 100vw), but not of the ideal value */
	article aside {
		position: absolute;
		float: none;

		max-width: var(--g-article-aside-min-width);  /* compat */
		max-width: calc((100vw - var(--g-column-width)) / 2 - var(--g-article-aside-margin-h) - var(--g-main-margin-h));

		margin-top: 0;
		margin-bottom: 0;
		margin-left: var(--g-article-aside-wide-side-column-margin-h-compat);
		margin-left: calc(var(--g-column-width) + var(--g-article-aside-margin-h));
		margin-right: 0;

		color: inherit;
	}
	article aside.g-left {
		float: none;

		margin-left: var(--g-article-aside-wide-left-column-negative-margin-h-compat);
		margin-left: calc(-1 * var(--g-article-aside-margin-h));

		transform: translateX(-100%);
	}
	article aside:hover {
		z-index: 1;

		background-color: var(--g-background-color);
		box-shadow: 0 0 var(--g-aside-blur-radius) var(--g-aside-spread-radius) var(--g-background-color);
	}
	article aside.g-bound:hover {
		background-color: var(--g-aside-bound-color);
	}

	/* Add dithered margin for figure when aside is in a side column and the figure may be drawn over it */
	figure {
		box-shadow: 0 0 var(--g-figure-blur-radius) var(--g-figure-spread-radius) var(--g-background-color);
	}
}
@media (min-width: 960px) {
	/* 48rem, changed from gargoyle default */
	/* given by value of 100vw when var(--g-figure-wide-max-width) == var(--g-column-width), i.e. given by var(--g-column-width) / (10/12) */
	/* When viewport is wider than main column, use more generous margins for figures bounded by viewport size */
	figure {
		max-width: var(--g-figure-wide-max-width);
	}

	figure.g-bound {
		max-width: 100%;
	}

	/* Elements bound to column width should be set to appropriate values rather than 100% */
	figcaption {
		max-width: var(--g-figcaption-width-compat);
		max-width: calc(var(--g-column-width) - 2 * var(--g-figcaption-margin-h));
	}

	figure img.g-bound, figure picture.g-bound, figure svg.g-bound {
		max-width: var(--g-column-width);
	}

	figure.g-left figcaption.g-bound, figure.g-right figcaption.g-bound {
		/* Reset max-width to disable centreing for single-line captions */
		/* Subtract one-sided margin instead of two because captions for left- and right- aligned figures are flush against column but with var(--g-figcaption-margin-h) margin on the other side */
		width: var(--g-figcaption-aligned-width-compat);
		width: calc(var(--g-column-width) - var(--g-figcaption-margin-h));
		max-width: var(--g-figcaption-aligned-width-compat);
		max-width: calc(var(--g-column-width) - var(--g-figcaption-margin-h));
		/* Contrast with centred figure with a multiline (left-aligned) caption, or with directly left- or right- aligned captions, both of which have margin on boths sides and are not flush */
	}
}


/*
	Custom classes
*/
.lining {
	font-family: "Vollkorn-Lining";
}

.alphanum {
	font-family: "Vollkorn-Lining";
}

abbr.alphanum, .alphanum abbr {
	font-family: "Vollkorn";
	font-size: 1em;
	font-weight: normal;
}

h2 .lining,
h3 .lining,
h4 .lining,
h5 .lining,
h6 .lining {
	font-family: "Raleway";
	/* Raleway does not support lining nums */
}

h2 .alphanum,
h3 .alphanum,
h4 .alphanum,
h5 .alphanum,
h6 .alphanum {
	font-family: "Raleway";
	/* Raleway does not support lining nums */
}