Archive.css

@namespace "http://www.w3.org/1999/xhtml";
@namespace epub "http://www.idpf.org/2007/ops";

/* Sectioning */
html {
	Position: Relative;
	Color: #1F1A14;
	Background: #FAF8F7;
	Font: Normal Medium / 1.125 Sans-Serif;
}
@media ( Prefers-Color-Scheme: Dark ) {
	html {
		Color: #FAF8F7;
		Background: #1F1A14;
	}
}
body {
	Margin: Auto;
	Padding: .75REM 2REM;
	Max-Width: 37REM;
}
article {
	Position: Relative;
	Margin: 2.5REM 0;
	Line-Height: 1.5;
	Z-Index: 0;
}
article ol,
article ul { Margin: 1EM 0 }
article div.verse,
article p,
article p>span.para {
	Display: Block;
	Position: Relative;
	Margin-Top: 1EM;
	Margin-Bottom: 1EM;
}
article div.verse:Target::BEFORE,
article p>span.para:Target::BEFORE {
	Position: Absolute;
	Top: -.5EM;
	Bottom: -.5EM;
	Left: -.75EM;
	Right: -.75EM;
	Border: Medium #EB9100 Outset;
	Background: #FAE13E;
	Opacity: .8;
	Z-Index: -1;
	Content: "";
}
@media ( Prefers-Color-Scheme: Dark ) {
	article div.verse:Target::BEFORE,
	article p>span.para:Target::BEFORE {
		Border-Color: #F56E97;
		Background: #B01C1C;
	}
}
blockquote {
	Position: Relative;
	Margin: 1REM 1.5REM;
	Border-Style: None Solid;
	Border-Color: Transparent;
	Border-Width: 2PX;
	Padding: 0 .75REM;
	Line-Height: 1.5;
}
blockquote::BEFORE {
	Display: Block;
	Position: Absolute;
	Top: 0;
	Bottom: 0;
	Left: -2PX;
	Border-Left: 2PX Solid;
	Opacity: .6;
	Content: "";
}
@media ( Prefers-Color-Scheme: Dark ) {
	blockquote::BEFORE { Opacity: .4 }
}
blockquote blockquote {
	Border: None;
	Padding: 0 .25REM;
}
aside,
div[role=note] {
	Margin: 1.5EM -1EM;
	Border: 1PX #57534C Dashed;
	Padding: Calc(.75EM - 1PX) 1.5EM;
	Line-Height: 1.125;
	Background: #DEDBD9;
	Box-Shadow: 1PX 1PX 3PX #302F2B;
	Text-Align: Left;
}
@media ( Prefers-Color-Scheme: Dark ) {
	aside,
	div[role=note] {
		Border-Color: #B8B3B0;
		Background: #302F2B;
	}
}
footer {
	Margin: .375REM 0;
	Font-Size: Smaller;
	Text-Align: Center;
}
div.chapterprecis {
	Margin: 0 Auto 1.5REM;
	Max-Width: Max-Content;
	Font-Family: Serif;
	Font-Size: 1.25EM;
	Font-Style: Italic;
	Line-Height: 1.5;
}
div.verse {
	Margin: 1EM Auto;
	Max-Width: Max-Content;
	Font-Style: Italic;
	Line-Height: 1.5;
	Text-Align: Left;
}
div.verse p { Margin: 0 0 1EM }
div.verse span.line-item {
	Display: Block;
	Padding-Left: 1.5EM;
	Text-Indent: -1.5EM;
}
div.verse.alternating span.line-item:Nth-Child(Even),
div.verse span.line-item.indented { Padding-Left: 3EM }
div.verse.alternating span.line-item.indented:Nth-Child(Even) { Padding-Left: 4.5EM }
div.verse span.line-item * { Text-Indent: 0 }

