2 files changed, 75 insertions, 3 deletions
diff --git a/assets/stylesheets/highlight.css b/assets/stylesheets/highlight.css
index 5efc353..9ad96d3 100644
--- a/assets/stylesheets/highlight.css
+++ b/assets/stylesheets/highlight.css
@@ -6,7 +6,7 @@
 /* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
 /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
 /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
-/* LineHighlight */ .chroma .hl { background-color: #3d3d3d }
+/* LineHighlight */ .chroma .hl { background-color: #fdce181c }
 /* LineNumbersTable */ .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #756d59 }
 /* LineNumbers */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #756d59 }
 /* Line */ .chroma .line { display: flex; }
diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css
index 278bac3..7b300e8 100644
--- a/assets/stylesheets/style.css
+++ b/assets/stylesheets/style.css
@@ -7,6 +7,7 @@ body {
 	font-family: "Noto Serif", serif;
 	text-underline-offset: 2.25px;
 	overflow-x: hidden;
+	line-height: 1.35;
 }
 
 /* header */
@@ -67,12 +68,12 @@ main, footer{
 #publishing a { color: #555 }
 #publishing a:not(:last-child)::after { content: "," }
 
+footer span,
 #copyright, #theme-copyright {
 	text-align: center;
 	display: block;
-	opacity: .2;
-	color: #fff;
 	margin: .25em;
+	color: #6a6a6a;
 }
 
 /* elements */
@@ -94,6 +95,47 @@ a:hover {
 	text-decoration: underline;
 }
 
+code:not(.chroma code) {
+	color: #c9ffc9;
+}
+
+/* essays */
+.essay {
+	font-size: 1.15em;
+	margin-inline: auto;
+	max-width: 80ch;
+	line-height: 1.6;
+}
+
+.essay p {
+	text-indent: 4ch;
+}
+
+.essay blockquote {
+	font-style: italic;
+}
+
+.essay blockquote p::before {
+	content: "“";
+	font-size: 1.5em;
+}
+
+.essay sup {
+	font-size: .6em;
+}
+
+.essay sup a::before { content: "[" }
+.essay sup a::after  { content: "]" }
+
+/*.footnotes ol {
+	columns: 2 auto;
+	column-gap: 3em;
+}
+
+.footnotes ol li {
+	break-inside: avoid;
+}*/
+
 /* images */
 img, figcaption {
 	margin: auto;
@@ -169,6 +211,21 @@ ol, ul, pre code {
 	max-width: 100%;
 }
 
+/* youtube iframe shortcode */
+div.yt iframe {
+	display: block;
+	aspect-ratio: 16/9;
+	max-width: 800px;
+	width: 100%;
+	margin: 2em auto;
+	border: 0;
+}
+
+div.yt.yt-4x3 iframe {
+	aspect-ratio: 4/3;
+	max-width: 600px;
+}
+
 /* utility classes */
 .monodate, .monospace { font-family: monospace }
 .bold { font-weight: bold }
@@ -197,4 +254,19 @@ ol, ul, pre code {
 	img, figcaption {
 		max-width: 95%;
 	}
+	.essay {
+		font-size: inherit;
+	}
+}
+
+@media print {
+	body, a {
+		line-height: 1.25;
+		font-size-adjust: .38;
+	}
+
+	header,
+	.footnote-backref {
+		display: none;
+	}
 }