/* Block elements */
h1,
h2,
h3,
h4,
h5,
h6 {
	Font-Family: Serif;
	Font-Weight: Inherit;
	Line-Height: 1;
}
h1 {
	Margin: .5EM 0 1EM;
	Font-Size: 1.5EM;
	Text-Align: Center;
	Text-Decoration: Underline;
}
#ArchiveStyle\.main>h1:Not(.unnumbered) { Quotes: "“" "”" "‘" "’" }
#ArchiveStyle\.main>h1:Not(.unnumbered)::BEFORE { Content: Var(--BookGen-Noun) " " Counter(BookGen-Chapter, Decimal-Leading-Zero) ": " Open-Quote }
#ArchiveStyle\.main>h1:Not(.unnumbered):Empty::BEFORE { Content: Var(--BookGen-Noun) " " Counter(BookGen-Chapter, Decimal-Leading-Zero) }
#ArchiveStyle\.main>h1:Not(.unnumbered)::AFTER { Content: Close-Quote }
#ArchiveStyle\.main>h1:Not(.unnumbered):Empty::AFTER { Content: None }
html[data--book-gen-type=appendix] #ArchiveStyle\.main>h1:Not(.unnumbered)::BEFORE { Content: Var(--BookGen-Noun) " " Counter(BookGen-Chapter, Upper-Latin) ": " Open-Quote }
h2 {
	Margin: .5EM 0;
	Border-Bottom: 1PX Solid;
	Padding: 0 0 Calc(.25EM - 1PX);
	Font-Size: 1.5EM;
}
h3 {
	Margin: .5EM 0 .375EM;
	Font-Size: 1.125EM;
}
h4,
h5,
h6 {
	Font-Size: 1EM;
	Line-Height: 1.5;
}
h4 {
	Margin: .5EM 0 .25EM;
	Font-Weight: Bold;
}
h5 {
	Margin: .5EM 0 .25EM;
	Font-Variant-Caps: Small-Caps;
}
h6 {
	Margin: .5EM 0 0;
	Text-Decoration: Underline;
}
ol,
ul {
	Margin: .75EM 0;
	Padding: 0 0 0 1.5EM;
}
li,
li ol,
li ul { Margin: .375EM 0 }
p,
aside p,
div[role=note] p,
footer p { Margin: 0 0 .75EM }
hr {
	Margin: .75EM 0 Calc(.75EM - 1PX);
	Border-Style: None None Solid;
	Border-Color: #57534C;
	Border-Width: 1PX;
	Padding: 0;
	Background: Transparent;
}
@media ( Prefers-Color-Scheme: Dark ) {
	hr { Border-Color: #B8B3B0 }
}
hr.plain {
	Margin: 0;
	Border: None;
	Height: .75REM;
}

/* Inline elements */
*:Link,
*:Visited { Color: #1F1A14 }
*:Link:Hover,
*:Visited:Hover { Color: #75706A }
@media ( Prefers-Color-Scheme: Dark ) {
	*:Link,
	*:Visited { Color: #FAF8F7 }
	*:Link:Hover,
	*:Visited:Hover { Color: #948D87 }
}
del,
ins { Text-Decoration-Style: Double }
span.indent {
	Display: Inline-Block;
	Width: 1.5EM;
}
span.lettrine {
	Color: #B01C1C;
	White-Space: Pre-Wrap;
	Font-Family: Serif;
	Font-Variant-Caps: Small-Caps;
}
span.lettrine>span:First-Child {
	Display: Inline-Block;
	Float: Left;
	Box-Sizing: Border-Box;
	Margin: .1REM .1REM 0 -1.5REM;
	Padding: .3REM 0 0;
	Min-Width: 2.9REM;
	Height: 2.9REM;
	Color: #FAF8F7;
	Background: Linear-Gradient(
		To Bottom,
		#B01C1C 2%,
		#302F2B 95%,
		#1F1A14
	);
	Font-Size: 2.5EM;
	Font-Weight: Bold;
	Line-Height: 1;
	Text-Align: Center;
}
@media ( Prefers-Color-Scheme: Dark ) {
	span.lettrine {
		Color: #FAF8F7;
		Text-Shadow: -1PX -1PX #B01C1C;
	}
	span.lettrine>span:First-Child {
		Background: Linear-Gradient(
			To Bottom,
			#B01C1C 2%,
			#1F1A14 95%
		);
	}
}
*.screenreader {
	Position: Absolute;
	Margin: 0 -1PX -1PX 0;
	Width: 1PX;
	Height: 1PX;
	Color: Transparent;
	Clip-Path: Inset(50%);
	User-Select: None;
	Z-Index: -1;
}

/* Header */
#ArchiveStyle\.header {
	Position: Relative;
	Margin: 3REM Auto 5REM;
	Padding: 0 3REM;
	Max-Width: Max-Content;
	Font-Family: Serif;
	Text-Align: Center;
}
html:Not([data--book-gen-final]) #ArchiveStyle\.header::BEFORE {
	Display: Block;
	Position: Absolute;
	Top: 0;
	Bottom: 0;
	Left: 0;
	Right: 0;
	Margin: Auto;
	Border: Thick Solid;
	Padding: 0 .75REM;
	Height: 1EM;
	Width: Max-Content;
	Color: #B01C1C;
	Opacity: .6;
	Font-Size: 3REM;
	Font-Family: Serif;
	Font-Weight: Bold;
	Font-Variant-Caps: All-Small-Caps;
	Line-Height: 1;
	White-Space: NoWrap;
	Text-Transform: Uppercase;
	Transform: Rotate(-.625RAD);
	Filter: Blur(.5PX);
	Z-Index: -1;
	Content: Var(--BookGen-Draft);
}
#ArchiveStyle\.header p { Margin: 0 }
#ArchiveStyle\.series {
	Font-Size: 1.5EM;
	Font-Style: Italic;
}
#ArchiveStyle\.title {
	Font-Size: 2.25EM;
	Line-Height: 1.5;
}
#ArchiveStyle\.title * {
	Font: Inherit;
	Text-Decoration: None;
}
#ArchiveStyle\.author {
	Margin-Bottom: 1.125EM;
	Font-Size: 1.125EM;
	Line-Height: 1;
}

/* Page navigation */
#ArchiveStyle\.nav { Text-Align: Center }
#ArchiveStyle\.nav ul {
	Margin: 0;
	Padding: 0;
	Line-Height: 2;
}
#ArchiveStyle\.nav li {
	Display: Inline;
	Margin: 0;
	Padding: 0;
}
#ArchiveStyle\.nav li::AFTER { Content: " " }
#ArchiveStyle\.nav a:Not(.screenreader),
#ArchiveStyle\.nav button,
#ArchiveStyle\.nav summary {
	Display: Inline-Block;
	Margin: 0 .125EM;
	Border-Style: Solid;
	Border-Color: #B8B3B0 #B8B3B0 #948D87;
	Border-Width: 1PX;
	Border-Radius: .25EM;
	Padding: Calc(.25EM - 1PX) Calc(.5EM - 1PX);
	Color: #302F2B;
	Background: Linear-Gradient(
		To Bottom,
		#FAF8F7 2%,
		#DEDBD9 95%,
		#B8B3B0
	);
	Font: Inherit;
	Line-Height: 1;
	Text-Decoration: None;
	Cursor: Pointer;
}
#ArchiveStyle\.nav a:Not(.screenreader):Focus,
#ArchiveStyle\.nav a:Not(.screenreader):Hover,
#ArchiveStyle\.nav button:Focus,
#ArchiveStyle\.nav button:Hover,
#ArchiveStyle\.nav summary:Focus,
#ArchiveStyle\.nav summary:Hover {
	Color: #B01C1C;
	Border-Color: #75706A #B8B3B0 #948D87 #75706A;
	Box-Shadow: Inset 2PX 2PX 2PX #B8B3B0;
}
#ArchiveStyle\.nav a:Not(.screenreader):Active,
#ArchiveStyle\.nav button:Active,
#ArchiveStyle\.nav summary:Active {
	Color: #1F1A14;
	Background: #DEDBD9;
	Border-Color: #FAF8F7;
	Box-Shadow: Inset 1PX 1PX 3PX #302F2B;
}
@media ( Prefers-Color-Scheme: Dark ) {
	#ArchiveStyle\.nav a:Not(.screenreader),
	#ArchiveStyle\.nav button,
	#ArchiveStyle\.nav summary {
		Border-Color: #57534C #57534C #75706A;
		Color: #DEDBD9;
		Background: Linear-Gradient(
			To Top,
			#1F1A14 2%,
			#302F2B 95%,
			#57534C
		);
	}
	#ArchiveStyle\.nav a:Not(.screenreader):Focus,
	#ArchiveStyle\.nav a:Not(.screenreader):Hover,
	#ArchiveStyle\.nav button:Focus,
	#ArchiveStyle\.nav button:Hover,
	#ArchiveStyle\.nav summary:Focus,
	#ArchiveStyle\.nav summary:Hover {
		Border-Color: #302F2B #57534C #75706A #302F2B;
		Box-Shadow: Inset 2PX 2PX 2PX #1F1A14;
	}
	#ArchiveStyle\.nav a:Not(.screenreader):Active,
	#ArchiveStyle\.nav button:Active,
	#ArchiveStyle\.nav summary:Active {
		Color: #FAF8F7;
		Background: #302F2B;
		Border-Color: #1F1A14;
		Box-Shadow: Inset 1PX 1PX 3PX #1F1A14;
	}
}
#ArchiveStyle\.index {
	Display: Inline-Block;
	Position: Relative;
	Height: 2EM;
}
#ArchiveStyle\.indexnav {
	Display: Block;
	Position: Absolute;
	Top: 100%;
	Left: 0;
	Border: 1PX #57534C Dashed;
	Padding: Calc(.25EM - 1PX) .5EM;
	Background: #DEDBD9;
	Box-Shadow: 1PX 1PX 3PX #302F2B;
	Font-Size: Smaller;
	Line-Height: 1.75;
	White-Space: NoWrap;
	Text-Align: Right;
}
@media ( Prefers-Color-Scheme: Dark ) {
	#ArchiveStyle\.indexnav {
		Border-Color: #B8B3B0;
		Background: #302F2B;
	}
}
#ArchiveStyle\.indexnav label {
	Display: Block;
	Text-Align: Left;
}
#ArchiveStyle\.indexnav select {
	Margin: 0 .125EM;
	Vertical-Align: Middle;
}

/* Metadata */
#ArchiveStyle\.meta {
	Display: Block;
	Margin: .375REM 0;
	Border: 1PX Solid #B8B3B0;
	Padding: Calc(.75REM - 1PX);
	Font-Size: Smaller;
}
@media ( Prefers-Color-Scheme: Dark ) {
	#ArchiveStyle\.meta { Border-Color: #57534C }
}
#ArchiveStyle\.meta>div:Not(:First-Child) {
	Margin: .75REM 0 0;
	Border-Top: 1PX #B01C1C Dashed;
	Padding: Calc(.75REM - 1PX) 0 0;
}
#ArchiveStyle\.meta dl {
	Margin: 0;
	Padding: 0;
}
#ArchiveStyle\.metadata dl { Min-Width: 100% }
#ArchiveStyle\.metadata dt { Margin: .75EM 0 .375EM }
@supports ( Display: Contents ) {
	#ArchiveStyle\.metadata dl {
		Display: Table;
		Border-Collapse: Collapse;
	}
	#ArchiveStyle\.metadata dt {
		Display: Contents;
		Margin: 0;
	}
	#ArchiveStyle\.metadata dt::BEFORE {
		Display: Table-Row;
		Content: "";
	}
	#ArchiveStyle\.metadata dt:Not(:First-Child)::BEFORE { Border-Top: .75REM Transparent Solid }
	#ArchiveStyle\.metadata dt>span {
		Display: Block;
		Box-Sizing: Border-Box;
		Padding: 0 Calc(.75REM - 1PX) 0 0;
		Width: Max-Content;
		Max-Width: Calc(( 100VW - 5.5REM ) * .4);
		Overflow-Wrap: Break-Word;
	}
	@media ( Min-Width: 41REM ) {
		#ArchiveStyle\.metadata dt>span { Max-Width: 14.2REM }
	}
	#ArchiveStyle\.metadata dt::AFTER {
		Display: Table-Cell;
		Border-Left: 1PX #B01C1CCC Dotted;
		Content: "";
	}
}
#ArchiveStyle\.metadata dt>span::AFTER { Content: ":" }
#ArchiveStyle\.metadata dd {
	Display: List-Item;
	Margin: 0 0 0 1.5EM;
	Padding: 0;
	Overflow-Wrap: Anywhere;
	Vertical-Align: Top;
	List-Style: Square Outside;
}
#ArchiveStyle\.metadata dd+dd { Margin-Top: .1875REM }
@supports ( Display: Inline Flow-Root List-Item ) {
	#ArchiveStyle\.metadata dd { Display: Inline Flow-Root List-Item }
	#ArchiveStyle\.metadata dd::MARKER { Color: #B01C1C }
	#ArchiveStyle\.metadata dd+dd { Margin-Top: 0 }
}
#ArchiveStyle\.metadata\.warning {
	Font-Weight: Bold;
	Text-Decoration: Underline;
}
#ArchiveStyle\.stats summary { List-Style-Position: Inside }
#ArchiveStyle\.stats details[open] summary {
	Margin: 0 0 .75REM;
	Border-Bottom: 1PX Solid;
	Padding: 0 0 Calc(.75REM - 1PX);
}
#ArchiveStyle\.stats dl { Padding: 0 1.5EM }
#ArchiveStyle\.stats dt {
	Display: Inline-Block;
	Margin: 0 .5EM 0 0;
	Font-Weight: Bold;
}
#ArchiveStyle\.stats dt::AFTER { Content: ":" }
#ArchiveStyle\.stats dd {
	Display: Inline;
	Margin: 0;
	Padding: 0 1.5EM 0 0;
}

/* Clickthrough */
#ArchiveStyle\.clickthrough summary {
	Display: Block;
	Margin: .75REM 0 0;
	Border-Bottom: 1PX #F56E97 Dashed;
	Padding: .375REM 0 Calc(.375REM - 1PX);
	Font-Style: Italic;
	Font-Weight: Bold;
}
#ArchiveStyle\.clickthrough summary::AFTER {
	Display: List-Item;
	Direction: RTL;
	Margin: .375REM 0 0;
	Padding: 0 .75REM;
	Height: 1.125EM;
	List-Style-Type: Inherit;
	List-Style-Position: Inside;
	Content: "";
}

/* Preamble/Postamble/Notes */
#ArchiveStyle\.preamble,
#ArchiveStyle\.postamble,
#ArchiveStyle\.notes\.before,
#ArchiveStyle\.notes\.after {
	Display: Block;
	Margin: 1.5REM 0;
	Padding: 0 3REM;
}

/* Main content */
#ArchiveStyle\.main {
	Display: Block;
	Position: Relative;
	Margin: -2.5REM 0;
	Padding: 2.5REM 0;
}

/* EPUB navigational element */
html[data--book-gen-type=index] nav[epub|type] ol {
	Margin: 0;
	List-Style: None;
}
html[data--book-gen-type=index] nav[epub|type] li { Margin: 0 }
html[data--book-gen-type=index] nav[epub|type] li>a {
	Display: List-Item;
	List-Style: Outside Circle;
}
html[data--book-gen-type=index] nav[epub|type] li>span {
	Display: Block;
	Font-Weight: Bold;
	Margin: .75EM 0 0 -1.5EM;
	Border-Top: 1PX Solid;
	Padding: Calc(.375EM - 1PX) 0 0 1.5EM;
}
html[data--book-gen-type=index] nav[epub|type] li>ol {
	Margin: 0 0 .75EM -1.5EM;
	Border-Bottom: 1PX Solid;
	Padding: 0 0 Calc(.375EM - 1PX) 3EM;
}
html[data--book-gen-type=index] nav[epub|type] li cite {
	Font-Style: Inherit;
	Font-Weight: Bold;
	Quotes: "“" "”" "‘" "’";
}
html[data--book-gen-type=index] nav[epub|type] li cite::BEFORE { Content: Open-Quote }
html[data--book-gen-type=index] nav[epub|type] li cite::AFTER { Content: Close-Quote }

/* BookGen footer */
#BookGen\.footer {
	Position: Relative;
	Margin: 2.5REM 0 0;
	Border-Top: 1PX #75706A Dashed;
	Padding-Top: Calc(.75REM - 1PX);
	Color: #302F2B;
}
@media ( Prefers-Color-Scheme: Dark ) {
	#BookGen\.footer {
		Border-Color: #948D87;
		Color: #DEDBD9;
	}
}
#ArchiveStyle\.main\.next {
	Position: Absolute;
	Bottom: .75REM;
	Left: 0;
	Font-Size: 1REM;
	Line-Height: 1;
}
#BookGen\.top {
	Position: Absolute;
	Bottom: 100%;
	Right: 0;
	Margin-Bottom: .75REM;
	Font-Size: 1REM;
	Line-Height: 1;
}
#BookGen\.top a::BEFORE { Content: "↑ " }