diff --git a/index.html b/index.html
index d9e4ff5a3..2f9bda678 100644
--- a/index.html
+++ b/index.html
@@ -177,18 +177,15 @@ <h1 class="f2 mb0 p-name">Writings</h1>
 
 <template id="music-tmpl">
 	<li class="mb2 leading-tight">
-		<span class="music-title block fw7"></span>
-		<small class="font-sans f5">
+		<span class="music-title block fw6"></span>
+		<small class="font-sans f6">
 			<span class="music-subtitle muted"></span>
-			<time class="music-datetime ml1"></time>
 		</small>
 	</li>
 </template>
 
 <script type="module">
-	const ENDPOINT = location.hostname == 'localhost'
-		? 'http://localhost:8788'
-		: 'https://brookie.pages.dev';
+	const ENDPOINT = 'https://brookie.pages.dev';
 
 	const render = (target, tracks) => {
 		const tmpl = document.getElementById('music-tmpl');
@@ -203,14 +200,6 @@ <h1 class="f2 mb0 p-name">Writings</h1>
 			title.textContent = track.name;
 			subtitle.textContent = `${track.artist['#text']} — ${track.album['#text']}`;
 
-			const dateTime = clone.querySelector('.music-datetime');
-
-			if (track.date) {
-				const date = new Date(parseInt(track.date['uts'], 10) * 1000);
-				dateTime.textContent = fmt.format(date);
-				dateTime.setAttribute('title', date.toUTCString());
-			}
-
 			if (track['@attr']?.nowplaying == 'true') {
 				title.classList.add('fw7');
 				container.classList.add('border', 'border-b', 'mb2', 'pb2');
diff --git a/johan.css b/johan.css
index 73429e61e..6136cc6a4 100644
--- a/johan.css
+++ b/johan.css
@@ -431,6 +431,10 @@ a,
 	   text-decoration: none;
 	}
 
+a.no-link {
+    color: inherit;
+}
+
 p,
 ul,
 ol,
@@ -473,6 +477,10 @@ table {
 	border-spacing: 0;
 }
 
+	table tr:target {
+	   background-color: var(--color-bg-secondary);
+    }
+
 	table.textual {
 		--spacing: .6em;
 	}
diff --git a/johan.css.map b/johan.css.map
index 41a3a7587..a3c56c876 100644
--- a/johan.css.map
+++ b/johan.css.map
@@ -1 +1 @@
-{"version":3,"sources":["/src/johan.css","/css/reset.css","/%3Cno%20source%3E","/css/variables.css","/css/base.css","/css/utils.css","/css/footer.css","/css/layout.css","/css/changelog.css","/css/oblique-strategies.css","/css/notes.css","/css/navigation.css","/css/page-nav.css","/css/posts-list.css","/css/autogrow.css","/css/prose.css","/css/typeset.css"],"names":[],"mappings":"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","file":"/johan.css.map","sourcesContent":["/* Styles for Johan Brook.com\n\nBuilt for IE6, made in Dreamweaver.\n\nJust kidding.\n--------------------------------------------- */\n\n@layer setup,\nbase,\nviews,\ncomponents,\nutils;\n\n@import 'css/reset.css' layer(setup);\n@import 'css/variables.css' layer(setup);\n\n@import 'css/base.css' layer(base);\n@import 'css/utils.css' layer(utils);\n@import 'css/footer.css' layer(base);\n\n@import 'css/layout.css' layer(base);\n\n@import 'css/changelog.css' layer(views);\n@import 'css/oblique-strategies.css' layer(views);\n\n@import 'css/notes.css' layer(components);\n@import 'css/navigation.css' layer(components);\n@import 'css/notes.css' layer(components);\n@import 'css/page-nav.css' layer(components);\n@import 'css/posts-list.css' layer(components);\n@import 'css/autogrow.css' layer(utils);\n@import 'css/prose.css' layer(components);\n\n@import 'css/typeset.css' layer(utils);\n","/* https://github.com/mayank99/reset.css/blob/main/package/index.css@0.7.0  */\n*,\n*::before,\n*::after {\n\tmargin: 0;\n\tpadding: 0;\n\tbox-sizing: border-box;\n}\n\n:where([hidden]:not([hidden='until-found'])) {\n\tdisplay: none !important;\n}\n\n:where(html) {\n\t-webkit-text-size-adjust: none;\n\tcolor-scheme: dark light;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n\t:where(html:focus-within) {\n\t\tscroll-behavior: smooth;\n\t}\n}\n\n:where(body) {\n\tline-height: 1.5;\n\tfont-family: system-ui, sans-serif;\n\t-webkit-font-smoothing: antialiased;\n}\n\n:where(input, button, textarea, select) {\n\tfont: inherit;\n\tcolor: inherit;\n}\n\n:where(textarea) {\n\tresize: vertical;\n\tresize: block;\n}\n\n:where(button, label, select, summary, [role='button'], [role='option']) {\n\tcursor: pointer;\n}\n\n:where(:disabled) {\n\tcursor: not-allowed;\n}\n\n:where(label:has(> input:disabled), label:has(+ input:disabled)) {\n\tcursor: not-allowed;\n}\n\n:where(button) {\n\tborder-style: solid;\n}\n\n:where(a) {\n\tcolor: inherit;\n\ttext-underline-offset: 0.2ex;\n}\n\n:where(ul, ol) {\n\tlist-style: none;\n}\n\n:where(img, svg, video, canvas, audio, iframe, embed, object) {\n\tdisplay: block;\n}\n\n:where(img, picture, svg, video) {\n\tmax-inline-size: 100%;\n\tblock-size: auto;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n\toverflow-wrap: break-word;\n}\n\n:where(h1, h2, h3) {\n\tline-height: calc(1em + 0.5rem);\n\ttext-wrap: balance;\n}\n\n:where(hr) {\n\tborder: none;\n\tborder-block-start: 1px solid;\n\tcolor: inherit;\n\tblock-size: 0;\n\toverflow: visible;\n}\n\n:where(:focus-visible) {\n\toutline: 3px solid Highlight;\n\toutline-offset: 2px;\n\tscroll-margin-block: 10vh;\n}\n\n:where(.visually-hidden:not(:focus-within, :active)) {\n\tclip-path: inset(50%) !important;\n\theight: 1px !important;\n\twidth: 1px !important;\n\toverflow: hidden !important;\n\tposition: absolute !important;\n\twhite-space: nowrap !important;\n\tborder: 0 !important;\n}\n",null,":root {\n\t/* Colors */\n\n\t--neon: hsl(145 56% 57%);\n\t--yellow: hsl(50 93% 56%);\n\t--grey: hsl(214.51 7.24% 47.56%);\n\t--grey-light: hsl(173 7% 36% / 0.5);\n\t--grey-lightest: hsl(173 7% 93%);\n\n\t--color-bg: #fff;\n\t--color-bg-secondary: hsl(240 59.76% 96.52%);\n\t--color-text: hsl(0 0% 13%);\n\t--color-text-high-contrast: black;\n\t--color-text-detail: var(--grey);\n\n\t--link-color: hsl(201.43, 100%, 37.25%);\n\t--link-color-hover: hsl(201.43, 100%, 25.25%);\n\t--link-color-visited: hsl(266 100% 44%);\n\t--link-underline-color: hsl(201.43 43.1% 56.06% / 0.47);\n\t--border-color: var(--grey-lightest);\n\n\t--btn-color: var(--color-text);\n\t--btn-bg: var(--color-bg-secondary);\n\t--btn-bg-hover: hsl(240 59.76% 95.52%);\n\n\t--focus-color: var(--link-color);\n\n\t--pre-background: var(--color-bg-secondary);\n\t--code-background: rgb(0 0 0 / 2%);\n\t--code-color: rgb(120 94 0);\n\n\t@supports (color: color(display-p3 1 1 1 / 1)) {\n\t\t--link-color: color(display-p3 0 0.425 0.73);\n\t\t--link-color-hover: color(display-p3 0.01 0.295 0.495);\n\t\t--link-color-visited: color(display-p3 0.431 0.053 0.965);\n\t}\n\n\t@media screen and (prefers-color-scheme: dark) {\n\t\t--yellow: #c3a507;\n\t\t--grey: hsl(214.51, 6.64%, 61.44%);\n\t\t--grey-lightest: hsl(173 7% 17%);\n\n\t\t--color-bg: #1a1a1a;\n\t\t--color-bg-secondary: hsl(240 3.36% 14.51%);\n\t\t--color-text: hsl(0, 0%, 78%);\n\t\t--color-text-high-contrast: white;\n\t\t--link-color: hsl(201.43 94.7% 62.23%);\n\t\t--link-color-hover: hsl(201.43, 93.43%, 69.58%);\n\t\t--link-underline-color: hsl(201.43 57.86% 50.17% / 0.47);\n\t\t--link-color-visited: #7a8be5;\n\t\t--code-color: rgb(236 216 142);\n\t\t--code-background: rgb(255 255 255 / 2%);\n\n\t\t--btn-bg-hover: hsl(240 3.36% 15.51%);\n\n\t\t@supports (color: color(display-p3 1 1 1 / 1)) {\n\t\t\t--link-color: color(display-p3 0.38 0.742 1);\n\t\t\t--link-color-hover: color(display-p3 0.577 0.82 0.995);\n\t\t}\n\t}\n\n\t/* Typography */\n\n\t--sans: system-ui, sans-serif;\n\t--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n\t--serif: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;\n\n\t--font-size-base: 18;\n\t--leading: 1.618;\n\t/* Rhythm unit */\n\t--lineheight: calc(var(--leading) * 1rem);\n\n\t--tracking: -0.014em;\n\t--tracking-f0: -0.022em;\n\t--tracking-f1: -0.021em;\n\t--tracking-f2: -0.02em;\n\t--tracking-f3: -0.018em;\n\t--tracking-f4: -0.014em;\n\t--tracking-f5: -0.009em;\n\t--tracking-f6: -0.0025em;\n\n\t--f0: calc((72 / var(--font-size-base)) * 1rem);\n\t--f1: calc((36 / var(--font-size-base)) * 1rem);\n\t--f2: calc((30 / var(--font-size-base)) * 1rem);\n\t--f3: calc((26 / var(--font-size-base)) * 1rem);\n\t--f4: 1rem;\n\t--f5: calc((17 / var(--font-size-base)) * 1rem);\n\t--f6: calc((14 / var(--font-size-base)) * 1rem);\n\t--f7: calc((11 / var(--font-size-base)) * 1rem);\n\n\t/* Measures */\n\n\t--inset: calc(var(--lineheight) / 2);\n\n\t--measure: 60ch;\n\t--measure-narrow: 45ch;\n\t--measure-wide: 100ch;\n\n\t--content-width: var(--measure);\n\n\t--spacing-base: var(--lineheight);\n\n\t--spacing-none: 0;\n\t--spacing-extra-small: calc(var(--spacing-base) / 5);\n\t--spacing-small: calc(var(--spacing-base) / 2);\n\t--spacing-medium: var(--spacing-base);\n\t--spacing-large: calc(var(--spacing-base) * 2);\n\t--spacing-extra-large: calc(var(--spacing-base) * 3);\n\t--spacing-extra-extra-large: calc(var(--spacing-base) * 4);\n\t--spacing-extra-extra-extra-large: calc(var(--spacing-base) * 6);\n\n\t@media screen and (max-width: 980px) {\n\t\t--inset: var(--lineheight);\n\t\t--font-size-base: 16;\n\t}\n}\n","/* =ELEMENTS\n--------------------------------------------- */\n\nhtml {\n\t/* https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/ */\n\t-moz-text-size-adjust: none;\n\t-webkit-text-size-adjust: none;\n\ttext-size-adjust: none;\n}\n\n:where(body, html) {\n\tfont: normal calc(var(--font-size-base) * 1px) / var(--leading) var(--sans);\n\tbackground-color: var(--color-bg);\n\tcolor: var(--color-text);\n}\n\nbody {\n\tpadding: var(--inset);\n\tline-height: var(--leading);\n\tfont-feature-settings:\n\t\t/* Contextual alternates */\n\t\t'calt' 1,\n\t\t'kern' 1,\n\t\t'liga' 1;\n\tfont-variant-ligatures: contextual common-ligatures;\n\n\t@media screen and (prefers-color-scheme: dark) {\n\t\tword-spacing: 0.05em;\n\t}\n\n\t@media screen and (min-width: 980px) {\n\t\tpadding-top: calc(var(--inset) * 2);\n\t}\n}\n\nmain {\n\tmax-width: var(--content-width);\n\tmargin-bottom: calc(var(--lineheight) * 3);\n}\n\n:target {\n\tscroll-margin-block: 5ex;\n}\n\n:focus-visible {\n    outline: 2px solid var(--link-color);\n    box-shadow: 0 0 0 4px white;\n    border-radius: .25em;\n}\n\n/* =HEADINGS\n--------------------------------------------- */\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tmargin-block-end: 0;\n\tmargin-bottom: calc(var(--lineheight) / 2);\n\tcolor: var(--color-text-high-contrast);\n\tfont-family: var(--serif);\n}\n\n.f0,\n.title {\n\tfont-size: clamp(var(--f1), 12vw, var(--f0));\n\tletter-spacing: var(--tracking-f0);\n\tline-height: calc(var(--leading) * 0.75);\n}\n\nh1,\n.f1 {\n\tfont-size: var(--f1);\n\tletter-spacing: var(--tracking-f1);\n}\n\nh2,\n.f2 {\n\tfont-size: var(--f2);\n\tletter-spacing: var(--tracking-f2);\n}\n\nh3,\n.f3 {\n\tfont-size: var(--f3);\n\tletter-spacing: var(--tracking-f3);\n}\n\nh4,\n.f4 {\n\tfont-size: var(--f4);\n\tletter-spacing: var(--tracking-f4);\n}\n\nh5,\n.f5 {\n\tfont-size: var(--f5);\n\tletter-spacing: var(--tracking-f5);\n}\n\nh6,\n.f6 {\n\tfont-size: var(--f6);\n\tletter-spacing: var(--tracking-f6);\n}\n\n.f7 {\n\tfont-size: var(--f7);\n}\n\nul,\nol {\n\tpadding-left: 0;\n}\n\nnav ul {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\na,\n.link {\n\tcolor: var(--link-color);\n\tposition: relative;\n\ttext-decoration: none;\n\ttext-underline-offset: 3px;\n\n\t&:not(.prose &) {\n\t\tfont-family: var(--sans);\n\t}\n\n\t&.block {\n\t\ttext-decoration: none;\n\t\tfont-weight: unset;\n\t}\n\n\t&:hover,\n\t&:hover .link {\n\t\tcolor: var(--link-color-hover);\n\t\ttext-decoration-color: currentColor;\n\t}\n\n\t&:not(.block):hover, &:hover .link {\n\t\ttext-decoration: underline;\n\t}\n\n\t&:active {\n\t\ttop: 1px;\n\t}\n\n\t&.muted {\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tcolor: var(--link-color-hover);\n\t\t}\n\t}\n\n\t&:is([aria-current=\"page\"] > *):is(:focus-visible, :hover) {\n\t   cursor: default;\n\t   text-decoration: none;\n\t}\n}\n\np,\nul,\nol,\nblockquote,\ntable,\nfigure,\npre {\n\tmargin: 0 0 var(--lineheight);\n}\n\nimg {\n\tmax-width: 100%;\n\theight: auto;\n}\n\npre,\ncode {\n\tfont-family: var(--mono);\n}\n\n:not(pre)>code {\n\tcolor: var(--code-color);\n\tbackground-color: var(--code-background);\n\tpadding: .125rem .25rem;\n\tborder-radius: .125em;\n\tfont-weight: 500;\n\tfont-size: .85em;\n}\n\nfigcaption {\n\tcolor: var(--grey);\n}\n\ntable {\n\t--spacing: 0.25em;\n\n\ttext-align: left;\n\twidth: 100%;\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n\n\t&.textual {\n\t\t--spacing: .6em;\n\n\t\t& th {\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: bold;\n\t\t\tfont-size: var(--f6);\n\t\t\tletter-spacing: 0.05em;\n\t\t\tfont-family: var(--sans);\n\t\t}\n\n\t\t& td {\n\t\t\tvertical-align: top;\n\t\t\tborder-bottom: 1px solid var(--grey-lightest);\n\t\t}\n\n\t\t& tr>td:first-of-type {\n\t\t\tfont-weight: bold;\n\t\t\twidth: 25%;\n\t\t}\n\n\t\t& tr>td:nth-of-type(2) {\n\t\t\twidth: 15%;\n\t\t}\n\t}\n}\n\nth {\n\tborder-bottom: 3px double var(--grey);\n\tpadding: var(--spacing);\n\tfont-weight: bold;\n\tfont-size: var(--f5);\n\tposition: sticky;\n\ttop: 0;\n\tbackground-color: var(--color-bg);\n}\n\ntd {\n\tpadding: var(--spacing);\n}\n\nth,\ntd {\n\t&:first-child {\n\t\tpadding-left: 0;\n\t}\n}\n\npre {\n\ttext-align: left;\n\tline-height: var(--leading);\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\thyphens: none;\n\ttab-size: 2;\n\tcolor: var(--code-color);\n\tbackground-color: var(--code-background);\n\tpadding: .125rem .25rem;\n\tborder-radius: .25em;\n\t-webkit-font-smoothing: subpixel-antialiased;\n\t-moz-osx-font-smoothing: none;\n\tfont-size: var(--f5);\n\toverflow: auto;\n\tposition: relative;\n\n\t& .line-highlight {\n\t\t--cycle: 27px;\n\t\t--color: 112 20% 50%;\n\t\ttext-decoration: none;\n\t\tposition: absolute;\n\t\theight: calc(var(--rows) * var(--cycle));\n\t\ttop: calc(var(--top-inset) + (var(--start) - 1) * var(--cycle));\n\t\tbackground-color: hsl(var(--color) / 4%);\n\t\tcolor: hsl(var(--color) / 80%);\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\tdisplay: block;\n\t\tpointer-events: none;\n\t\tpadding: 0 6px;\n\t\tfont-size: var(--f7);\n\t}\n}\n\nli>pre {\n\tmargin-top: calc(var(--lineheight) / 2);\n\tmargin-bottom: calc(var(--lineheight) / 2);\n}\n\n/* Syntax highlighting */\ncode[class*='language-'] {\n\tdisplay: block;\n}\n\nblockquote {\n\tborder-left: 2px solid var(--grey-light);\n\tmargin: calc(var(--lineheight) * 2) 2rem calc(var(--lineheight) * 2) 0;\n\tpadding-left: 1rem;\n\tpadding-right: 1rem;\n\tcolor: var(--color-text-high-contrast);\n\n\t&>p {\n\t\tmargin-bottom: calc(var(--lineheight) / 2);\n\t}\n\n\t& footer {\n\t\tcolor: var(--grey);\n\t\tmargin-top: var(--lineheight);\n\t}\n}\n\nhr {\n\tborder: 0;\n\tbackground-color: var(--border-color);\n\theight: 1px;\n\tmargin: var(--lineheight) 0;\n}\n\ntextarea {\n\tpadding: 0.5em;\n\tborder: 1px solid var(--grey);\n\tborder-radius: 0.4em;\n\tresize: vertical;\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: var(--link-color);\n\t}\n}\n",".skip-link {\n\tposition: fixed;\n\ttop: var(--inset);\n\tleft: var(--inset);\n}\n\n.relative {\n    position: relative;\n}\n\n.avatar {\n    border-radius: 100%;\n    aspect-ratio: 1 / 1;\n}\n\n/*\nBUTTONS\n----------------------------------------------------------------*/\n\n.btn {\n\tappearance: none;\n\tborder: 0;\n\tfont-family: var(--sans);\n\tbackground-color: var(--btn-bg);\n\tcolor: var(--btn-color);\n\ttext-decoration: none;\n\ttext-align: center;\n\tborder-radius: 6px;\n\tpadding: 0.2em .60em;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tdisplay: inline-block;\n\toverflow: hidden;\n\tmax-width: 100%;\n\n\t&:not([disabled]) {\n\t\tcursor: pointer;\n\t}\n\n\t&:where(:hover, [open] *) {\n\t\ttext-decoration: none;\n\t\tcolor: var(--link-color-hover);\n\t\tbackground-color: var(--btn-bg-hover);\n\t}\n\n\t&[disabled] {\n\t\tcolor: var(--color-text-detail);\n\t}\n}\n\n/*\nOPEN TYPE\n----------------------------------------------------------------*/\n\n.plain-font-features {\n\tfont-feature-settings:\n\t\t/* Contextual alternates */\n\t\t'calt' 1, 'kern' 1,\n\t\t'liga' 1,\n\t\t/* Open digis */\n\t\t'ss01' 1,\n\t\t/* Curved 'r' */\n\t\t'ss03' 1,\n\t\t/* Disambiguation */\n\t\t'ss04' 0, 'frac' 1;\n}\n\n/*\nFONT STYLES\n----------------------------------------------------------------*/\n\n.i {\n\tfont-style: italic;\n}\n\n/*\nFONT WEIGHTS\n----------------------------------------------------------------*/\n\n.normal {\n\tfont-weight: normal;\n}\n\n.b {\n\tfont-weight: bold;\n}\n\n.fw1 {\n\tfont-weight: 100;\n}\n\n.fw2 {\n\tfont-weight: 200;\n}\n\n.fw3 {\n\tfont-weight: 300;\n}\n\n.fw4 {\n\tfont-weight: 400;\n}\n\n.fw5 {\n\tfont-weight: 500;\n}\n\n.fw6 {\n\tfont-weight: 600;\n}\n\n.fw7 {\n\tfont-weight: 700;\n}\n\n.fw8 {\n\tfont-weight: 800;\n}\n\n.fw9 {\n\tfont-weight: 900;\n}\n\n/*\nTEXT ALIGNMENT\n----------------------------------------------------------------*/\n\n.tl {\n\ttext-align: left;\n}\n\n.tr {\n\ttext-align: right;\n}\n\n.tc {\n\ttext-align: center;\n}\n\n.tj {\n\ttext-align: justify;\n}\n\n.w-full {\n\twidth: 100%;\n}\n\n.block {\n\tdisplay: block;\n}\n\n.inline {\n    display: inline;\n}\n\n/*\nFLEXBOX\n----------------------------------------------------------------*/\n\n.flex {\n\tdisplay: flex;\n}\n\n.inline-flex {\n\tdisplay: inline-flex;\n}\n\n.gap-1 {\n\tgap: 0.5em;\n}\n\n.gap {\n\tgap: 1.5em;\n}\n\n/* 1. Fix for Chrome 44 bug.\n * https://code.google.com/p/chromium/issues/detail?id=506893 */\n.flex-auto {\n\tflex: 1 1 auto;\n\tmin-width: 0;\n\t/* 1 */\n\tmin-height: 0;\n\t/* 1 */\n}\n\n.flex-1 {\n\tflex: 1;\n}\n\n.flex-none {\n\tflex: none;\n}\n\n.flex-column {\n\tflex-direction: column;\n}\n\n.flex-row {\n\tflex-direction: row;\n}\n\n.flex-wrap {\n\tflex-wrap: wrap;\n}\n\n.flex-nowrap {\n\tflex-wrap: nowrap;\n}\n\n.flex-wrap-reverse {\n\tflex-wrap: wrap-reverse;\n}\n\n.flex-column-reverse {\n\tflex-direction: column-reverse;\n}\n\n.flex-row-reverse {\n\tflex-direction: row-reverse;\n}\n\n.items-start {\n\talign-items: flex-start;\n}\n\n.items-end {\n\talign-items: flex-end;\n}\n\n.items-center {\n\talign-items: center;\n}\n\n.items-baseline {\n\talign-items: baseline;\n}\n\n.items-stretch {\n\talign-items: stretch;\n}\n\n.self-start {\n\talign-self: flex-start;\n}\n\n.self-end {\n\talign-self: flex-end;\n}\n\n.self-center {\n\talign-self: center;\n}\n\n.self-baseline {\n\talign-self: baseline;\n}\n\n.self-stretch {\n\talign-self: stretch;\n}\n\n.justify-start {\n\tjustify-content: flex-start;\n}\n\n.justify-end {\n\tjustify-content: flex-end;\n}\n\n.justify-center {\n\tjustify-content: center;\n}\n\n.justify-between {\n\tjustify-content: space-between;\n}\n\n.justify-around {\n\tjustify-content: space-around;\n}\n\n.justify-evenly {\n\tjustify-content: space-evenly;\n}\n\n.content-start {\n\talign-content: flex-start;\n}\n\n.content-end {\n\talign-content: flex-end;\n}\n\n.content-center {\n\talign-content: center;\n}\n\n.content-between {\n\talign-content: space-between;\n}\n\n.content-around {\n\talign-content: space-around;\n}\n\n.content-stretch {\n\talign-content: stretch;\n}\n\n/*\nSPACING\n----------------------------------------------------------------*/\n\n.pa0 {\n\tpadding: var(--spacing-none);\n}\n\n.pa1 {\n\tpadding: var(--spacing-extra-small);\n}\n\n.pa2 {\n\tpadding: var(--spacing-small);\n}\n\n.pa3 {\n\tpadding: var(--spacing-medium);\n}\n\n.pa4 {\n\tpadding: var(--spacing-large);\n}\n\n.pa5 {\n\tpadding: var(--spacing-extra-large);\n}\n\n.pa6 {\n\tpadding: var(--spacing-extra-extra-large);\n}\n\n.pa7 {\n\tpadding: var(--spacing-extra-extra-extra-large);\n}\n\n.pl0 {\n\tpadding-left: var(--spacing-none);\n}\n\n.pl1 {\n\tpadding-left: var(--spacing-extra-small);\n}\n\n.pl2 {\n\tpadding-left: var(--spacing-small);\n}\n\n.pl3 {\n\tpadding-left: var(--spacing-medium);\n}\n\n.pl4 {\n\tpadding-left: var(--spacing-large);\n}\n\n.pl5 {\n\tpadding-left: var(--spacing-extra-large);\n}\n\n.pl6 {\n\tpadding-left: var(--spacing-extra-extra-large);\n}\n\n.pl7 {\n\tpadding-left: var(--spacing-extra-extra-extra-large);\n}\n\n.pr0 {\n\tpadding-right: var(--spacing-none);\n}\n\n.pr1 {\n\tpadding-right: var(--spacing-extra-small);\n}\n\n.pr2 {\n\tpadding-right: var(--spacing-small);\n}\n\n.pr3 {\n\tpadding-right: var(--spacing-medium);\n}\n\n.pr4 {\n\tpadding-right: var(--spacing-large);\n}\n\n.pr5 {\n\tpadding-right: var(--spacing-extra-large);\n}\n\n.pr6 {\n\tpadding-right: var(--spacing-extra-extra-large);\n}\n\n.pr7 {\n\tpadding-right: var(--spacing-extra-extra-extra-large);\n}\n\n.pb0 {\n\tpadding-bottom: var(--spacing-none);\n}\n\n.pb1 {\n\tpadding-bottom: var(--spacing-extra-small);\n}\n\n.pb2 {\n\tpadding-bottom: var(--spacing-small);\n}\n\n.pb3 {\n\tpadding-bottom: var(--spacing-medium);\n}\n\n.pb4 {\n\tpadding-bottom: var(--spacing-large);\n}\n\n.pb5 {\n\tpadding-bottom: var(--spacing-extra-large);\n}\n\n.pb6 {\n\tpadding-bottom: var(--spacing-extra-extra-large);\n}\n\n.pb7 {\n\tpadding-bottom: var(--spacing-extra-extra-extra-large);\n}\n\n.pt0 {\n\tpadding-top: var(--spacing-none);\n}\n\n.pt1 {\n\tpadding-top: var(--spacing-extra-small);\n}\n\n.pt2 {\n\tpadding-top: var(--spacing-small);\n}\n\n.pt3 {\n\tpadding-top: var(--spacing-medium);\n}\n\n.pt4 {\n\tpadding-top: var(--spacing-large);\n}\n\n.pt5 {\n\tpadding-top: var(--spacing-extra-large);\n}\n\n.pt6 {\n\tpadding-top: var(--spacing-extra-extra-large);\n}\n\n.pt7 {\n\tpadding-top: var(--spacing-extra-extra-extra-large);\n}\n\n.pv0 {\n\tpadding-top: var(--spacing-none);\n\tpadding-bottom: var(--spacing-none);\n}\n\n.pv1 {\n\tpadding-top: var(--spacing-extra-small);\n\tpadding-bottom: var(--spacing-extra-small);\n}\n\n.pv2 {\n\tpadding-top: var(--spacing-small);\n\tpadding-bottom: var(--spacing-small);\n}\n\n.pv3 {\n\tpadding-top: var(--spacing-medium);\n\tpadding-bottom: var(--spacing-medium);\n}\n\n.pv4 {\n\tpadding-top: var(--spacing-large);\n\tpadding-bottom: var(--spacing-large);\n}\n\n.pv5 {\n\tpadding-top: var(--spacing-extra-large);\n\tpadding-bottom: var(--spacing-extra-large);\n}\n\n.pv6 {\n\tpadding-top: var(--spacing-extra-extra-large);\n\tpadding-bottom: var(--spacing-extra-extra-large);\n}\n\n.pv7 {\n\tpadding-top: var(--spacing-extra-extra-extra-large);\n\tpadding-bottom: var(--spacing-extra-extra-extra-large);\n}\n\n.ph0 {\n\tpadding-left: var(--spacing-none);\n\tpadding-right: var(--spacing-none);\n}\n\n.ph1 {\n\tpadding-left: var(--spacing-extra-small);\n\tpadding-right: var(--spacing-extra-small);\n}\n\n.ph2 {\n\tpadding-left: var(--spacing-small);\n\tpadding-right: var(--spacing-small);\n}\n\n.ph3 {\n\tpadding-left: var(--spacing-medium);\n\tpadding-right: var(--spacing-medium);\n}\n\n.ph4 {\n\tpadding-left: var(--spacing-large);\n\tpadding-right: var(--spacing-large);\n}\n\n.ph5 {\n\tpadding-left: var(--spacing-extra-large);\n\tpadding-right: var(--spacing-extra-large);\n}\n\n.ph6 {\n\tpadding-left: var(--spacing-extra-extra-large);\n\tpadding-right: var(--spacing-extra-extra-large);\n}\n\n.ph7 {\n\tpadding-left: var(--spacing-extra-extra-extra-large);\n\tpadding-right: var(--spacing-extra-extra-extra-large);\n}\n\n.ma0 {\n\tmargin: var(--spacing-none);\n}\n\n.ma1 {\n\tmargin: var(--spacing-extra-small);\n}\n\n.ma2 {\n\tmargin: var(--spacing-small);\n}\n\n.ma3 {\n\tmargin: var(--spacing-medium);\n}\n\n.ma4 {\n\tmargin: var(--spacing-large);\n}\n\n.ma5 {\n\tmargin: var(--spacing-extra-large);\n}\n\n.ma6 {\n\tmargin: var(--spacing-extra-extra-large);\n}\n\n.ma7 {\n\tmargin: var(--spacing-extra-extra-extra-large);\n}\n\n.ml0 {\n\tmargin-left: var(--spacing-none);\n}\n\n.ml1 {\n\tmargin-left: var(--spacing-extra-small);\n}\n\n.ml2 {\n\tmargin-left: var(--spacing-small);\n}\n\n.ml3 {\n\tmargin-left: var(--spacing-medium);\n}\n\n.ml4 {\n\tmargin-left: var(--spacing-large);\n}\n\n.ml5 {\n\tmargin-left: var(--spacing-extra-large);\n}\n\n.ml6 {\n\tmargin-left: var(--spacing-extra-extra-large);\n}\n\n.ml7 {\n\tmargin-left: var(--spacing-extra-extra-extra-large);\n}\n\n.mx-auto {\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.mx1 {\n\tmargin-right: var(--spacing-extra-small);\n\tmargin-left: var(--spacing-extra-small);\n}\n\n.mr0 {\n\tmargin-right: var(--spacing-none);\n}\n\n.mr1 {\n\tmargin-right: var(--spacing-extra-small);\n}\n\n.mr2 {\n\tmargin-right: var(--spacing-small);\n}\n\n.mr3 {\n\tmargin-right: var(--spacing-medium);\n}\n\n.mr4 {\n\tmargin-right: var(--spacing-large);\n}\n\n.mr5 {\n\tmargin-right: var(--spacing-extra-large);\n}\n\n.mr6 {\n\tmargin-right: var(--spacing-extra-extra-large);\n}\n\n.mr7 {\n\tmargin-right: var(--spacing-extra-extra-extra-large);\n}\n\n.mb0 {\n\tmargin-bottom: var(--spacing-none);\n}\n\n.mb1 {\n\tmargin-bottom: var(--spacing-extra-small);\n}\n\n.mb2 {\n\tmargin-bottom: var(--spacing-small);\n}\n\n.mb3 {\n\tmargin-bottom: var(--spacing-medium);\n}\n\n.mb4 {\n\tmargin-bottom: var(--spacing-large);\n}\n\n.mb5 {\n\tmargin-bottom: var(--spacing-extra-large);\n}\n\n.mb6 {\n\tmargin-bottom: var(--spacing-extra-extra-large);\n}\n\n.mb7 {\n\tmargin-bottom: var(--spacing-extra-extra-extra-large);\n}\n\n.mt0 {\n\tmargin-top: var(--spacing-none);\n}\n\n.mt1 {\n\tmargin-top: var(--spacing-extra-small);\n}\n\n.mt2 {\n\tmargin-top: var(--spacing-small);\n}\n\n.mt3 {\n\tmargin-top: var(--spacing-medium);\n}\n\n.mt4 {\n\tmargin-top: var(--spacing-large);\n}\n\n.mt5 {\n\tmargin-top: var(--spacing-extra-large);\n}\n\n.mt6 {\n\tmargin-top: var(--spacing-extra-extra-large);\n}\n\n.mt7 {\n\tmargin-top: var(--spacing-extra-extra-extra-large);\n}\n\n.mv0 {\n\tmargin-top: var(--spacing-none);\n\tmargin-bottom: var(--spacing-none);\n}\n\n.mv1 {\n\tmargin-top: var(--spacing-extra-small);\n\tmargin-bottom: var(--spacing-extra-small);\n}\n\n.mv2 {\n\tmargin-top: var(--spacing-small);\n\tmargin-bottom: var(--spacing-small);\n}\n\n.mv3 {\n\tmargin-top: var(--spacing-medium);\n\tmargin-bottom: var(--spacing-medium);\n}\n\n.mv4 {\n\tmargin-top: var(--spacing-large);\n\tmargin-bottom: var(--spacing-large);\n}\n\n.mv5 {\n\tmargin-top: var(--spacing-extra-large);\n\tmargin-bottom: var(--spacing-extra-large);\n}\n\n.mv6 {\n\tmargin-top: var(--spacing-extra-extra-large);\n\tmargin-bottom: var(--spacing-extra-extra-large);\n}\n\n.mv7 {\n\tmargin-top: var(--spacing-extra-extra-extra-large);\n\tmargin-bottom: var(--spacing-extra-extra-extra-large);\n}\n\n.mh0 {\n\tmargin-left: var(--spacing-none);\n\tmargin-right: var(--spacing-none);\n}\n\n.mh1 {\n\tmargin-left: var(--spacing-extra-small);\n\tmargin-right: var(--spacing-extra-small);\n}\n\n.mh2 {\n\tmargin-left: var(--spacing-small);\n\tmargin-right: var(--spacing-small);\n}\n\n.mh3 {\n\tmargin-left: var(--spacing-medium);\n\tmargin-right: var(--spacing-medium);\n}\n\n.mh4 {\n\tmargin-left: var(--spacing-large);\n\tmargin-right: var(--spacing-large);\n}\n\n.mh5 {\n\tmargin-left: var(--spacing-extra-large);\n\tmargin-right: var(--spacing-extra-large);\n}\n\n.mh6 {\n\tmargin-left: var(--spacing-extra-extra-large);\n\tmargin-right: var(--spacing-extra-extra-large);\n}\n\n.mh7 {\n\tmargin-left: var(--spacing-extra-extra-extra-large);\n\tmargin-right: var(--spacing-extra-extra-extra-large);\n}\n\n/*\nDISPLAY\n----------------------------------------------------------------*/\n\n.d-i {\n\tdisplay: inline;\n}\n\n.d-ib {\n\tdisplay: inline-block;\n}\n\n.d-b {\n\tdisplay: block;\n}\n\n/*\nBORDERS\n----------------------------------------------------------------*/\n\n.border {\n\tborder: 1px solid var(--border-color);\n}\n\n.border-b {\n\tborder-width: 0 0 1px;\n}\n\n.border-t {\n    border-width: 1px 0 0;\n}\n\n/*\nCOLOURS\n----------------------------------------------------------------*/\n\n.text-bg {\n\tcolor: var(--color-bg);\n}\n\n.comp-neon {\n\tcolor: var(--neon);\n}\n\n.comp-yellow {\n\tcolor: var(--yellow);\n}\n\n.bg-comp-neon {\n\tbackground-color: var(--neon);\n}\n\n.bg-yellow {\n\tbackground-color: var(--yellow);\n}\n\n.text-color {\n\tcolor: var(--color-text);\n}\n\n.text-color-contrast {\n    color: var(--color-text-high-contrast);\n}\n\n.muted {\n\tcolor: var(--color-text-detail);\n\n\t&.link:hover {\n\t   color: var(--color-text-high-contrast);\n\t}\n}\n\n.subhead {\n    color: var(--color-text-detail);\n    font-family: var(--sans);\n}\n\n/*\nOPACITY\n----------------------------------------------------------------*/\n\n.dimmed {\n\topacity: 0.7;\n}\n\n/*\nTYPOGRAPHY\n----------------------------------------------------------------*/\n\n.leading-none {\n    line-height: 1;\n}\n\n.leading-tight {\n\tline-height: 1.2;\n}\n\n.font-mono {\n\tfont-family: var(--mono);\n}\n\n.font-sans {\n\tfont-family: var(--sans);\n}\n\n.font-serif {\n\tfont-family: var(--serif);\n}\n\n.text-balance {\n\ttext-wrap: balance;\n}\n\n/* Measure is limited to ~78 characters */\n.measure {\n\tmax-width: var(--measure);\n}\n\n/* Measure is limited to ~80 characters */\n.measure-wide {\n\tmax-width: var(--measure-wide);\n}\n\n/* Measure is limited to ~45 characters */\n.measure-narrow {\n\tmax-width: var(--measure-narrow);\n}\n\n.uppercase {\n\ttext-transform: uppercase;\n}\n\n.tracking {\n\tletter-spacing: 1px;\n}\n\n.rounded-small {\n\tborder-radius: .25em;\n}\n\n.no-underline {\n\ttext-decoration: none;\n\n\t&:hover {\n\t\ttext-decoration: underline;\n\t}\n}\n\n.Badge {\n\tfont-family: var(--sans);\n\tborder-radius: 4px;\n\tfont-weight: 550;\n\tbackground-color: var(--neon);\n\tcolor: var(--color-bg);\n\tpadding: 0.3em 0.4em;\n\twhite-space: nowrap;\n\n\t&:hover {\n\t\ttext-decoration: none;\n\t}\n\n\t&.Badge--muted {\n\t   background-color: var(--grey);\n\t}\n\n\t&.Badge--warn {\n\t   background-color: var(--yellow);\n\t}\n}\n\n@media screen and (max-width: 980px) {\n\t.sr-only-mobile {\n\t\tposition: absolute;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tpadding: 0;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t\tclip: rect(0, 0, 0, 0);\n\t\twhite-space: nowrap;\n\t\tborder-width: 0;\n\t}\n}\n\n@media screen and (min-width: 981px) {\n\t.only-mobile {\n\t\tdisplay: none;\n\t}\n}\n\n.sep {\n\tcolor: var(--color-text-detail);\n\tdisplay: inline-block;\n\tmargin: 0 0.5em;\n}\n\n.no-wrap {\n\twhite-space: nowrap;\n}\n\n.checkbox-fix {\n\tposition: relative;\n\ttop: -1px;\n}\n\n.truncate {\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tdisplay: inline-block;\n\toverflow: hidden;\n\tmax-width: 100%;\n}\n\n.icon {\n\tfill: currentColor;\n\twidth: 1em;\n\theight: auto;\n\taspect-ratio: 1 / 1;\n\tvertical-align: middle;\n\tdisplay: inline-block;\n\tfont-size: .9em;\n}\n\na:hover .icon-feed {\n\tcolor: var(--yellow);\n}\n\n.drop-cap::first-letter {\n\tfont-size: 3.2rem;\n\tfont-weight: bold;\n\tfloat: left;\n\tmargin-right: 0.1em;\n\tline-height: 1;\n}\n\n.align-middle {\n    vertical-align: middle;\n    margin-block-start: calc(1ex - 1cap);\n}\n","/*\nFOOTER\n----------------------------------------------------------------*/\n\n[role='contentinfo'] {\n\t& nav {\n\t\t& ul {\n\t\t\tline-height: 2;\n\t\t}\n\n\t\t& a {\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t& li {\n\t\t\t&[aria-current=\"page\"] {\n\t\t\t\t& a {\n\t\t\t\t\tcolor: var(--grey);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@media screen and (min-width: 58rem) {\n\t\tfont-size: var(--f5);\n\n\t\t& nav ul {\n\t\t\tdisplay: flex;\n\n\t\t\t& li {\n\t\t\t\t&:not(:last-child)::after {\n\t\t\t\t\tcontent: ' / ';\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmargin: 0 .75em;\n\t\t\t\t\tcolor: var(--color-text-detail);\n\t\t\t\t\ttransform: scaleY(1.2);\n\t\t\t\t\topacity: .7;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".Content {\n\tmax-width: var(--content-width);\n\tmargin: 0 auto;\n\tdisplay: flex;\n\tflex-direction: column-reverse;\n\n\t&.wide {\n\t\t--content-width: var(--measure-wide);\n\t}\n\n\t@media screen and (min-width: 981px) {\n\t\thtml & {\n\t\t\tmax-width: none;\n\t\t\tdisplay: grid;\n\t\t\tplace-content: center;\n\t\t\tgrid-template-columns: var(--content-width) auto;\n\t\t\tgap: var(--spacing-extra-large);\n\t\t}\n\t}\n}\n","/* =CHANGELOG\n--------------------------------------------- */\n\n.changelog {\n\t& .prose {\n\t\t&>ul {\n\t\t\tpadding-left: 0;\n\t\t\tmargin-bottom: var(--lineheight);\n\n\t\t\t& ul {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n",".oblique-strategies .Page .prose {\n    margin-top: var(--spacing-large);\n\n    ul {\n        font-family: var(--sans);\n        font-size: var(--f1);\n        font-weight: 700;\n        line-height: 1.4;\n    }\n\n    li:not(ul ul li) {\n        margin-bottom: var(--spacing-large);\n    }\n\n    ul li:not(ul ul li) {\n        list-style-type: none;\n    }\n\n    ul ul {\n        font-size: var(--f2);\n    }\n}\n",".Note {\n    header h1 a {\n        color: var(--color-text-high-contrast);\n\n        &:hover span {\n            color: var(--neon);\n        }\n    }\n}\n\n.NotesList {\n    & > li:not(:last-child) {\n        margin-bottom: calc(var(--lineheight) * 4);\n    }\n\n    & > li:has(:target)::after {\n        border-color: var(--neon);\n    }\n}\n",".MainNav {\n\tposition: relative;\n\tz-index: 2;\n\n\t& .sticky {\n\t\tposition: sticky;\n\t\ttop: 0;\n\t}\n\n\t& h1>a {\n\t\tfont-weight: 500;\n\t\tcolor: var(--color-text);\n\t\twhite-space: nowrap;\n\t\ttext-decoration: none;\n\t}\n\n\t& a {\n    \tcolor: var(--color-text);\n    \twhite-space: nowrap;\n    \ttext-decoration: none;\n\n\t\t&:is(:hover, :focus-visible):not(:is([aria-current=\"page\"] > *)) {\n\t\t\tcolor: var(--link-color-hover);\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t& ul {\n\n\t   & li:where([aria-current='page'])::after {\n\t\t\tcontent: '⇠';\n\t\t\tdisplay: inline;\n\t\t\tmargin-left: .25em;\n\t\t\twhite-space: nowrap;\n\t\t\tcolor: var(--color-text-detail);\n\t\t}\n\n\t\t& a {\n\t\t\tfont-weight: normal;\n\t\t\tposition: revert;\n\n\t\t\t&:not([aria-current='page'] > &):not(&:hover):not(&:focus-visible) {\n\t\t\t\topacity: .8;\n\t\t\t}\n\t\t}\n\n\t\t& [aria-current='page'] {\n\t\t\tposition: relative;\n\n\t\t\t& a {\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: var(--color-text-high-contrast);\n\t\t\t}\n\t\t}\n\t}\n\n\t& h1 {\n\t\t--offset-top: 18px;\n\t\tline-height: calc(var(--lineheight) * 3);\n\t\tmargin-bottom: -4px;\n\t\tpadding-top: var(--offset-top);\n\t}\n\n\t@media screen and (max-width: 980px) {\n\t\twidth: calc(100% + var(--inset) * 2);\n\t\tmargin: calc(var(--inset) * -1);\n\t\tpadding: calc(var(--lineheight) / 2) calc(var(--inset) * 1);\n\t\tmargin-bottom: calc(var(--lineheight) / 2 - 1px);\n\t\tposition: sticky;\n\t\tinset: 0;\n\t\toverflow-x: auto;\n\t\tbackground-color: var(--color-bg);\n\t\tfont-size: var(--f5);\n\n\t\t& h1 {\n\t\t\tposition: absolute;\n\t\t\tleft: -9999em;\n\t\t}\n\n\t\t& ul {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tflex-direction: row;\n\t\t\tgap: 1em;\n\t\t}\n\n\t\t& [aria-current='page'] a,\n\t\t& a:focus {\n\t\t\t&::after {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.BackLink {\n\ttext-decoration: none;\n\tcolor: var(--color-text);\n\tbackground-color: var(--grey-lightest);\n\twidth: 1.6em;\n\ttext-align: center;\n\tline-height: 1.6em;\n\taspect-ratio: 1/1;\n\tdisplay: inline-block;\n\tborder-radius: 4em;\n\topacity: .8;\n\n\ta:is(:hover, :focus)>& {\n\t\topacity: 1;\n\t}\n}\n",".PageNav {\n\ttext-align: center;\n\n\t& a {\n\t\tcolor: var(--grey);\n\t\tdisplay: inline-block;\n\t\tpadding: 0.3em 0.5em;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tcolor: var(--link-color);\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t& .separator {\n\t\tcolor: var(--color-text);\n\t\tfont-weight: 500;\n\t\tletter-spacing: -1px;\n\t\tfont-size: 1.2em;\n\t\tmargin: 0 3px;\n\t}\n}\n","/*\nPOSTS LIST\n----------------------------------------------------------------*/\n\n.PostItem {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t&:last-child {\n\t\tborder-bottom: 0;\n\t}\n\n\t& time {\n\t\tfont-size: var(--f5);\n\t\tfont-variant-numeric: tabular-nums;\n\t\tletter-spacing: var(--tracking-f0);\n\t\t\n\t\t&:not(.PostItem:hover &) {\n\t\t\tcolor: var(--color-text-detail);\n\t\t}\n\t}\n\n\t& .PostItem__Link {\n\t\tdisplay: block;\n\t\tpadding: calc(var(--lineheight) / 3) 0;\n\t\tflex: 1;\n\n\t\t&:visited {\n\t\t\tcolor: var(--link-color-visited);\n\t\t\ttext-decoration-color: var(--link-color-visited);\n\t\t}\n\t}\n\n\t@media screen and (max-width: 480px) {\n\t\talign-items: flex-start;\n\t\tflex-direction: column;\n\t\tmargin-bottom: calc(var(--lineheight) / 3);\n\n\t\t& .PostItem__Link {\n\t\t\tmax-width: 90%;\n\t\t\tfont-size: 1em;\n\t\t}\n\t}\n}\n\n.PostsList {\n\tlist-style: none;\n\n\t& .PostsList--Tight {\n\t\t.PostItem {\n\t\t\tborder: 1px solid var(--grey-light);\n\t\t\tborder-width: 0 0 1px;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t@media screen and (prefers-color-scheme: dark) {\n\t\t& .PostsList--Tight {\n\t\t\t& .PostItem {\n\t\t\t\tborder: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n","/* From https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ */\n\n.grow-wrap {\n\t/* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */\n\tdisplay: grid;\n}\n\n.grow-wrap::after {\n\t/* Note the weird space! Needed to preventy jumpy behavior */\n\tcontent: attr(data-replicated-value) ' ';\n\n\t/* This is how textarea text behaves */\n\twhite-space: pre-wrap;\n\n\t/* Hidden from view, clicks, and screen readers */\n\tvisibility: hidden;\n}\n\n.grow-wrap>textarea {\n\t/* You could leave this, but after a user resizes, then it ruins the auto sizing */\n\tresize: none;\n\n\t/* Firefox shows scrollbar on growth, you can hide like this. */\n\toverflow: hidden;\n}\n\n.grow-wrap>textarea,\n.grow-wrap::after {\n\t/* Identical styling required!! */\n\tborder-width: 1px;\n\tpadding: 0.5em;\n\tfont: inherit;\n\n\t/* Place on top of each other */\n\tgrid-area: 1 / 1 / 2 / 2;\n}\n","/*\nPROSE\n----------------------------------------------------------------*/\n\n.prose {\n\t--link-color: var(--color-text);\n\n\t&> :last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\ta:not([class]) {\n\t\ttext-decoration: underline;\n\t\ttext-decoration-skip-ink: auto;\n\t}\n\n\t& img,\n\t& iframe,\n\t& figure,\n\t& svg {\n\t\t--side-margin: calc(var(--lineheight) * 2);\n\t\tmargin: var(--side-margin) auto;\n\t\tdisplay: block;\n\n\t\t@media screen and (max-width: 480px) {\n\t\t\t--side-margin: var(--lineheight);\n\t\t}\n\t}\n\n\t@media screen and (prefers-color-scheme: dark) {\n\t\t& img {\n\t\t\topacity: 0.9;\n\t\t\tbox-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;\n\t\t}\n\t}\n\n\t& ul,\n\t& ol {\n\t\tpadding-left: 1em;\n\t\tmargin-left: 1rem;\n\n\t\t&:where(ul) {\n\t\t\tlist-style-type: disc;\n\n\t\t\t::marker {\n\t\t\t\tfont-size: 1.2em;\n\t\t\t}\n\t\t}\n\n\t\t&:where(ol) {\n\t\t\tlist-style-type: decimal;\n\t\t}\n\n\t\t& ::marker {\n\t\t\tcolor: var(--color-text-detail);\n\t\t}\n\n\t\t& li>ul,\n\t\t& li>ol {\n\t\t\tpadding-left: 1.5rem;\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t& figcaption {\n\t\tpadding: 1rem 0;\n\t\ttext-align: center;\n\t\tfont-family: var(--sans);\n\t\tfont-size: 0.9em;\n\t}\n\n\t/* Break links and code */\n\t& code:not(pre > code),\n\t& a {\n\t\tword-break: break-word;\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t}\n\n\tpre {\n\t   font-size: var(--f6);\n\t}\n\n\t& figure.image--full {\n\t\tmargin: calc(var(--lineheight) * 2) -14vw;\n\n\t\t& img {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t@media screen and (max-width: 960px) {\n\t\t\t/* Edge-to-edge pixelfucking. */\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t}\n}\n","/* Small caps */\n.small-caps {\n\tfont-family: 'Charter SC', serif;\n\tfont-variant: small-caps;\n}\n\n/* Double quotation marks (\") */\n.pull-double {\n\tmargin-left: -.46em\n}\n\n.push-double {\n\tmargin-right: .46em\n}\n\n/* Single quotation marks (') */\n.pull-single {\n\tmargin-left: -.27em\n}\n\n.push-single {\n\tmargin-right: .27em\n}\n\n.pull-double,\n.push-double,\n.pull-single,\n.push-single {\n\tdisplay: inline-block\n}\n\n/* Optical margin alignment for particular letters */\n.pull-T,\n.pull-V,\n.pull-W,\n.pull-Y {\n\tmargin-left: -0.1em;\n}\n\n.push-T,\n.push-V,\n.push-W,\n.push-Y {\n\tmargin-right: 0.1em;\n}\n\n.pull-O,\n.pull-C,\n.pull-o,\n.pull-c {\n\tmargin-left: -0.04em;\n}\n\n.push-O,\n.push-C,\n.push-o,\n.push-c {\n\tmargin-right: 0.04em;\n}\n\n.pull-A {\n\tmargin-left: -0.03em;\n}\n\n.push-A {\n\tmargin-right: 0.03em;\n}\n"],"sourceRoot":"file:///home/runner/work/johanbrook.com/johanbrook.com"}
\ No newline at end of file
+{"version":3,"sources":["/src/johan.css","/css/reset.css","/%3Cno%20source%3E","/css/variables.css","/css/base.css","/css/utils.css","/css/footer.css","/css/layout.css","/css/changelog.css","/css/oblique-strategies.css","/css/notes.css","/css/navigation.css","/css/page-nav.css","/css/posts-list.css","/css/autogrow.css","/css/prose.css","/css/typeset.css"],"names":[],"mappings":"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","file":"/johan.css.map","sourcesContent":["/* Styles for Johan Brook.com\n\nBuilt for IE6, made in Dreamweaver.\n\nJust kidding.\n--------------------------------------------- */\n\n@layer setup,\nbase,\nviews,\ncomponents,\nutils;\n\n@import 'css/reset.css' layer(setup);\n@import 'css/variables.css' layer(setup);\n\n@import 'css/base.css' layer(base);\n@import 'css/utils.css' layer(utils);\n@import 'css/footer.css' layer(base);\n\n@import 'css/layout.css' layer(base);\n\n@import 'css/changelog.css' layer(views);\n@import 'css/oblique-strategies.css' layer(views);\n\n@import 'css/notes.css' layer(components);\n@import 'css/navigation.css' layer(components);\n@import 'css/notes.css' layer(components);\n@import 'css/page-nav.css' layer(components);\n@import 'css/posts-list.css' layer(components);\n@import 'css/autogrow.css' layer(utils);\n@import 'css/prose.css' layer(components);\n\n@import 'css/typeset.css' layer(utils);\n","/* https://github.com/mayank99/reset.css/blob/main/package/index.css@0.7.0  */\n*,\n*::before,\n*::after {\n\tmargin: 0;\n\tpadding: 0;\n\tbox-sizing: border-box;\n}\n\n:where([hidden]:not([hidden='until-found'])) {\n\tdisplay: none !important;\n}\n\n:where(html) {\n\t-webkit-text-size-adjust: none;\n\tcolor-scheme: dark light;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n\t:where(html:focus-within) {\n\t\tscroll-behavior: smooth;\n\t}\n}\n\n:where(body) {\n\tline-height: 1.5;\n\tfont-family: system-ui, sans-serif;\n\t-webkit-font-smoothing: antialiased;\n}\n\n:where(input, button, textarea, select) {\n\tfont: inherit;\n\tcolor: inherit;\n}\n\n:where(textarea) {\n\tresize: vertical;\n\tresize: block;\n}\n\n:where(button, label, select, summary, [role='button'], [role='option']) {\n\tcursor: pointer;\n}\n\n:where(:disabled) {\n\tcursor: not-allowed;\n}\n\n:where(label:has(> input:disabled), label:has(+ input:disabled)) {\n\tcursor: not-allowed;\n}\n\n:where(button) {\n\tborder-style: solid;\n}\n\n:where(a) {\n\tcolor: inherit;\n\ttext-underline-offset: 0.2ex;\n}\n\n:where(ul, ol) {\n\tlist-style: none;\n}\n\n:where(img, svg, video, canvas, audio, iframe, embed, object) {\n\tdisplay: block;\n}\n\n:where(img, picture, svg, video) {\n\tmax-inline-size: 100%;\n\tblock-size: auto;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n\toverflow-wrap: break-word;\n}\n\n:where(h1, h2, h3) {\n\tline-height: calc(1em + 0.5rem);\n\ttext-wrap: balance;\n}\n\n:where(hr) {\n\tborder: none;\n\tborder-block-start: 1px solid;\n\tcolor: inherit;\n\tblock-size: 0;\n\toverflow: visible;\n}\n\n:where(:focus-visible) {\n\toutline: 3px solid Highlight;\n\toutline-offset: 2px;\n\tscroll-margin-block: 10vh;\n}\n\n:where(.visually-hidden:not(:focus-within, :active)) {\n\tclip-path: inset(50%) !important;\n\theight: 1px !important;\n\twidth: 1px !important;\n\toverflow: hidden !important;\n\tposition: absolute !important;\n\twhite-space: nowrap !important;\n\tborder: 0 !important;\n}\n",null,":root {\n\t/* Colors */\n\n\t--neon: hsl(145 56% 57%);\n\t--yellow: hsl(50 93% 56%);\n\t--grey: hsl(214.51 7.24% 47.56%);\n\t--grey-light: hsl(173 7% 36% / 0.5);\n\t--grey-lightest: hsl(173 7% 93%);\n\n\t--color-bg: #fff;\n\t--color-bg-secondary: hsl(240 59.76% 96.52%);\n\t--color-text: hsl(0 0% 13%);\n\t--color-text-high-contrast: black;\n\t--color-text-detail: var(--grey);\n\n\t--link-color: hsl(201.43, 100%, 37.25%);\n\t--link-color-hover: hsl(201.43, 100%, 25.25%);\n\t--link-color-visited: hsl(266 100% 44%);\n\t--link-underline-color: hsl(201.43 43.1% 56.06% / 0.47);\n\t--border-color: var(--grey-lightest);\n\n\t--btn-color: var(--color-text);\n\t--btn-bg: var(--color-bg-secondary);\n\t--btn-bg-hover: hsl(240 59.76% 95.52%);\n\n\t--focus-color: var(--link-color);\n\n\t--pre-background: var(--color-bg-secondary);\n\t--code-background: rgb(0 0 0 / 2%);\n\t--code-color: rgb(120 94 0);\n\n\t@supports (color: color(display-p3 1 1 1 / 1)) {\n\t\t--link-color: color(display-p3 0 0.425 0.73);\n\t\t--link-color-hover: color(display-p3 0.01 0.295 0.495);\n\t\t--link-color-visited: color(display-p3 0.431 0.053 0.965);\n\t}\n\n\t@media screen and (prefers-color-scheme: dark) {\n\t\t--yellow: #c3a507;\n\t\t--grey: hsl(214.51, 6.64%, 61.44%);\n\t\t--grey-lightest: hsl(173 7% 17%);\n\n\t\t--color-bg: #1a1a1a;\n\t\t--color-bg-secondary: hsl(240 3.36% 14.51%);\n\t\t--color-text: hsl(0, 0%, 78%);\n\t\t--color-text-high-contrast: white;\n\t\t--link-color: hsl(201.43 94.7% 62.23%);\n\t\t--link-color-hover: hsl(201.43, 93.43%, 69.58%);\n\t\t--link-underline-color: hsl(201.43 57.86% 50.17% / 0.47);\n\t\t--link-color-visited: #7a8be5;\n\t\t--code-color: rgb(236 216 142);\n\t\t--code-background: rgb(255 255 255 / 2%);\n\n\t\t--btn-bg-hover: hsl(240 3.36% 15.51%);\n\n\t\t@supports (color: color(display-p3 1 1 1 / 1)) {\n\t\t\t--link-color: color(display-p3 0.38 0.742 1);\n\t\t\t--link-color-hover: color(display-p3 0.577 0.82 0.995);\n\t\t}\n\t}\n\n\t/* Typography */\n\n\t--sans: system-ui, sans-serif;\n\t--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n\t--serif: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;\n\n\t--font-size-base: 18;\n\t--leading: 1.618;\n\t/* Rhythm unit */\n\t--lineheight: calc(var(--leading) * 1rem);\n\n\t--tracking: -0.014em;\n\t--tracking-f0: -0.022em;\n\t--tracking-f1: -0.021em;\n\t--tracking-f2: -0.02em;\n\t--tracking-f3: -0.018em;\n\t--tracking-f4: -0.014em;\n\t--tracking-f5: -0.009em;\n\t--tracking-f6: -0.0025em;\n\n\t--f0: calc((72 / var(--font-size-base)) * 1rem);\n\t--f1: calc((36 / var(--font-size-base)) * 1rem);\n\t--f2: calc((30 / var(--font-size-base)) * 1rem);\n\t--f3: calc((26 / var(--font-size-base)) * 1rem);\n\t--f4: 1rem;\n\t--f5: calc((17 / var(--font-size-base)) * 1rem);\n\t--f6: calc((14 / var(--font-size-base)) * 1rem);\n\t--f7: calc((11 / var(--font-size-base)) * 1rem);\n\n\t/* Measures */\n\n\t--inset: calc(var(--lineheight) / 2);\n\n\t--measure: 60ch;\n\t--measure-narrow: 45ch;\n\t--measure-wide: 100ch;\n\n\t--content-width: var(--measure);\n\n\t--spacing-base: var(--lineheight);\n\n\t--spacing-none: 0;\n\t--spacing-extra-small: calc(var(--spacing-base) / 5);\n\t--spacing-small: calc(var(--spacing-base) / 2);\n\t--spacing-medium: var(--spacing-base);\n\t--spacing-large: calc(var(--spacing-base) * 2);\n\t--spacing-extra-large: calc(var(--spacing-base) * 3);\n\t--spacing-extra-extra-large: calc(var(--spacing-base) * 4);\n\t--spacing-extra-extra-extra-large: calc(var(--spacing-base) * 6);\n\n\t@media screen and (max-width: 980px) {\n\t\t--inset: var(--lineheight);\n\t\t--font-size-base: 16;\n\t}\n}\n","/* =ELEMENTS\n--------------------------------------------- */\n\nhtml {\n\t/* https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/ */\n\t-moz-text-size-adjust: none;\n\t-webkit-text-size-adjust: none;\n\ttext-size-adjust: none;\n}\n\n:where(body, html) {\n\tfont: normal calc(var(--font-size-base) * 1px) / var(--leading) var(--sans);\n\tbackground-color: var(--color-bg);\n\tcolor: var(--color-text);\n}\n\nbody {\n\tpadding: var(--inset);\n\tline-height: var(--leading);\n\tfont-feature-settings:\n\t\t/* Contextual alternates */\n\t\t'calt' 1,\n\t\t'kern' 1,\n\t\t'liga' 1;\n\tfont-variant-ligatures: contextual common-ligatures;\n\n\t@media screen and (prefers-color-scheme: dark) {\n\t\tword-spacing: 0.05em;\n\t}\n\n\t@media screen and (min-width: 980px) {\n\t\tpadding-top: calc(var(--inset) * 2);\n\t}\n}\n\nmain {\n\tmax-width: var(--content-width);\n\tmargin-bottom: calc(var(--lineheight) * 3);\n}\n\n:target {\n\tscroll-margin-block: 5ex;\n}\n\n:focus-visible {\n    outline: 2px solid var(--link-color);\n    box-shadow: 0 0 0 4px white;\n    border-radius: .25em;\n}\n\n/* =HEADINGS\n--------------------------------------------- */\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tmargin-block-end: 0;\n\tmargin-bottom: calc(var(--lineheight) / 2);\n\tcolor: var(--color-text-high-contrast);\n\tfont-family: var(--serif);\n}\n\n.f0,\n.title {\n\tfont-size: clamp(var(--f1), 12vw, var(--f0));\n\tletter-spacing: var(--tracking-f0);\n\tline-height: calc(var(--leading) * 0.75);\n}\n\nh1,\n.f1 {\n\tfont-size: var(--f1);\n\tletter-spacing: var(--tracking-f1);\n}\n\nh2,\n.f2 {\n\tfont-size: var(--f2);\n\tletter-spacing: var(--tracking-f2);\n}\n\nh3,\n.f3 {\n\tfont-size: var(--f3);\n\tletter-spacing: var(--tracking-f3);\n}\n\nh4,\n.f4 {\n\tfont-size: var(--f4);\n\tletter-spacing: var(--tracking-f4);\n}\n\nh5,\n.f5 {\n\tfont-size: var(--f5);\n\tletter-spacing: var(--tracking-f5);\n}\n\nh6,\n.f6 {\n\tfont-size: var(--f6);\n\tletter-spacing: var(--tracking-f6);\n}\n\n.f7 {\n\tfont-size: var(--f7);\n}\n\nul,\nol {\n\tpadding-left: 0;\n}\n\nnav ul {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\na,\n.link {\n\tcolor: var(--link-color);\n\tposition: relative;\n\ttext-decoration: none;\n\ttext-underline-offset: 3px;\n\n\t&:not(.prose &) {\n\t\tfont-family: var(--sans);\n\t}\n\n\t&.block {\n\t\ttext-decoration: none;\n\t\tfont-weight: unset;\n\t}\n\n\t&:hover,\n\t&:hover .link {\n\t\tcolor: var(--link-color-hover);\n\t\ttext-decoration-color: currentColor;\n\t}\n\n\t&:not(.block):hover, &:hover .link {\n\t\ttext-decoration: underline;\n\t}\n\n\t&:active {\n\t\ttop: 1px;\n\t}\n\n\t&.muted {\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tcolor: var(--link-color-hover);\n\t\t}\n\t}\n\n\t&:is([aria-current=\"page\"] > *):is(:focus-visible, :hover) {\n\t   cursor: default;\n\t   text-decoration: none;\n\t}\n}\n\na.no-link {\n    color: inherit;\n}\n\np,\nul,\nol,\nblockquote,\ntable,\nfigure,\npre {\n\tmargin: 0 0 var(--lineheight);\n}\n\nimg {\n\tmax-width: 100%;\n\theight: auto;\n}\n\npre,\ncode {\n\tfont-family: var(--mono);\n}\n\n:not(pre)>code {\n\tcolor: var(--code-color);\n\tbackground-color: var(--code-background);\n\tpadding: .125rem .25rem;\n\tborder-radius: .125em;\n\tfont-weight: 500;\n\tfont-size: .85em;\n}\n\nfigcaption {\n\tcolor: var(--grey);\n}\n\ntable {\n\t--spacing: 0.25em;\n\n\ttext-align: left;\n\twidth: 100%;\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n\n\ttr:target {\n\t   background-color: var(--color-bg-secondary);\n    }\n\n\t&.textual {\n\t\t--spacing: .6em;\n\n\t\t& th {\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: bold;\n\t\t\tfont-size: var(--f6);\n\t\t\tletter-spacing: 0.05em;\n\t\t\tfont-family: var(--sans);\n\t\t}\n\n\t\t& td {\n\t\t\tvertical-align: top;\n\t\t\tborder-bottom: 1px solid var(--grey-lightest);\n\t\t}\n\n\t\t& tr>td:first-of-type {\n\t\t\tfont-weight: bold;\n\t\t\twidth: 25%;\n\t\t}\n\n\t\t& tr>td:nth-of-type(2) {\n\t\t\twidth: 15%;\n\t\t}\n\t}\n}\n\nth {\n\tborder-bottom: 3px double var(--grey);\n\tpadding: var(--spacing);\n\tfont-weight: bold;\n\tfont-size: var(--f5);\n\tposition: sticky;\n\ttop: 0;\n\tbackground-color: var(--color-bg);\n}\n\ntd {\n\tpadding: var(--spacing);\n}\n\nth,\ntd {\n\t&:first-child {\n\t\tpadding-left: 0;\n\t}\n}\n\npre {\n\ttext-align: left;\n\tline-height: var(--leading);\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\thyphens: none;\n\ttab-size: 2;\n\tcolor: var(--code-color);\n\tbackground-color: var(--code-background);\n\tpadding: .125rem .25rem;\n\tborder-radius: .25em;\n\t-webkit-font-smoothing: subpixel-antialiased;\n\t-moz-osx-font-smoothing: none;\n\tfont-size: var(--f5);\n\toverflow: auto;\n\tposition: relative;\n\n\t& .line-highlight {\n\t\t--cycle: 27px;\n\t\t--color: 112 20% 50%;\n\t\ttext-decoration: none;\n\t\tposition: absolute;\n\t\theight: calc(var(--rows) * var(--cycle));\n\t\ttop: calc(var(--top-inset) + (var(--start) - 1) * var(--cycle));\n\t\tbackground-color: hsl(var(--color) / 4%);\n\t\tcolor: hsl(var(--color) / 80%);\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\tdisplay: block;\n\t\tpointer-events: none;\n\t\tpadding: 0 6px;\n\t\tfont-size: var(--f7);\n\t}\n}\n\nli>pre {\n\tmargin-top: calc(var(--lineheight) / 2);\n\tmargin-bottom: calc(var(--lineheight) / 2);\n}\n\n/* Syntax highlighting */\ncode[class*='language-'] {\n\tdisplay: block;\n}\n\nblockquote {\n\tborder-left: 2px solid var(--grey-light);\n\tmargin: calc(var(--lineheight) * 2) 2rem calc(var(--lineheight) * 2) 0;\n\tpadding-left: 1rem;\n\tpadding-right: 1rem;\n\tcolor: var(--color-text-high-contrast);\n\n\t&>p {\n\t\tmargin-bottom: calc(var(--lineheight) / 2);\n\t}\n\n\t& footer {\n\t\tcolor: var(--grey);\n\t\tmargin-top: var(--lineheight);\n\t}\n}\n\nhr {\n\tborder: 0;\n\tbackground-color: var(--border-color);\n\theight: 1px;\n\tmargin: var(--lineheight) 0;\n}\n\ntextarea {\n\tpadding: 0.5em;\n\tborder: 1px solid var(--grey);\n\tborder-radius: 0.4em;\n\tresize: vertical;\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: var(--link-color);\n\t}\n}\n",".skip-link {\n\tposition: fixed;\n\ttop: var(--inset);\n\tleft: var(--inset);\n}\n\n.relative {\n    position: relative;\n}\n\n.avatar {\n    border-radius: 100%;\n    aspect-ratio: 1 / 1;\n}\n\n/*\nBUTTONS\n----------------------------------------------------------------*/\n\n.btn {\n\tappearance: none;\n\tborder: 0;\n\tfont-family: var(--sans);\n\tbackground-color: var(--btn-bg);\n\tcolor: var(--btn-color);\n\ttext-decoration: none;\n\ttext-align: center;\n\tborder-radius: 6px;\n\tpadding: 0.2em .60em;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tdisplay: inline-block;\n\toverflow: hidden;\n\tmax-width: 100%;\n\n\t&:not([disabled]) {\n\t\tcursor: pointer;\n\t}\n\n\t&:where(:hover, [open] *) {\n\t\ttext-decoration: none;\n\t\tcolor: var(--link-color-hover);\n\t\tbackground-color: var(--btn-bg-hover);\n\t}\n\n\t&[disabled] {\n\t\tcolor: var(--color-text-detail);\n\t}\n}\n\n/*\nOPEN TYPE\n----------------------------------------------------------------*/\n\n.plain-font-features {\n\tfont-feature-settings:\n\t\t/* Contextual alternates */\n\t\t'calt' 1, 'kern' 1,\n\t\t'liga' 1,\n\t\t/* Open digis */\n\t\t'ss01' 1,\n\t\t/* Curved 'r' */\n\t\t'ss03' 1,\n\t\t/* Disambiguation */\n\t\t'ss04' 0, 'frac' 1;\n}\n\n/*\nFONT STYLES\n----------------------------------------------------------------*/\n\n.i {\n\tfont-style: italic;\n}\n\n/*\nFONT WEIGHTS\n----------------------------------------------------------------*/\n\n.normal {\n\tfont-weight: normal;\n}\n\n.b {\n\tfont-weight: bold;\n}\n\n.fw1 {\n\tfont-weight: 100;\n}\n\n.fw2 {\n\tfont-weight: 200;\n}\n\n.fw3 {\n\tfont-weight: 300;\n}\n\n.fw4 {\n\tfont-weight: 400;\n}\n\n.fw5 {\n\tfont-weight: 500;\n}\n\n.fw6 {\n\tfont-weight: 600;\n}\n\n.fw7 {\n\tfont-weight: 700;\n}\n\n.fw8 {\n\tfont-weight: 800;\n}\n\n.fw9 {\n\tfont-weight: 900;\n}\n\n/*\nTEXT ALIGNMENT\n----------------------------------------------------------------*/\n\n.tl {\n\ttext-align: left;\n}\n\n.tr {\n\ttext-align: right;\n}\n\n.tc {\n\ttext-align: center;\n}\n\n.tj {\n\ttext-align: justify;\n}\n\n.w-full {\n\twidth: 100%;\n}\n\n.block {\n\tdisplay: block;\n}\n\n.inline {\n    display: inline;\n}\n\n/*\nFLEXBOX\n----------------------------------------------------------------*/\n\n.flex {\n\tdisplay: flex;\n}\n\n.inline-flex {\n\tdisplay: inline-flex;\n}\n\n.gap-1 {\n\tgap: 0.5em;\n}\n\n.gap {\n\tgap: 1.5em;\n}\n\n/* 1. Fix for Chrome 44 bug.\n * https://code.google.com/p/chromium/issues/detail?id=506893 */\n.flex-auto {\n\tflex: 1 1 auto;\n\tmin-width: 0;\n\t/* 1 */\n\tmin-height: 0;\n\t/* 1 */\n}\n\n.flex-1 {\n\tflex: 1;\n}\n\n.flex-none {\n\tflex: none;\n}\n\n.flex-column {\n\tflex-direction: column;\n}\n\n.flex-row {\n\tflex-direction: row;\n}\n\n.flex-wrap {\n\tflex-wrap: wrap;\n}\n\n.flex-nowrap {\n\tflex-wrap: nowrap;\n}\n\n.flex-wrap-reverse {\n\tflex-wrap: wrap-reverse;\n}\n\n.flex-column-reverse {\n\tflex-direction: column-reverse;\n}\n\n.flex-row-reverse {\n\tflex-direction: row-reverse;\n}\n\n.items-start {\n\talign-items: flex-start;\n}\n\n.items-end {\n\talign-items: flex-end;\n}\n\n.items-center {\n\talign-items: center;\n}\n\n.items-baseline {\n\talign-items: baseline;\n}\n\n.items-stretch {\n\talign-items: stretch;\n}\n\n.self-start {\n\talign-self: flex-start;\n}\n\n.self-end {\n\talign-self: flex-end;\n}\n\n.self-center {\n\talign-self: center;\n}\n\n.self-baseline {\n\talign-self: baseline;\n}\n\n.self-stretch {\n\talign-self: stretch;\n}\n\n.justify-start {\n\tjustify-content: flex-start;\n}\n\n.justify-end {\n\tjustify-content: flex-end;\n}\n\n.justify-center {\n\tjustify-content: center;\n}\n\n.justify-between {\n\tjustify-content: space-between;\n}\n\n.justify-around {\n\tjustify-content: space-around;\n}\n\n.justify-evenly {\n\tjustify-content: space-evenly;\n}\n\n.content-start {\n\talign-content: flex-start;\n}\n\n.content-end {\n\talign-content: flex-end;\n}\n\n.content-center {\n\talign-content: center;\n}\n\n.content-between {\n\talign-content: space-between;\n}\n\n.content-around {\n\talign-content: space-around;\n}\n\n.content-stretch {\n\talign-content: stretch;\n}\n\n/*\nSPACING\n----------------------------------------------------------------*/\n\n.pa0 {\n\tpadding: var(--spacing-none);\n}\n\n.pa1 {\n\tpadding: var(--spacing-extra-small);\n}\n\n.pa2 {\n\tpadding: var(--spacing-small);\n}\n\n.pa3 {\n\tpadding: var(--spacing-medium);\n}\n\n.pa4 {\n\tpadding: var(--spacing-large);\n}\n\n.pa5 {\n\tpadding: var(--spacing-extra-large);\n}\n\n.pa6 {\n\tpadding: var(--spacing-extra-extra-large);\n}\n\n.pa7 {\n\tpadding: var(--spacing-extra-extra-extra-large);\n}\n\n.pl0 {\n\tpadding-left: var(--spacing-none);\n}\n\n.pl1 {\n\tpadding-left: var(--spacing-extra-small);\n}\n\n.pl2 {\n\tpadding-left: var(--spacing-small);\n}\n\n.pl3 {\n\tpadding-left: var(--spacing-medium);\n}\n\n.pl4 {\n\tpadding-left: var(--spacing-large);\n}\n\n.pl5 {\n\tpadding-left: var(--spacing-extra-large);\n}\n\n.pl6 {\n\tpadding-left: var(--spacing-extra-extra-large);\n}\n\n.pl7 {\n\tpadding-left: var(--spacing-extra-extra-extra-large);\n}\n\n.pr0 {\n\tpadding-right: var(--spacing-none);\n}\n\n.pr1 {\n\tpadding-right: var(--spacing-extra-small);\n}\n\n.pr2 {\n\tpadding-right: var(--spacing-small);\n}\n\n.pr3 {\n\tpadding-right: var(--spacing-medium);\n}\n\n.pr4 {\n\tpadding-right: var(--spacing-large);\n}\n\n.pr5 {\n\tpadding-right: var(--spacing-extra-large);\n}\n\n.pr6 {\n\tpadding-right: var(--spacing-extra-extra-large);\n}\n\n.pr7 {\n\tpadding-right: var(--spacing-extra-extra-extra-large);\n}\n\n.pb0 {\n\tpadding-bottom: var(--spacing-none);\n}\n\n.pb1 {\n\tpadding-bottom: var(--spacing-extra-small);\n}\n\n.pb2 {\n\tpadding-bottom: var(--spacing-small);\n}\n\n.pb3 {\n\tpadding-bottom: var(--spacing-medium);\n}\n\n.pb4 {\n\tpadding-bottom: var(--spacing-large);\n}\n\n.pb5 {\n\tpadding-bottom: var(--spacing-extra-large);\n}\n\n.pb6 {\n\tpadding-bottom: var(--spacing-extra-extra-large);\n}\n\n.pb7 {\n\tpadding-bottom: var(--spacing-extra-extra-extra-large);\n}\n\n.pt0 {\n\tpadding-top: var(--spacing-none);\n}\n\n.pt1 {\n\tpadding-top: var(--spacing-extra-small);\n}\n\n.pt2 {\n\tpadding-top: var(--spacing-small);\n}\n\n.pt3 {\n\tpadding-top: var(--spacing-medium);\n}\n\n.pt4 {\n\tpadding-top: var(--spacing-large);\n}\n\n.pt5 {\n\tpadding-top: var(--spacing-extra-large);\n}\n\n.pt6 {\n\tpadding-top: var(--spacing-extra-extra-large);\n}\n\n.pt7 {\n\tpadding-top: var(--spacing-extra-extra-extra-large);\n}\n\n.pv0 {\n\tpadding-top: var(--spacing-none);\n\tpadding-bottom: var(--spacing-none);\n}\n\n.pv1 {\n\tpadding-top: var(--spacing-extra-small);\n\tpadding-bottom: var(--spacing-extra-small);\n}\n\n.pv2 {\n\tpadding-top: var(--spacing-small);\n\tpadding-bottom: var(--spacing-small);\n}\n\n.pv3 {\n\tpadding-top: var(--spacing-medium);\n\tpadding-bottom: var(--spacing-medium);\n}\n\n.pv4 {\n\tpadding-top: var(--spacing-large);\n\tpadding-bottom: var(--spacing-large);\n}\n\n.pv5 {\n\tpadding-top: var(--spacing-extra-large);\n\tpadding-bottom: var(--spacing-extra-large);\n}\n\n.pv6 {\n\tpadding-top: var(--spacing-extra-extra-large);\n\tpadding-bottom: var(--spacing-extra-extra-large);\n}\n\n.pv7 {\n\tpadding-top: var(--spacing-extra-extra-extra-large);\n\tpadding-bottom: var(--spacing-extra-extra-extra-large);\n}\n\n.ph0 {\n\tpadding-left: var(--spacing-none);\n\tpadding-right: var(--spacing-none);\n}\n\n.ph1 {\n\tpadding-left: var(--spacing-extra-small);\n\tpadding-right: var(--spacing-extra-small);\n}\n\n.ph2 {\n\tpadding-left: var(--spacing-small);\n\tpadding-right: var(--spacing-small);\n}\n\n.ph3 {\n\tpadding-left: var(--spacing-medium);\n\tpadding-right: var(--spacing-medium);\n}\n\n.ph4 {\n\tpadding-left: var(--spacing-large);\n\tpadding-right: var(--spacing-large);\n}\n\n.ph5 {\n\tpadding-left: var(--spacing-extra-large);\n\tpadding-right: var(--spacing-extra-large);\n}\n\n.ph6 {\n\tpadding-left: var(--spacing-extra-extra-large);\n\tpadding-right: var(--spacing-extra-extra-large);\n}\n\n.ph7 {\n\tpadding-left: var(--spacing-extra-extra-extra-large);\n\tpadding-right: var(--spacing-extra-extra-extra-large);\n}\n\n.ma0 {\n\tmargin: var(--spacing-none);\n}\n\n.ma1 {\n\tmargin: var(--spacing-extra-small);\n}\n\n.ma2 {\n\tmargin: var(--spacing-small);\n}\n\n.ma3 {\n\tmargin: var(--spacing-medium);\n}\n\n.ma4 {\n\tmargin: var(--spacing-large);\n}\n\n.ma5 {\n\tmargin: var(--spacing-extra-large);\n}\n\n.ma6 {\n\tmargin: var(--spacing-extra-extra-large);\n}\n\n.ma7 {\n\tmargin: var(--spacing-extra-extra-extra-large);\n}\n\n.ml0 {\n\tmargin-left: var(--spacing-none);\n}\n\n.ml1 {\n\tmargin-left: var(--spacing-extra-small);\n}\n\n.ml2 {\n\tmargin-left: var(--spacing-small);\n}\n\n.ml3 {\n\tmargin-left: var(--spacing-medium);\n}\n\n.ml4 {\n\tmargin-left: var(--spacing-large);\n}\n\n.ml5 {\n\tmargin-left: var(--spacing-extra-large);\n}\n\n.ml6 {\n\tmargin-left: var(--spacing-extra-extra-large);\n}\n\n.ml7 {\n\tmargin-left: var(--spacing-extra-extra-extra-large);\n}\n\n.mx-auto {\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.mx1 {\n\tmargin-right: var(--spacing-extra-small);\n\tmargin-left: var(--spacing-extra-small);\n}\n\n.mr0 {\n\tmargin-right: var(--spacing-none);\n}\n\n.mr1 {\n\tmargin-right: var(--spacing-extra-small);\n}\n\n.mr2 {\n\tmargin-right: var(--spacing-small);\n}\n\n.mr3 {\n\tmargin-right: var(--spacing-medium);\n}\n\n.mr4 {\n\tmargin-right: var(--spacing-large);\n}\n\n.mr5 {\n\tmargin-right: var(--spacing-extra-large);\n}\n\n.mr6 {\n\tmargin-right: var(--spacing-extra-extra-large);\n}\n\n.mr7 {\n\tmargin-right: var(--spacing-extra-extra-extra-large);\n}\n\n.mb0 {\n\tmargin-bottom: var(--spacing-none);\n}\n\n.mb1 {\n\tmargin-bottom: var(--spacing-extra-small);\n}\n\n.mb2 {\n\tmargin-bottom: var(--spacing-small);\n}\n\n.mb3 {\n\tmargin-bottom: var(--spacing-medium);\n}\n\n.mb4 {\n\tmargin-bottom: var(--spacing-large);\n}\n\n.mb5 {\n\tmargin-bottom: var(--spacing-extra-large);\n}\n\n.mb6 {\n\tmargin-bottom: var(--spacing-extra-extra-large);\n}\n\n.mb7 {\n\tmargin-bottom: var(--spacing-extra-extra-extra-large);\n}\n\n.mt0 {\n\tmargin-top: var(--spacing-none);\n}\n\n.mt1 {\n\tmargin-top: var(--spacing-extra-small);\n}\n\n.mt2 {\n\tmargin-top: var(--spacing-small);\n}\n\n.mt3 {\n\tmargin-top: var(--spacing-medium);\n}\n\n.mt4 {\n\tmargin-top: var(--spacing-large);\n}\n\n.mt5 {\n\tmargin-top: var(--spacing-extra-large);\n}\n\n.mt6 {\n\tmargin-top: var(--spacing-extra-extra-large);\n}\n\n.mt7 {\n\tmargin-top: var(--spacing-extra-extra-extra-large);\n}\n\n.mv0 {\n\tmargin-top: var(--spacing-none);\n\tmargin-bottom: var(--spacing-none);\n}\n\n.mv1 {\n\tmargin-top: var(--spacing-extra-small);\n\tmargin-bottom: var(--spacing-extra-small);\n}\n\n.mv2 {\n\tmargin-top: var(--spacing-small);\n\tmargin-bottom: var(--spacing-small);\n}\n\n.mv3 {\n\tmargin-top: var(--spacing-medium);\n\tmargin-bottom: var(--spacing-medium);\n}\n\n.mv4 {\n\tmargin-top: var(--spacing-large);\n\tmargin-bottom: var(--spacing-large);\n}\n\n.mv5 {\n\tmargin-top: var(--spacing-extra-large);\n\tmargin-bottom: var(--spacing-extra-large);\n}\n\n.mv6 {\n\tmargin-top: var(--spacing-extra-extra-large);\n\tmargin-bottom: var(--spacing-extra-extra-large);\n}\n\n.mv7 {\n\tmargin-top: var(--spacing-extra-extra-extra-large);\n\tmargin-bottom: var(--spacing-extra-extra-extra-large);\n}\n\n.mh0 {\n\tmargin-left: var(--spacing-none);\n\tmargin-right: var(--spacing-none);\n}\n\n.mh1 {\n\tmargin-left: var(--spacing-extra-small);\n\tmargin-right: var(--spacing-extra-small);\n}\n\n.mh2 {\n\tmargin-left: var(--spacing-small);\n\tmargin-right: var(--spacing-small);\n}\n\n.mh3 {\n\tmargin-left: var(--spacing-medium);\n\tmargin-right: var(--spacing-medium);\n}\n\n.mh4 {\n\tmargin-left: var(--spacing-large);\n\tmargin-right: var(--spacing-large);\n}\n\n.mh5 {\n\tmargin-left: var(--spacing-extra-large);\n\tmargin-right: var(--spacing-extra-large);\n}\n\n.mh6 {\n\tmargin-left: var(--spacing-extra-extra-large);\n\tmargin-right: var(--spacing-extra-extra-large);\n}\n\n.mh7 {\n\tmargin-left: var(--spacing-extra-extra-extra-large);\n\tmargin-right: var(--spacing-extra-extra-extra-large);\n}\n\n/*\nDISPLAY\n----------------------------------------------------------------*/\n\n.d-i {\n\tdisplay: inline;\n}\n\n.d-ib {\n\tdisplay: inline-block;\n}\n\n.d-b {\n\tdisplay: block;\n}\n\n/*\nBORDERS\n----------------------------------------------------------------*/\n\n.border {\n\tborder: 1px solid var(--border-color);\n}\n\n.border-b {\n\tborder-width: 0 0 1px;\n}\n\n.border-t {\n    border-width: 1px 0 0;\n}\n\n/*\nCOLOURS\n----------------------------------------------------------------*/\n\n.text-bg {\n\tcolor: var(--color-bg);\n}\n\n.comp-neon {\n\tcolor: var(--neon);\n}\n\n.comp-yellow {\n\tcolor: var(--yellow);\n}\n\n.bg-comp-neon {\n\tbackground-color: var(--neon);\n}\n\n.bg-yellow {\n\tbackground-color: var(--yellow);\n}\n\n.text-color {\n\tcolor: var(--color-text);\n}\n\n.text-color-contrast {\n    color: var(--color-text-high-contrast);\n}\n\n.muted {\n\tcolor: var(--color-text-detail);\n\n\t&.link:hover {\n\t   color: var(--color-text-high-contrast);\n\t}\n}\n\n.subhead {\n    color: var(--color-text-detail);\n    font-family: var(--sans);\n}\n\n/*\nOPACITY\n----------------------------------------------------------------*/\n\n.dimmed {\n\topacity: 0.7;\n}\n\n/*\nTYPOGRAPHY\n----------------------------------------------------------------*/\n\n.leading-none {\n    line-height: 1;\n}\n\n.leading-tight {\n\tline-height: 1.2;\n}\n\n.font-mono {\n\tfont-family: var(--mono);\n}\n\n.font-sans {\n\tfont-family: var(--sans);\n}\n\n.font-serif {\n\tfont-family: var(--serif);\n}\n\n.text-balance {\n\ttext-wrap: balance;\n}\n\n/* Measure is limited to ~78 characters */\n.measure {\n\tmax-width: var(--measure);\n}\n\n/* Measure is limited to ~80 characters */\n.measure-wide {\n\tmax-width: var(--measure-wide);\n}\n\n/* Measure is limited to ~45 characters */\n.measure-narrow {\n\tmax-width: var(--measure-narrow);\n}\n\n.uppercase {\n\ttext-transform: uppercase;\n}\n\n.tracking {\n\tletter-spacing: 1px;\n}\n\n.rounded-small {\n\tborder-radius: .25em;\n}\n\n.no-underline {\n\ttext-decoration: none;\n\n\t&:hover {\n\t\ttext-decoration: underline;\n\t}\n}\n\n.Badge {\n\tfont-family: var(--sans);\n\tborder-radius: 4px;\n\tfont-weight: 550;\n\tbackground-color: var(--neon);\n\tcolor: var(--color-bg);\n\tpadding: 0.3em 0.4em;\n\twhite-space: nowrap;\n\n\t&:hover {\n\t\ttext-decoration: none;\n\t}\n\n\t&.Badge--muted {\n\t   background-color: var(--grey);\n\t}\n\n\t&.Badge--warn {\n\t   background-color: var(--yellow);\n\t}\n}\n\n@media screen and (max-width: 980px) {\n\t.sr-only-mobile {\n\t\tposition: absolute;\n\t\twidth: 1px;\n\t\theight: 1px;\n\t\tpadding: 0;\n\t\tmargin: -1px;\n\t\toverflow: hidden;\n\t\tclip: rect(0, 0, 0, 0);\n\t\twhite-space: nowrap;\n\t\tborder-width: 0;\n\t}\n}\n\n@media screen and (min-width: 981px) {\n\t.only-mobile {\n\t\tdisplay: none;\n\t}\n}\n\n.sep {\n\tcolor: var(--color-text-detail);\n\tdisplay: inline-block;\n\tmargin: 0 0.5em;\n}\n\n.no-wrap {\n\twhite-space: nowrap;\n}\n\n.checkbox-fix {\n\tposition: relative;\n\ttop: -1px;\n}\n\n.truncate {\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tdisplay: inline-block;\n\toverflow: hidden;\n\tmax-width: 100%;\n}\n\n.icon {\n\tfill: currentColor;\n\twidth: 1em;\n\theight: auto;\n\taspect-ratio: 1 / 1;\n\tvertical-align: middle;\n\tdisplay: inline-block;\n\tfont-size: .9em;\n}\n\na:hover .icon-feed {\n\tcolor: var(--yellow);\n}\n\n.drop-cap::first-letter {\n\tfont-size: 3.2rem;\n\tfont-weight: bold;\n\tfloat: left;\n\tmargin-right: 0.1em;\n\tline-height: 1;\n}\n\n.align-middle {\n    vertical-align: middle;\n    margin-block-start: calc(1ex - 1cap);\n}\n","/*\nFOOTER\n----------------------------------------------------------------*/\n\n[role='contentinfo'] {\n\t& nav {\n\t\t& ul {\n\t\t\tline-height: 2;\n\t\t}\n\n\t\t& a {\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t& li {\n\t\t\t&[aria-current=\"page\"] {\n\t\t\t\t& a {\n\t\t\t\t\tcolor: var(--grey);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@media screen and (min-width: 58rem) {\n\t\tfont-size: var(--f5);\n\n\t\t& nav ul {\n\t\t\tdisplay: flex;\n\n\t\t\t& li {\n\t\t\t\t&:not(:last-child)::after {\n\t\t\t\t\tcontent: ' / ';\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmargin: 0 .75em;\n\t\t\t\t\tcolor: var(--color-text-detail);\n\t\t\t\t\ttransform: scaleY(1.2);\n\t\t\t\t\topacity: .7;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n",".Content {\n\tmax-width: var(--content-width);\n\tmargin: 0 auto;\n\tdisplay: flex;\n\tflex-direction: column-reverse;\n\n\t&.wide {\n\t\t--content-width: var(--measure-wide);\n\t}\n\n\t@media screen and (min-width: 981px) {\n\t\thtml & {\n\t\t\tmax-width: none;\n\t\t\tdisplay: grid;\n\t\t\tplace-content: center;\n\t\t\tgrid-template-columns: var(--content-width) auto;\n\t\t\tgap: var(--spacing-extra-large);\n\t\t}\n\t}\n}\n","/* =CHANGELOG\n--------------------------------------------- */\n\n.changelog {\n\t& .prose {\n\t\t&>ul {\n\t\t\tpadding-left: 0;\n\t\t\tmargin-bottom: var(--lineheight);\n\n\t\t\t& ul {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n",".oblique-strategies .Page .prose {\n    margin-top: var(--spacing-large);\n\n    ul {\n        font-family: var(--sans);\n        font-size: var(--f1);\n        font-weight: 700;\n        line-height: 1.4;\n    }\n\n    li:not(ul ul li) {\n        margin-bottom: var(--spacing-large);\n    }\n\n    ul li:not(ul ul li) {\n        list-style-type: none;\n    }\n\n    ul ul {\n        font-size: var(--f2);\n    }\n}\n",".Note {\n    header h1 a {\n        color: var(--color-text-high-contrast);\n\n        &:hover span {\n            color: var(--neon);\n        }\n    }\n}\n\n.NotesList {\n    & > li:not(:last-child) {\n        margin-bottom: calc(var(--lineheight) * 4);\n    }\n\n    & > li:has(:target)::after {\n        border-color: var(--neon);\n    }\n}\n",".MainNav {\n\tposition: relative;\n\tz-index: 2;\n\n\t& .sticky {\n\t\tposition: sticky;\n\t\ttop: 0;\n\t}\n\n\t& h1>a {\n\t\tfont-weight: 500;\n\t\tcolor: var(--color-text);\n\t\twhite-space: nowrap;\n\t\ttext-decoration: none;\n\t}\n\n\t& a {\n    \tcolor: var(--color-text);\n    \twhite-space: nowrap;\n    \ttext-decoration: none;\n\n\t\t&:is(:hover, :focus-visible):not(:is([aria-current=\"page\"] > *)) {\n\t\t\tcolor: var(--link-color-hover);\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t& ul {\n\n\t   & li:where([aria-current='page'])::after {\n\t\t\tcontent: '⇠';\n\t\t\tdisplay: inline;\n\t\t\tmargin-left: .25em;\n\t\t\twhite-space: nowrap;\n\t\t\tcolor: var(--color-text-detail);\n\t\t}\n\n\t\t& a {\n\t\t\tfont-weight: normal;\n\t\t\tposition: revert;\n\n\t\t\t&:not([aria-current='page'] > &):not(&:hover):not(&:focus-visible) {\n\t\t\t\topacity: .8;\n\t\t\t}\n\t\t}\n\n\t\t& [aria-current='page'] {\n\t\t\tposition: relative;\n\n\t\t\t& a {\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: var(--color-text-high-contrast);\n\t\t\t}\n\t\t}\n\t}\n\n\t& h1 {\n\t\t--offset-top: 18px;\n\t\tline-height: calc(var(--lineheight) * 3);\n\t\tmargin-bottom: -4px;\n\t\tpadding-top: var(--offset-top);\n\t}\n\n\t@media screen and (max-width: 980px) {\n\t\twidth: calc(100% + var(--inset) * 2);\n\t\tmargin: calc(var(--inset) * -1);\n\t\tpadding: calc(var(--lineheight) / 2) calc(var(--inset) * 1);\n\t\tmargin-bottom: calc(var(--lineheight) / 2 - 1px);\n\t\tposition: sticky;\n\t\tinset: 0;\n\t\toverflow-x: auto;\n\t\tbackground-color: var(--color-bg);\n\t\tfont-size: var(--f5);\n\n\t\t& h1 {\n\t\t\tposition: absolute;\n\t\t\tleft: -9999em;\n\t\t}\n\n\t\t& ul {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tflex-direction: row;\n\t\t\tgap: 1em;\n\t\t}\n\n\t\t& [aria-current='page'] a,\n\t\t& a:focus {\n\t\t\t&::after {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.BackLink {\n\ttext-decoration: none;\n\tcolor: var(--color-text);\n\tbackground-color: var(--grey-lightest);\n\twidth: 1.6em;\n\ttext-align: center;\n\tline-height: 1.6em;\n\taspect-ratio: 1/1;\n\tdisplay: inline-block;\n\tborder-radius: 4em;\n\topacity: .8;\n\n\ta:is(:hover, :focus)>& {\n\t\topacity: 1;\n\t}\n}\n",".PageNav {\n\ttext-align: center;\n\n\t& a {\n\t\tcolor: var(--grey);\n\t\tdisplay: inline-block;\n\t\tpadding: 0.3em 0.5em;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tcolor: var(--link-color);\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t& .separator {\n\t\tcolor: var(--color-text);\n\t\tfont-weight: 500;\n\t\tletter-spacing: -1px;\n\t\tfont-size: 1.2em;\n\t\tmargin: 0 3px;\n\t}\n}\n","/*\nPOSTS LIST\n----------------------------------------------------------------*/\n\n.PostItem {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\n\t&:last-child {\n\t\tborder-bottom: 0;\n\t}\n\n\t& time {\n\t\tfont-size: var(--f5);\n\t\tfont-variant-numeric: tabular-nums;\n\t\tletter-spacing: var(--tracking-f0);\n\t\t\n\t\t&:not(.PostItem:hover &) {\n\t\t\tcolor: var(--color-text-detail);\n\t\t}\n\t}\n\n\t& .PostItem__Link {\n\t\tdisplay: block;\n\t\tpadding: calc(var(--lineheight) / 3) 0;\n\t\tflex: 1;\n\n\t\t&:visited {\n\t\t\tcolor: var(--link-color-visited);\n\t\t\ttext-decoration-color: var(--link-color-visited);\n\t\t}\n\t}\n\n\t@media screen and (max-width: 480px) {\n\t\talign-items: flex-start;\n\t\tflex-direction: column;\n\t\tmargin-bottom: calc(var(--lineheight) / 3);\n\n\t\t& .PostItem__Link {\n\t\t\tmax-width: 90%;\n\t\t\tfont-size: 1em;\n\t\t}\n\t}\n}\n\n.PostsList {\n\tlist-style: none;\n\n\t& .PostsList--Tight {\n\t\t.PostItem {\n\t\t\tborder: 1px solid var(--grey-light);\n\t\t\tborder-width: 0 0 1px;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t@media screen and (prefers-color-scheme: dark) {\n\t\t& .PostsList--Tight {\n\t\t\t& .PostItem {\n\t\t\t\tborder: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n","/* From https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ */\n\n.grow-wrap {\n\t/* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */\n\tdisplay: grid;\n}\n\n.grow-wrap::after {\n\t/* Note the weird space! Needed to preventy jumpy behavior */\n\tcontent: attr(data-replicated-value) ' ';\n\n\t/* This is how textarea text behaves */\n\twhite-space: pre-wrap;\n\n\t/* Hidden from view, clicks, and screen readers */\n\tvisibility: hidden;\n}\n\n.grow-wrap>textarea {\n\t/* You could leave this, but after a user resizes, then it ruins the auto sizing */\n\tresize: none;\n\n\t/* Firefox shows scrollbar on growth, you can hide like this. */\n\toverflow: hidden;\n}\n\n.grow-wrap>textarea,\n.grow-wrap::after {\n\t/* Identical styling required!! */\n\tborder-width: 1px;\n\tpadding: 0.5em;\n\tfont: inherit;\n\n\t/* Place on top of each other */\n\tgrid-area: 1 / 1 / 2 / 2;\n}\n","/*\nPROSE\n----------------------------------------------------------------*/\n\n.prose {\n\t--link-color: var(--color-text);\n\n\t&> :last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\ta:not([class]) {\n\t\ttext-decoration: underline;\n\t\ttext-decoration-skip-ink: auto;\n\t}\n\n\t& img,\n\t& iframe,\n\t& figure,\n\t& svg {\n\t\t--side-margin: calc(var(--lineheight) * 2);\n\t\tmargin: var(--side-margin) auto;\n\t\tdisplay: block;\n\n\t\t@media screen and (max-width: 480px) {\n\t\t\t--side-margin: var(--lineheight);\n\t\t}\n\t}\n\n\t@media screen and (prefers-color-scheme: dark) {\n\t\t& img {\n\t\t\topacity: 0.9;\n\t\t\tbox-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;\n\t\t}\n\t}\n\n\t& ul,\n\t& ol {\n\t\tpadding-left: 1em;\n\t\tmargin-left: 1rem;\n\n\t\t&:where(ul) {\n\t\t\tlist-style-type: disc;\n\n\t\t\t::marker {\n\t\t\t\tfont-size: 1.2em;\n\t\t\t}\n\t\t}\n\n\t\t&:where(ol) {\n\t\t\tlist-style-type: decimal;\n\t\t}\n\n\t\t& ::marker {\n\t\t\tcolor: var(--color-text-detail);\n\t\t}\n\n\t\t& li>ul,\n\t\t& li>ol {\n\t\t\tpadding-left: 1.5rem;\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t& figcaption {\n\t\tpadding: 1rem 0;\n\t\ttext-align: center;\n\t\tfont-family: var(--sans);\n\t\tfont-size: 0.9em;\n\t}\n\n\t/* Break links and code */\n\t& code:not(pre > code),\n\t& a {\n\t\tword-break: break-word;\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t}\n\n\tpre {\n\t   font-size: var(--f6);\n\t}\n\n\t& figure.image--full {\n\t\tmargin: calc(var(--lineheight) * 2) -14vw;\n\n\t\t& img {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t@media screen and (max-width: 960px) {\n\t\t\t/* Edge-to-edge pixelfucking. */\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: auto;\n\t\t}\n\t}\n}\n","/* Small caps */\n.small-caps {\n\tfont-family: 'Charter SC', serif;\n\tfont-variant: small-caps;\n}\n\n/* Double quotation marks (\") */\n.pull-double {\n\tmargin-left: -.46em\n}\n\n.push-double {\n\tmargin-right: .46em\n}\n\n/* Single quotation marks (') */\n.pull-single {\n\tmargin-left: -.27em\n}\n\n.push-single {\n\tmargin-right: .27em\n}\n\n.pull-double,\n.push-double,\n.pull-single,\n.push-single {\n\tdisplay: inline-block\n}\n\n/* Optical margin alignment for particular letters */\n.pull-T,\n.pull-V,\n.pull-W,\n.pull-Y {\n\tmargin-left: -0.1em;\n}\n\n.push-T,\n.push-V,\n.push-W,\n.push-Y {\n\tmargin-right: 0.1em;\n}\n\n.pull-O,\n.pull-C,\n.pull-o,\n.pull-c {\n\tmargin-left: -0.04em;\n}\n\n.push-O,\n.push-C,\n.push-o,\n.push-c {\n\tmargin-right: 0.04em;\n}\n\n.pull-A {\n\tmargin-left: -0.03em;\n}\n\n.push-A {\n\tmargin-right: 0.03em;\n}\n"],"sourceRoot":"file:///home/runner/work/johanbrook.com/johanbrook.com"}
\ No newline at end of file
diff --git a/reading.xml b/reading.xml
index f49c82e0b..80b751b3d 100644
--- a/reading.xml
+++ b/reading.xml
@@ -15,7 +15,7 @@
 	<entry>
 		<title>Min Kamp 2</title>
 		<link href="https://johan.im/reading#min-kamp-2" />
-		<updated>2024-01-27T02:08:02Z</updated>
+		<updated>2024-01-27T14:31:46Z</updated>
 		<id>https://johan.im/reading#min-kamp-2</id>
 		
 			
@@ -133,7 +133,7 @@
 	<entry>
 		<title>The Shards</title>
 		<link href="https://johan.im/reading#the-shards" />
-		<updated>2024-01-27T02:08:02Z</updated>
+		<updated>2024-01-27T14:31:46Z</updated>
 		<id>https://johan.im/reading#the-shards</id>
 		
 			
diff --git a/reading/index.html b/reading/index.html
index 19726ec23..c4c3744c6 100644
--- a/reading/index.html
+++ b/reading/index.html
@@ -49,8 +49,8 @@
 	  <div class="Content wide">
 	  	<div id="main">
 			<main role="main">
-  <article class="page">
-	<h1 class="title">Reading.</h1>
+  <article class="page h-feed">
+	<h1 class="title p-name">Reading.</h1>
 
 	<p class="subhead measure mb4">
   		Non-exhaustive list of books I've read and am reading, in reverse chronological order. You can also check out what I <a href="/to-read">want to read next.</a>
@@ -70,9 +70,9 @@ <h1 class="mv0">2024</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="min-kamp-2" class="h-entry">
+                    <tr id="min-kamp-2">
                    	<td class="text-color-contrast">
-       					Min Kamp 2
+       					<a href="https://johan.im/reading/#min-kamp-2" class="no-link">Min Kamp 2</a>
                    	</td>
                    	<td>
                   		Karl Ove Knausgård
@@ -91,9 +91,9 @@ <h1 class="mv0">2024</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="min-kamp-1" class="h-entry">
+                    <tr id="min-kamp-1">
                    	<td class="text-color-contrast">
-       					Min Kamp 1
+       					<a href="https://johan.im/reading/#min-kamp-1" class="no-link">Min Kamp 1</a>
                    	</td>
                    	<td>
                   		Karl Ove Knausgård
@@ -106,18 +106,20 @@ <h1 class="mv0">2024</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Wed Jan 24 2024 13:00:00 GMT+0000 (Coordinated Universal Time)">2024-01-24</time><br>
+        		              				<time title="Finished at Wed Jan 24 2024 13:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Wed Jan 24 2024 13:00:00 GMT+0000 (Coordinated Universal Time)">2024-01-24</time><br>
          		              			
          		              			
+        		              				<small class="font-sans fw4" title="Finished in">Koh Lanta, Thailand</small>
+         		              			
           		              		
          		            	
                        	
                    	</td>
                     </tr>
                 
-                    <tr id="det-tredje-riket" class="h-entry">
+                    <tr id="det-tredje-riket">
                    	<td class="text-color-contrast">
-       					Det Tredje Riket
+       					<a href="https://johan.im/reading/#det-tredje-riket" class="no-link">Det Tredje Riket</a>
                    	</td>
                    	<td>
                   		Karl Ove Knausgård
@@ -130,7 +132,7 @@ <h1 class="mv0">2024</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Jan 14 2024 20:00:00 GMT+0000 (Coordinated Universal Time)">2024-01-14</time><br>
+        		              				<time title="Finished at Sun Jan 14 2024 20:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Jan 14 2024 20:00:00 GMT+0000 (Coordinated Universal Time)">2024-01-14</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Bangkok, Thailand</small>
@@ -141,9 +143,9 @@ <h1 class="mv0">2024</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="tunnel-29" class="h-entry">
+                    <tr id="tunnel-29">
                    	<td class="text-color-contrast">
-       					Tunnel 29 — The True Story of an Extraordinary Escape Beneath the Berlin Wall
+       					<a href="https://johan.im/reading/#tunnel-29" class="no-link">Tunnel 29 — The True Story of an Extraordinary Escape Beneath the Berlin Wall</a>
                    	</td>
                    	<td>
                   		Helena Merriman
@@ -156,7 +158,7 @@ <h1 class="mv0">2024</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Thu Jan 04 2024 18:00:00 GMT+0000 (Coordinated Universal Time)">2024-01-04</time><br>
+        		              				<time title="Finished at Thu Jan 04 2024 18:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Thu Jan 04 2024 18:00:00 GMT+0000 (Coordinated Universal Time)">2024-01-04</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -167,9 +169,9 @@ <h1 class="mv0">2024</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="the-shards" class="h-entry">
+                    <tr id="the-shards">
                    	<td class="text-color-contrast">
-       					The Shards
+       					<a href="https://johan.im/reading/#the-shards" class="no-link">The Shards</a>
                    	</td>
                    	<td>
                   		Bret Easton Ellis
@@ -202,9 +204,9 @@ <h1 class="mv0">2023</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="secret-pilgrim" class="h-entry">
+                    <tr id="secret-pilgrim">
                    	<td class="text-color-contrast">
-       					Secret Pilgrim
+       					<a href="https://johan.im/reading/#secret-pilgrim" class="no-link">Secret Pilgrim</a>
                    	</td>
                    	<td>
                   		John le Carré
@@ -219,9 +221,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="berlin" class="h-entry">
+                    <tr id="berlin">
                    	<td class="text-color-contrast">
-       					Berlin
+       					<a href="https://johan.im/reading/#berlin" class="no-link">Berlin</a>
                    	</td>
                    	<td>
                   		Antony Beevor
@@ -234,7 +236,7 @@ <h1 class="mv0">2023</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Oct 15 2023 21:00:00 GMT+0000 (Coordinated Universal Time)">2023-10-15</time><br>
+        		              				<time title="Finished at Sun Oct 15 2023 21:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Oct 15 2023 21:00:00 GMT+0000 (Coordinated Universal Time)">2023-10-15</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -245,9 +247,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="the-honourable-schoolboy" class="h-entry">
+                    <tr id="the-honourable-schoolboy">
                    	<td class="text-color-contrast">
-       					The Honourable Schoolboy
+       					<a href="https://johan.im/reading/#the-honourable-schoolboy" class="no-link">The Honourable Schoolboy</a>
                    	</td>
                    	<td>
                   		John le Carré
@@ -262,9 +264,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="tinker-tailor-solder-spy" class="h-entry">
+                    <tr id="tinker-tailor-solder-spy">
                    	<td class="text-color-contrast">
-       					Tinker Tailor Solder Spy
+       					<a href="https://johan.im/reading/#tinker-tailor-solder-spy" class="no-link">Tinker Tailor Solder Spy</a>
                    	</td>
                    	<td>
                   		John le Carré
@@ -277,7 +279,7 @@ <h1 class="mv0">2023</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Jul 14 2023 21:00:00 GMT+0000 (Coordinated Universal Time)">2023-07-14</time><br>
+        		              				<time title="Finished at Fri Jul 14 2023 21:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Jul 14 2023 21:00:00 GMT+0000 (Coordinated Universal Time)">2023-07-14</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -288,9 +290,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="the-spy-who-came-in-from-the-cold" class="h-entry">
+                    <tr id="the-spy-who-came-in-from-the-cold">
                    	<td class="text-color-contrast">
-       					The Spy Who Came In from the Cold
+       					<a href="https://johan.im/reading/#the-spy-who-came-in-from-the-cold" class="no-link">The Spy Who Came In from the Cold</a>
                    	</td>
                    	<td>
                   		John le Carré
@@ -303,7 +305,7 @@ <h1 class="mv0">2023</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Tue Jun 27 2023 23:00:00 GMT+0000 (Coordinated Universal Time)">2023-06-27</time><br>
+        		              				<time title="Finished at Tue Jun 27 2023 23:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Tue Jun 27 2023 23:00:00 GMT+0000 (Coordinated Universal Time)">2023-06-27</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -314,9 +316,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="brev-fran-nollpunkten" class="h-entry">
+                    <tr id="brev-fran-nollpunkten">
                    	<td class="text-color-contrast">
-       					Brev från Nollpunkten
+       					<a href="https://johan.im/reading/#brev-fran-nollpunkten" class="no-link">Brev från Nollpunkten</a>
                    	</td>
                    	<td>
                   		Peter Englund
@@ -329,7 +331,7 @@ <h1 class="mv0">2023</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Thu Jun 15 2023 20:00:00 GMT+0000 (Coordinated Universal Time)">2023-06-15</time><br>
+        		              				<time title="Finished at Thu Jun 15 2023 20:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Thu Jun 15 2023 20:00:00 GMT+0000 (Coordinated Universal Time)">2023-06-15</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -340,9 +342,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="the-legacy-of-spies" class="h-entry">
+                    <tr id="the-legacy-of-spies">
                    	<td class="text-color-contrast">
-       					The Legacy of Spies
+       					<a href="https://johan.im/reading/#the-legacy-of-spies" class="no-link">The Legacy of Spies</a>
                    	</td>
                    	<td>
                   		John le Carré
@@ -355,7 +357,7 @@ <h1 class="mv0">2023</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Wed May 17 2023 22:56:00 GMT+0000 (Coordinated Universal Time)">2023-05-17</time><br>
+        		              				<time title="Finished at Wed May 17 2023 22:56:00 GMT+0000 (Coordinated Universal Time)" datetime="Wed May 17 2023 22:56:00 GMT+0000 (Coordinated Universal Time)">2023-05-17</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -366,9 +368,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="lou-reed" class="h-entry">
+                    <tr id="lou-reed">
                    	<td class="text-color-contrast">
-       					Lou Reed – The Life
+       					<a href="https://johan.im/reading/#lou-reed" class="no-link">Lou Reed – The Life</a>
                    	</td>
                    	<td>
                   		Mick Wall
@@ -381,7 +383,7 @@ <h1 class="mv0">2023</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Thu Feb 09 2023 20:00:00 GMT+0000 (Coordinated Universal Time)">2023-02-09</time><br>
+        		              				<time title="Finished at Thu Feb 09 2023 20:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Thu Feb 09 2023 20:00:00 GMT+0000 (Coordinated Universal Time)">2023-02-09</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -392,9 +394,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="kent" class="h-entry">
+                    <tr id="kent">
                    	<td class="text-color-contrast">
-       					Kent – Texter om Sveriges största rockband
+       					<a href="https://johan.im/reading/#kent" class="no-link">Kent – Texter om Sveriges största rockband</a>
                    	</td>
                    	<td>
                   		Several
@@ -407,7 +409,7 @@ <h1 class="mv0">2023</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Feb 10 2023 20:00:00 GMT+0000 (Coordinated Universal Time)">2023-02-10</time><br>
+        		              				<time title="Finished at Fri Feb 10 2023 20:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Feb 10 2023 20:00:00 GMT+0000 (Coordinated Universal Time)">2023-02-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -418,9 +420,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="what-we-owe-the-future" class="h-entry">
+                    <tr id="what-we-owe-the-future">
                    	<td class="text-color-contrast">
-       					What We Owe the Future
+       					<a href="https://johan.im/reading/#what-we-owe-the-future" class="no-link">What We Owe the Future</a>
                    	</td>
                    	<td>
                   		William MacAskill
@@ -437,9 +439,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="detaljerna" class="h-entry">
+                    <tr id="detaljerna">
                    	<td class="text-color-contrast">
-       					Detaljerna
+       					<a href="https://johan.im/reading/#detaljerna" class="no-link">Detaljerna</a>
                    	</td>
                    	<td>
                   		Ia Genberg
@@ -452,7 +454,7 @@ <h1 class="mv0">2023</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Jan 22 2023 20:00:00 GMT+0000 (Coordinated Universal Time)">2023-01-22</time><br>
+        		              				<time title="Finished at Sun Jan 22 2023 20:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Jan 22 2023 20:00:00 GMT+0000 (Coordinated Universal Time)">2023-01-22</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Fjällnäs, Sweden</small>
@@ -463,9 +465,9 @@ <h1 class="mv0">2023</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="david-bowie-a-life" class="h-entry">
+                    <tr id="david-bowie-a-life">
                    	<td class="text-color-contrast">
-       					David Bowie — A Life
+       					<a href="https://johan.im/reading/#david-bowie-a-life" class="no-link">David Bowie — A Life</a>
                    	</td>
                    	<td>
                   		Dylan Jones
@@ -478,7 +480,7 @@ <h1 class="mv0">2023</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Thu Jan 12 2023 20:00:00 GMT+0000 (Coordinated Universal Time)">2023-01-12</time><br>
+        		              				<time title="Finished at Thu Jan 12 2023 20:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Thu Jan 12 2023 20:00:00 GMT+0000 (Coordinated Universal Time)">2023-01-12</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Fjällnäs, Sweden</small>
@@ -505,9 +507,9 @@ <h1 class="mv0">2022</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="grand-union" class="h-entry">
+                    <tr id="grand-union">
                    	<td class="text-color-contrast">
-       					Grand Union
+       					<a href="https://johan.im/reading/#grand-union" class="no-link">Grand Union</a>
                    	</td>
                    	<td>
                   		Zadie Smith
@@ -522,9 +524,9 @@ <h1 class="mv0">2022</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="four-thousand-weeks" class="h-entry">
+                    <tr id="four-thousand-weeks">
                    	<td class="text-color-contrast">
-       					Four Thousand Weeks
+       					<a href="https://johan.im/reading/#four-thousand-weeks" class="no-link">Four Thousand Weeks</a>
                    	</td>
                    	<td>
                   		Oliver Burkeman
@@ -539,9 +541,9 @@ <h1 class="mv0">2022</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="inventing-the-world" class="h-entry">
+                    <tr id="inventing-the-world">
                    	<td class="text-color-contrast">
-       					Att Uppfinna Världen ("Inventing the World")
+       					<a href="https://johan.im/reading/#inventing-the-world" class="no-link">Att Uppfinna Världen ("Inventing the World")</a>
                    	</td>
                    	<td>
                   		Katrine Marçal
@@ -556,9 +558,9 @@ <h1 class="mv0">2022</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="vargarna-fran-evighetens-skog" class="h-entry">
+                    <tr id="vargarna-fran-evighetens-skog">
                    	<td class="text-color-contrast">
-       					Vargarna från evighetens skog
+       					<a href="https://johan.im/reading/#vargarna-fran-evighetens-skog" class="no-link">Vargarna från evighetens skog</a>
                    	</td>
                    	<td>
                   		Karl Ove Knausgård
@@ -571,7 +573,7 @@ <h1 class="mv0">2022</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Nov 11 2022 09:00:00 GMT+0000 (Coordinated Universal Time)">2022-11-11</time><br>
+        		              				<time title="Finished at Fri Nov 11 2022 09:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Nov 11 2022 09:00:00 GMT+0000 (Coordinated Universal Time)">2022-11-11</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Kalk Bay, South Africa</small>
@@ -582,9 +584,9 @@ <h1 class="mv0">2022</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="jack" class="h-entry">
+                    <tr id="jack">
                    	<td class="text-color-contrast">
-       					Jack
+       					<a href="https://johan.im/reading/#jack" class="no-link">Jack</a>
                    	</td>
                    	<td>
                   		Ulf Lundell
@@ -599,9 +601,9 @@ <h1 class="mv0">2022</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="hang-city" class="h-entry">
+                    <tr id="hang-city">
                    	<td class="text-color-contrast">
-       					Häng City
+       					<a href="https://johan.im/reading/#hang-city" class="no-link">Häng City</a>
                    	</td>
                    	<td>
                   		Mikael Yvesand
@@ -614,7 +616,7 @@ <h1 class="mv0">2022</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Aug 05 2022 19:30:00 GMT+0000 (Coordinated Universal Time)">2022-08-05</time><br>
+        		              				<time title="Finished at Fri Aug 05 2022 19:30:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Aug 05 2022 19:30:00 GMT+0000 (Coordinated Universal Time)">2022-08-05</time><br>
          		              			
          		              			
           		              		
@@ -623,9 +625,9 @@ <h1 class="mv0">2022</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="life" class="h-entry">
+                    <tr id="life">
                    	<td class="text-color-contrast">
-       					Life
+       					<a href="https://johan.im/reading/#life" class="no-link">Life</a>
                    	</td>
                    	<td>
                   		Keith Richards
@@ -638,7 +640,7 @@ <h1 class="mv0">2022</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Jul 01 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">2022-07-01</time><br>
+        		              				<time title="Finished at Fri Jul 01 2022 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Jul 01 2022 00:00:00 GMT+0000 (Coordinated Universal Time)">2022-07-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -649,9 +651,9 @@ <h1 class="mv0">2022</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="mastering-the-art-of-french-cooking" class="h-entry">
+                    <tr id="mastering-the-art-of-french-cooking">
                    	<td class="text-color-contrast">
-       					Mastering the Art of French Cooking
+       					<a href="https://johan.im/reading/#mastering-the-art-of-french-cooking" class="no-link">Mastering the Art of French Cooking</a>
                    	</td>
                    	<td>
                   		Julia Child, Simone Beck, Louisette Bertholle
@@ -664,7 +666,7 @@ <h1 class="mv0">2022</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sat Jun 04 2022 21:00:00 GMT+0000 (Coordinated Universal Time)">2022-06-04</time><br>
+        		              				<time title="Finished at Sat Jun 04 2022 21:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sat Jun 04 2022 21:00:00 GMT+0000 (Coordinated Universal Time)">2022-06-04</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -675,9 +677,9 @@ <h1 class="mv0">2022</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="morgonstjarnan" class="h-entry">
+                    <tr id="morgonstjarnan">
                    	<td class="text-color-contrast">
-       					Morgonstjärnan
+       					<a href="https://johan.im/reading/#morgonstjarnan" class="no-link">Morgonstjärnan</a>
                    	</td>
                    	<td>
                   		Karl Ove Knausgård
@@ -690,7 +692,7 @@ <h1 class="mv0">2022</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Apr 24 2022 20:00:00 GMT+0000 (Coordinated Universal Time)">2022-04-24</time><br>
+        		              				<time title="Finished at Sun Apr 24 2022 20:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Apr 24 2022 20:00:00 GMT+0000 (Coordinated Universal Time)">2022-04-24</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Fjällnäs, Sweden</small>
@@ -701,9 +703,9 @@ <h1 class="mv0">2022</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="once-upon-a-time-in-hollywood" class="h-entry">
+                    <tr id="once-upon-a-time-in-hollywood">
                    	<td class="text-color-contrast">
-       					Once Upon A Time… In Hollywood
+       					<a href="https://johan.im/reading/#once-upon-a-time-in-hollywood" class="no-link">Once Upon A Time… In Hollywood</a>
                    	</td>
                    	<td>
                   		Quentin Tarantino
@@ -716,7 +718,7 @@ <h1 class="mv0">2022</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon Apr 11 2022 17:40:00 GMT+0000 (Coordinated Universal Time)">2022-04-11</time><br>
+        		              				<time title="Finished at Mon Apr 11 2022 17:40:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon Apr 11 2022 17:40:00 GMT+0000 (Coordinated Universal Time)">2022-04-11</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -743,9 +745,9 @@ <h1 class="mv0">2021</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="the-clash" class="h-entry">
+                    <tr id="the-clash">
                    	<td class="text-color-contrast">
-       					The Clash
+       					<a href="https://johan.im/reading/#the-clash" class="no-link">The Clash</a>
                    	</td>
                    	<td>
                   		Strummer, Jones, Simonon, Headon
@@ -758,7 +760,7 @@ <h1 class="mv0">2021</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon Nov 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-11-01</time><br>
+        		              				<time title="Finished at Mon Nov 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon Nov 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-11-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -769,9 +771,9 @@ <h1 class="mv0">2021</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="alevangeliet" class="h-entry">
+                    <tr id="alevangeliet">
                    	<td class="text-color-contrast">
-       					Ålevangeliet
+       					<a href="https://johan.im/reading/#alevangeliet" class="no-link">Ålevangeliet</a>
                    	</td>
                    	<td>
                   		Patrik Svensson
@@ -786,9 +788,9 @@ <h1 class="mv0">2021</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="fight-club" class="h-entry">
+                    <tr id="fight-club">
                    	<td class="text-color-contrast">
-       					Fight Club
+       					<a href="https://johan.im/reading/#fight-club" class="no-link">Fight Club</a>
                    	</td>
                    	<td>
                   		Chuck Palahniuk
@@ -801,7 +803,7 @@ <h1 class="mv0">2021</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon Sep 20 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-09-20</time><br>
+        		              				<time title="Finished at Mon Sep 20 2021 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon Sep 20 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-09-20</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Florence, Italy</small>
@@ -812,9 +814,9 @@ <h1 class="mv0">2021</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="american-psycho" class="h-entry">
+                    <tr id="american-psycho">
                    	<td class="text-color-contrast">
-       					American Psycho
+       					<a href="https://johan.im/reading/#american-psycho" class="no-link">American Psycho</a>
                    	</td>
                    	<td>
                   		Bret Easton Ellis
@@ -827,7 +829,7 @@ <h1 class="mv0">2021</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Tue Sep 14 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-09-14</time><br>
+        		              				<time title="Finished at Tue Sep 14 2021 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Tue Sep 14 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-09-14</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Florence, Italy</small>
@@ -838,9 +840,9 @@ <h1 class="mv0">2021</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="what-i-talk-about-when-i-talk-about-running" class="h-entry">
+                    <tr id="what-i-talk-about-when-i-talk-about-running">
                    	<td class="text-color-contrast">
-       					What I Talk About When I Talk About Running
+       					<a href="https://johan.im/reading/#what-i-talk-about-when-i-talk-about-running" class="no-link">What I Talk About When I Talk About Running</a>
                    	</td>
                    	<td>
                   		Haruki Murakami
@@ -853,7 +855,7 @@ <h1 class="mv0">2021</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon Sep 06 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-09-06</time><br>
+        		              				<time title="Finished at Mon Sep 06 2021 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon Sep 06 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-09-06</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Florence, Italy</small>
@@ -864,9 +866,9 @@ <h1 class="mv0">2021</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="samlade-verk" class="h-entry">
+                    <tr id="samlade-verk">
                    	<td class="text-color-contrast">
-       					Samlade Verk
+       					<a href="https://johan.im/reading/#samlade-verk" class="no-link">Samlade Verk</a>
                    	</td>
                    	<td>
                   		Lydia Sandgren
@@ -879,7 +881,7 @@ <h1 class="mv0">2021</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Aug 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-08-01</time><br>
+        		              				<time title="Finished at Sun Aug 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Aug 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-08-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Österlen, Sweden</small>
@@ -890,9 +892,9 @@ <h1 class="mv0">2021</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="zen-mind-beginners-mind" class="h-entry">
+                    <tr id="zen-mind-beginners-mind">
                    	<td class="text-color-contrast">
-       					Zen Mind, Beginner's Mind
+       					<a href="https://johan.im/reading/#zen-mind-beginners-mind" class="no-link">Zen Mind, Beginner's Mind</a>
                    	</td>
                    	<td>
                   		Shunryu Suzuki
@@ -905,7 +907,7 @@ <h1 class="mv0">2021</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon Feb 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-02-01</time><br>
+        		              				<time title="Finished at Mon Feb 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon Feb 01 2021 00:00:00 GMT+0000 (Coordinated Universal Time)">2021-02-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -932,9 +934,9 @@ <h1 class="mv0">2020</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="ishmael" class="h-entry">
+                    <tr id="ishmael">
                    	<td class="text-color-contrast">
-       					Ishmael
+       					<a href="https://johan.im/reading/#ishmael" class="no-link">Ishmael</a>
                    	</td>
                    	<td>
                   		Daniel Quinn
@@ -947,7 +949,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sat Aug 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-08-01</time><br>
+        		              				<time title="Finished at Sat Aug 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sat Aug 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-08-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Österlen, Sweden</small>
@@ -958,9 +960,9 @@ <h1 class="mv0">2020</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="herakles" class="h-entry">
+                    <tr id="herakles">
                    	<td class="text-color-contrast">
-       					Herakles
+       					<a href="https://johan.im/reading/#herakles" class="no-link">Herakles</a>
                    	</td>
                    	<td>
                   		Theodor Kallifatides
@@ -973,7 +975,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sat Aug 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-08-01</time><br>
+        		              				<time title="Finished at Sat Aug 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sat Aug 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-08-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -984,9 +986,9 @@ <h1 class="mv0">2020</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="normal-people" class="h-entry">
+                    <tr id="normal-people">
                    	<td class="text-color-contrast">
-       					Normal People
+       					<a href="https://johan.im/reading/#normal-people" class="no-link">Normal People</a>
                    	</td>
                    	<td>
                   		Sally Rooney
@@ -999,7 +1001,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sat Aug 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-08-01</time><br>
+        		              				<time title="Finished at Sat Aug 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sat Aug 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-08-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -1010,9 +1012,9 @@ <h1 class="mv0">2020</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="cosa-nostra" class="h-entry">
+                    <tr id="cosa-nostra">
                    	<td class="text-color-contrast">
-       					Cosa Nostra
+       					<a href="https://johan.im/reading/#cosa-nostra" class="no-link">Cosa Nostra</a>
                    	</td>
                    	<td>
                   		John Dickie
@@ -1025,7 +1027,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Wed Jul 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-07-01</time><br>
+        		              				<time title="Finished at Wed Jul 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Wed Jul 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-07-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -1036,9 +1038,9 @@ <h1 class="mv0">2020</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="about-a-boy" class="h-entry">
+                    <tr id="about-a-boy">
                    	<td class="text-color-contrast">
-       					About A Boy
+       					<a href="https://johan.im/reading/#about-a-boy" class="no-link">About A Boy</a>
                    	</td>
                    	<td>
                   		Nick Hornby
@@ -1051,7 +1053,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Wed Jul 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-07-01</time><br>
+        		              				<time title="Finished at Wed Jul 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Wed Jul 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-07-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -1062,9 +1064,9 @@ <h1 class="mv0">2020</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="jag-kan-ha-fel" class="h-entry">
+                    <tr id="jag-kan-ha-fel">
                    	<td class="text-color-contrast">
-       					Jag Kan Ha Fel
+       					<a href="https://johan.im/reading/#jag-kan-ha-fel" class="no-link">Jag Kan Ha Fel</a>
                    	</td>
                    	<td>
                   		Björn Natthiko Lindeblad
@@ -1077,7 +1079,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon Jun 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-06-01</time><br>
+        		              				<time title="Finished at Mon Jun 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon Jun 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-06-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -1088,9 +1090,9 @@ <h1 class="mv0">2020</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="the-godfather" class="h-entry">
+                    <tr id="the-godfather">
                    	<td class="text-color-contrast">
-       					The Godfather
+       					<a href="https://johan.im/reading/#the-godfather" class="no-link">The Godfather</a>
                    	</td>
                    	<td>
                   		Mario Puzo
@@ -1103,7 +1105,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Mar 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-03-01</time><br>
+        		              				<time title="Finished at Sun Mar 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Mar 01 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-03-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -1114,9 +1116,9 @@ <h1 class="mv0">2020</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="the-alchemist" class="h-entry">
+                    <tr id="the-alchemist">
                    	<td class="text-color-contrast">
-       					The Alchemist
+       					<a href="https://johan.im/reading/#the-alchemist" class="no-link">The Alchemist</a>
                    	</td>
                    	<td>
                   		Paolo Coelho
@@ -1129,7 +1131,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-01-10</time><br>
+        		              				<time title="Finished at Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-01-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Sri Lanka</small>
@@ -1140,9 +1142,9 @@ <h1 class="mv0">2020</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="the-zahir" class="h-entry">
+                    <tr id="the-zahir">
                    	<td class="text-color-contrast">
-       					The Zahir
+       					<a href="https://johan.im/reading/#the-zahir" class="no-link">The Zahir</a>
                    	</td>
                    	<td>
                   		Paolo Coelho
@@ -1155,7 +1157,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-01-10</time><br>
+        		              				<time title="Finished at Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-01-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Sri Lanka</small>
@@ -1166,9 +1168,9 @@ <h1 class="mv0">2020</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="the-snow-leopard" class="h-entry">
+                    <tr id="the-snow-leopard">
                    	<td class="text-color-contrast">
-       					The Snow Leopard
+       					<a href="https://johan.im/reading/#the-snow-leopard" class="no-link">The Snow Leopard</a>
                    	</td>
                    	<td>
                   		Peter Matthiessen
@@ -1181,7 +1183,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-01-10</time><br>
+        		              				<time title="Finished at Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-01-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Sri Lanka</small>
@@ -1192,9 +1194,9 @@ <h1 class="mv0">2020</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="men-without-women" class="h-entry">
+                    <tr id="men-without-women">
                    	<td class="text-color-contrast">
-       					Men Without Women
+       					<a href="https://johan.im/reading/#men-without-women" class="no-link">Men Without Women</a>
                    	</td>
                    	<td>
                   		Haruki Murakami
@@ -1207,7 +1209,7 @@ <h1 class="mv0">2020</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-01-10</time><br>
+        		              				<time title="Finished at Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Jan 10 2020 00:00:00 GMT+0000 (Coordinated Universal Time)">2020-01-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Sri Lanka</small>
@@ -1234,9 +1236,9 @@ <h1 class="mv0">2019</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="the-sun-also-rises" class="h-entry">
+                    <tr id="the-sun-also-rises">
                    	<td class="text-color-contrast">
-       					The Sun Also Rises
+       					<a href="https://johan.im/reading/#the-sun-also-rises" class="no-link">The Sun Also Rises</a>
                    	</td>
                    	<td>
                   		Ernest Hemingway
@@ -1249,7 +1251,7 @@ <h1 class="mv0">2019</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri May 10 2019 00:00:00 GMT+0000 (Coordinated Universal Time)">2019-05-10</time><br>
+        		              				<time title="Finished at Fri May 10 2019 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri May 10 2019 00:00:00 GMT+0000 (Coordinated Universal Time)">2019-05-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Barcelona, Spain</small>
@@ -1260,9 +1262,9 @@ <h1 class="mv0">2019</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="a-brief-history-of-time" class="h-entry">
+                    <tr id="a-brief-history-of-time">
                    	<td class="text-color-contrast">
-       					A Brief History of Time
+       					<a href="https://johan.im/reading/#a-brief-history-of-time" class="no-link">A Brief History of Time</a>
                    	</td>
                    	<td>
                   		Stephen Hawking
@@ -1275,7 +1277,7 @@ <h1 class="mv0">2019</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Mar 10 2019 00:00:00 GMT+0000 (Coordinated Universal Time)">2019-03-10</time><br>
+        		              				<time title="Finished at Sun Mar 10 2019 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Mar 10 2019 00:00:00 GMT+0000 (Coordinated Universal Time)">2019-03-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -1302,9 +1304,9 @@ <h1 class="mv0">2018</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="a-little-life" class="h-entry">
+                    <tr id="a-little-life">
                    	<td class="text-color-contrast">
-       					A Little Life
+       					<a href="https://johan.im/reading/#a-little-life" class="no-link">A Little Life</a>
                    	</td>
                    	<td>
                   		Hanya Yanagihara
@@ -1317,7 +1319,7 @@ <h1 class="mv0">2018</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Tue Jul 10 2018 00:00:00 GMT+0000 (Coordinated Universal Time)">2018-07-10</time><br>
+        		              				<time title="Finished at Tue Jul 10 2018 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Tue Jul 10 2018 00:00:00 GMT+0000 (Coordinated Universal Time)">2018-07-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -1328,9 +1330,9 @@ <h1 class="mv0">2018</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="21-lessons-for-the-21th-century" class="h-entry">
+                    <tr id="21-lessons-for-the-21th-century">
                    	<td class="text-color-contrast">
-       					21 Lessons for the 21th Century
+       					<a href="https://johan.im/reading/#21-lessons-for-the-21th-century" class="no-link">21 Lessons for the 21th Century</a>
                    	</td>
                    	<td>
                   		Yuval Noah Harari
@@ -1343,7 +1345,7 @@ <h1 class="mv0">2018</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Thu May 10 2018 00:00:00 GMT+0000 (Coordinated Universal Time)">2018-05-10</time><br>
+        		              				<time title="Finished at Thu May 10 2018 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Thu May 10 2018 00:00:00 GMT+0000 (Coordinated Universal Time)">2018-05-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Stockholm, Sweden</small>
@@ -1370,9 +1372,9 @@ <h1 class="mv0">2017</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="hero-david-bowie" class="h-entry">
+                    <tr id="hero-david-bowie">
                    	<td class="text-color-contrast">
-       					Hero — David Bowie
+       					<a href="https://johan.im/reading/#hero-david-bowie" class="no-link">Hero — David Bowie</a>
                    	</td>
                    	<td>
                   		Lesley-Ann Jones
@@ -1385,7 +1387,7 @@ <h1 class="mv0">2017</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Tue Oct 10 2017 00:00:00 GMT+0000 (Coordinated Universal Time)">2017-10-10</time><br>
+        		              				<time title="Finished at Tue Oct 10 2017 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Tue Oct 10 2017 00:00:00 GMT+0000 (Coordinated Universal Time)">2017-10-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Lisbon, Portugal</small>
@@ -1396,9 +1398,9 @@ <h1 class="mv0">2017</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="sapiens" class="h-entry">
+                    <tr id="sapiens">
                    	<td class="text-color-contrast">
-       					Sapiens
+       					<a href="https://johan.im/reading/#sapiens" class="no-link">Sapiens</a>
                    	</td>
                    	<td>
                   		Yuval Noah Harari
@@ -1411,7 +1413,7 @@ <h1 class="mv0">2017</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Thu Aug 10 2017 00:00:00 GMT+0000 (Coordinated Universal Time)">2017-08-10</time><br>
+        		              				<time title="Finished at Thu Aug 10 2017 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Thu Aug 10 2017 00:00:00 GMT+0000 (Coordinated Universal Time)">2017-08-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Nice, France</small>
@@ -1422,9 +1424,9 @@ <h1 class="mv0">2017</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="the-mountain-shadow" class="h-entry">
+                    <tr id="the-mountain-shadow">
                    	<td class="text-color-contrast">
-       					The Mountain Shadow
+       					<a href="https://johan.im/reading/#the-mountain-shadow" class="no-link">The Mountain Shadow</a>
                    	</td>
                    	<td>
                   		Gregory David Roberts
@@ -1437,7 +1439,7 @@ <h1 class="mv0">2017</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon Jul 10 2017 00:00:00 GMT+0000 (Coordinated Universal Time)">2017-07-10</time><br>
+        		              				<time title="Finished at Mon Jul 10 2017 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon Jul 10 2017 00:00:00 GMT+0000 (Coordinated Universal Time)">2017-07-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Gothenburg, Sweden</small>
@@ -1464,9 +1466,9 @@ <h1 class="mv0">2016</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="m-train" class="h-entry">
+                    <tr id="m-train">
                    	<td class="text-color-contrast">
-       					M Train
+       					<a href="https://johan.im/reading/#m-train" class="no-link">M Train</a>
                    	</td>
                    	<td>
                   		Patti Smith
@@ -1479,7 +1481,7 @@ <h1 class="mv0">2016</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon Oct 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)">2016-10-10</time><br>
+        		              				<time title="Finished at Mon Oct 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon Oct 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)">2016-10-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">New York, USA</small>
@@ -1490,9 +1492,9 @@ <h1 class="mv0">2016</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="a-moveable-feast" class="h-entry">
+                    <tr id="a-moveable-feast">
                    	<td class="text-color-contrast">
-       					A Moveable Feast
+       					<a href="https://johan.im/reading/#a-moveable-feast" class="no-link">A Moveable Feast</a>
                    	</td>
                    	<td>
                   		Ernest Hemingway
@@ -1505,7 +1507,7 @@ <h1 class="mv0">2016</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Tue May 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)">2016-05-10</time><br>
+        		              				<time title="Finished at Tue May 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Tue May 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)">2016-05-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Rio de Janeiro, Brazil</small>
@@ -1516,9 +1518,9 @@ <h1 class="mv0">2016</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="the-essential-hemingway" class="h-entry">
+                    <tr id="the-essential-hemingway">
                    	<td class="text-color-contrast">
-       					The Essential Hemingway
+       					<a href="https://johan.im/reading/#the-essential-hemingway" class="no-link">The Essential Hemingway</a>
                    	</td>
                    	<td>
                   		Ernest Hemingway
@@ -1531,7 +1533,7 @@ <h1 class="mv0">2016</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Tue May 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)">2016-05-10</time><br>
+        		              				<time title="Finished at Tue May 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Tue May 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)">2016-05-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Rio de Janeiro, Brazil</small>
@@ -1542,9 +1544,9 @@ <h1 class="mv0">2016</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="dancing-with-the-devil-in-the-city-of-god" class="h-entry">
+                    <tr id="dancing-with-the-devil-in-the-city-of-god">
                    	<td class="text-color-contrast">
-       					Dancing with the Devil in the City of God
+       					<a href="https://johan.im/reading/#dancing-with-the-devil-in-the-city-of-god" class="no-link">Dancing with the Devil in the City of God</a>
                    	</td>
                    	<td>
                   		Juliana Barbassa
@@ -1557,7 +1559,7 @@ <h1 class="mv0">2016</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Tue May 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)">2016-05-10</time><br>
+        		              				<time title="Finished at Tue May 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Tue May 10 2016 00:00:00 GMT+0000 (Coordinated Universal Time)">2016-05-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Rio de Janeiro, Brazil</small>
@@ -1584,9 +1586,9 @@ <h1 class="mv0">2015</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="just-kids" class="h-entry">
+                    <tr id="just-kids">
                    	<td class="text-color-contrast">
-       					Just Kids
+       					<a href="https://johan.im/reading/#just-kids" class="no-link">Just Kids</a>
                    	</td>
                    	<td>
                   		Patti Smith
@@ -1599,7 +1601,7 @@ <h1 class="mv0">2015</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Tue Nov 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-11-10</time><br>
+        		              				<time title="Finished at Tue Nov 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Tue Nov 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-11-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">San Francisco, USA</small>
@@ -1610,9 +1612,9 @@ <h1 class="mv0">2015</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="zen-and-the-art-of-motorcycle-maintenance" class="h-entry">
+                    <tr id="zen-and-the-art-of-motorcycle-maintenance">
                    	<td class="text-color-contrast">
-       					Zen and the Art of Motorcycle Maintenance
+       					<a href="https://johan.im/reading/#zen-and-the-art-of-motorcycle-maintenance" class="no-link">Zen and the Art of Motorcycle Maintenance</a>
                    	</td>
                    	<td>
                   		Robert M. Pirsig
@@ -1625,7 +1627,7 @@ <h1 class="mv0">2015</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Thu Sep 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-09-10</time><br>
+        		              				<time title="Finished at Thu Sep 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Thu Sep 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-09-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Vienna, Austria</small>
@@ -1636,9 +1638,9 @@ <h1 class="mv0">2015</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="w-axl-rose" class="h-entry">
+                    <tr id="w-axl-rose">
                    	<td class="text-color-contrast">
-       					W. Axl Rose
+       					<a href="https://johan.im/reading/#w-axl-rose" class="no-link">W. Axl Rose</a>
                    	</td>
                    	<td>
                   		Mick Wall
@@ -1651,7 +1653,7 @@ <h1 class="mv0">2015</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sat Jan 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-01-10</time><br>
+        		              				<time title="Finished at Sat Jan 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sat Jan 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-01-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Gothenburg, Sweden</small>
@@ -1662,9 +1664,9 @@ <h1 class="mv0">2015</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="becoming-steve-jobs" class="h-entry">
+                    <tr id="becoming-steve-jobs">
                    	<td class="text-color-contrast">
-       					Becoming Steve Jobs
+       					<a href="https://johan.im/reading/#becoming-steve-jobs" class="no-link">Becoming Steve Jobs</a>
                    	</td>
                    	<td>
                   		Brent Schlender &amp; Rick Tetzeli
@@ -1677,7 +1679,7 @@ <h1 class="mv0">2015</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Apr 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-04-10</time><br>
+        		              				<time title="Finished at Fri Apr 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Apr 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-04-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Gothenburg, Sweden</small>
@@ -1688,9 +1690,9 @@ <h1 class="mv0">2015</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="steve-jobs" class="h-entry">
+                    <tr id="steve-jobs">
                    	<td class="text-color-contrast">
-       					Steve Jobs
+       					<a href="https://johan.im/reading/#steve-jobs" class="no-link">Steve Jobs</a>
                    	</td>
                    	<td>
                   		Walter Isaacson
@@ -1703,7 +1705,7 @@ <h1 class="mv0">2015</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sat Aug 01 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-08-01</time><br>
+        		              				<time title="Finished at Sat Aug 01 2015 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sat Aug 01 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-08-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Gothenburg, Sweden</small>
@@ -1714,9 +1716,9 @@ <h1 class="mv0">2015</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="shantaram" class="h-entry">
+                    <tr id="shantaram">
                    	<td class="text-color-contrast">
-       					Shantaram
+       					<a href="https://johan.im/reading/#shantaram" class="no-link">Shantaram</a>
                    	</td>
                    	<td>
                   		Gregory David Roberts
@@ -1729,7 +1731,7 @@ <h1 class="mv0">2015</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Jul 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-07-10</time><br>
+        		              				<time title="Finished at Fri Jul 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Jul 10 2015 00:00:00 GMT+0000 (Coordinated Universal Time)">2015-07-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Gothenburg, Sweden</small>
@@ -1756,9 +1758,9 @@ <h1 class="mv0">2014</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="scar-tissue" class="h-entry">
+                    <tr id="scar-tissue">
                    	<td class="text-color-contrast">
-       					Scar Tissue
+       					<a href="https://johan.im/reading/#scar-tissue" class="no-link">Scar Tissue</a>
                    	</td>
                    	<td>
                   		Anthony Kiedis
@@ -1771,7 +1773,7 @@ <h1 class="mv0">2014</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Thu Jul 10 2014 00:00:00 GMT+0000 (Coordinated Universal Time)">2014-07-10</time><br>
+        		              				<time title="Finished at Thu Jul 10 2014 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Thu Jul 10 2014 00:00:00 GMT+0000 (Coordinated Universal Time)">2014-07-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Gothenburg, Sweden</small>
@@ -1782,9 +1784,9 @@ <h1 class="mv0">2014</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="into-the-wild" class="h-entry">
+                    <tr id="into-the-wild">
                    	<td class="text-color-contrast">
-       					Into the Wild
+       					<a href="https://johan.im/reading/#into-the-wild" class="no-link">Into the Wild</a>
                    	</td>
                    	<td>
                   		Jon Krakauer
@@ -1797,7 +1799,7 @@ <h1 class="mv0">2014</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Jan 10 2014 00:00:00 GMT+0000 (Coordinated Universal Time)">2014-01-10</time><br>
+        		              				<time title="Finished at Fri Jan 10 2014 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Jan 10 2014 00:00:00 GMT+0000 (Coordinated Universal Time)">2014-01-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Paris, France</small>
@@ -1824,9 +1826,9 @@ <h1 class="mv0">2012</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="black-sabbath" class="h-entry">
+                    <tr id="black-sabbath">
                    	<td class="text-color-contrast">
-       					Black Sabbath
+       					<a href="https://johan.im/reading/#black-sabbath" class="no-link">Black Sabbath</a>
                    	</td>
                    	<td>
                   		Mick Wall
@@ -1839,7 +1841,7 @@ <h1 class="mv0">2012</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Jul 01 2012 00:00:00 GMT+0000 (Coordinated Universal Time)">2012-07-01</time><br>
+        		              				<time title="Finished at Sun Jul 01 2012 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Jul 01 2012 00:00:00 GMT+0000 (Coordinated Universal Time)">2012-07-01</time><br>
          		              			
          		              			
           		              		
@@ -1864,9 +1866,9 @@ <h1 class="mv0">2011</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="the-road" class="h-entry">
+                    <tr id="the-road">
                    	<td class="text-color-contrast">
-       					The Road
+       					<a href="https://johan.im/reading/#the-road" class="no-link">The Road</a>
                    	</td>
                    	<td>
                   		Cormac McCarthy
@@ -1879,7 +1881,7 @@ <h1 class="mv0">2011</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Jul 01 2011 00:00:00 GMT+0000 (Coordinated Universal Time)">2011-07-01</time><br>
+        		              				<time title="Finished at Fri Jul 01 2011 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Jul 01 2011 00:00:00 GMT+0000 (Coordinated Universal Time)">2011-07-01</time><br>
          		              			
          		              			
           		              		
@@ -1904,9 +1906,9 @@ <h1 class="mv0">2010</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="life-of-pi" class="h-entry">
+                    <tr id="life-of-pi">
                    	<td class="text-color-contrast">
-       					Life of Pi
+       					<a href="https://johan.im/reading/#life-of-pi" class="no-link">Life of Pi</a>
                    	</td>
                    	<td>
                   		Yann Martel
@@ -1919,7 +1921,7 @@ <h1 class="mv0">2010</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Aug 01 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-08-01</time><br>
+        		              				<time title="Finished at Sun Aug 01 2010 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Aug 01 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-08-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Calgary, Canada</small>
@@ -1930,9 +1932,9 @@ <h1 class="mv0">2010</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="infinity" class="h-entry">
+                    <tr id="infinity">
                    	<td class="text-color-contrast">
-       					Infinity
+       					<a href="https://johan.im/reading/#infinity" class="no-link">Infinity</a>
                    	</td>
                    	<td>
                   		Brian Clegg
@@ -1945,7 +1947,7 @@ <h1 class="mv0">2010</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Thu Jul 01 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-07-01</time><br>
+        		              				<time title="Finished at Thu Jul 01 2010 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Thu Jul 01 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-07-01</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Calgary, Canada</small>
@@ -1956,9 +1958,9 @@ <h1 class="mv0">2010</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="rework" class="h-entry">
+                    <tr id="rework">
                    	<td class="text-color-contrast">
-       					Rework
+       					<a href="https://johan.im/reading/#rework" class="no-link">Rework</a>
                    	</td>
                    	<td>
                   		Jason Fried &amp; David Heinemeier Hansson
@@ -1971,7 +1973,7 @@ <h1 class="mv0">2010</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon May 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-05-10</time><br>
+        		              				<time title="Finished at Mon May 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon May 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-05-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Calgary, Canada</small>
@@ -1982,9 +1984,9 @@ <h1 class="mv0">2010</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="holy-blood-holy-grail" class="h-entry">
+                    <tr id="holy-blood-holy-grail">
                    	<td class="text-color-contrast">
-       					The Holy Blood And The Holy Grail
+       					<a href="https://johan.im/reading/#holy-blood-holy-grail" class="no-link">The Holy Blood And The Holy Grail</a>
                    	</td>
                    	<td>
                   		M. Baigent, R. Leigh &amp; H. Lincoln
@@ -1997,7 +1999,7 @@ <h1 class="mv0">2010</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sat Apr 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-04-10</time><br>
+        		              				<time title="Finished at Sat Apr 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sat Apr 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-04-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Calgary, Canada</small>
@@ -2008,9 +2010,9 @@ <h1 class="mv0">2010</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="noone-here-gets-out-alive" class="h-entry">
+                    <tr id="noone-here-gets-out-alive">
                    	<td class="text-color-contrast">
-       					No One Here Gets Out Alive
+       					<a href="https://johan.im/reading/#noone-here-gets-out-alive" class="no-link">No One Here Gets Out Alive</a>
                    	</td>
                    	<td>
                   		Jerry Hopkins &amp; Danny Sugarman
@@ -2023,7 +2025,7 @@ <h1 class="mv0">2010</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon May 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-05-10</time><br>
+        		              				<time title="Finished at Mon May 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon May 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-05-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Calgary, Canada</small>
@@ -2034,9 +2036,9 @@ <h1 class="mv0">2010</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="interview-with-the-vampire" class="h-entry">
+                    <tr id="interview-with-the-vampire">
                    	<td class="text-color-contrast">
-       					Interview wih the Vampire
+       					<a href="https://johan.im/reading/#interview-with-the-vampire" class="no-link">Interview wih the Vampire</a>
                    	</td>
                    	<td>
                   		Anne Rice
@@ -2049,7 +2051,7 @@ <h1 class="mv0">2010</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Wed Feb 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-02-10</time><br>
+        		              				<time title="Finished at Wed Feb 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Wed Feb 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-02-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Calgary, Canada</small>
@@ -2060,9 +2062,9 @@ <h1 class="mv0">2010</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="led-zeppelin-when-giants-walked-the-earth" class="h-entry">
+                    <tr id="led-zeppelin-when-giants-walked-the-earth">
                    	<td class="text-color-contrast">
-       					Led Zeppelin – When Giants Walked The Earth
+       					<a href="https://johan.im/reading/#led-zeppelin-when-giants-walked-the-earth" class="no-link">Led Zeppelin – When Giants Walked The Earth</a>
                    	</td>
                    	<td>
                   		Mick Wall
@@ -2075,7 +2077,7 @@ <h1 class="mv0">2010</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Jan 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-01-10</time><br>
+        		              				<time title="Finished at Sun Jan 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Jan 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-01-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Kauai, Hawaii</small>
@@ -2086,9 +2088,9 @@ <h1 class="mv0">2010</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="hammer-of-the-gods-the-led-zeppelin-saga" class="h-entry">
+                    <tr id="hammer-of-the-gods-the-led-zeppelin-saga">
                    	<td class="text-color-contrast">
-       					Hammer of the Gods – The Led Zeppelin Saga
+       					<a href="https://johan.im/reading/#hammer-of-the-gods-the-led-zeppelin-saga" class="no-link">Hammer of the Gods – The Led Zeppelin Saga</a>
                    	</td>
                    	<td>
                   		Stephen Davis
@@ -2101,7 +2103,7 @@ <h1 class="mv0">2010</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sun Jan 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-01-10</time><br>
+        		              				<time title="Finished at Sun Jan 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sun Jan 10 2010 00:00:00 GMT+0000 (Coordinated Universal Time)">2010-01-10</time><br>
          		              			
          		              			
         		              				<small class="font-sans fw4" title="Finished in">Kauai, Hawaii</small>
@@ -2128,9 +2130,9 @@ <h1 class="mv0">2008</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="the-old-man-and-the-sea" class="h-entry">
+                    <tr id="the-old-man-and-the-sea">
                    	<td class="text-color-contrast">
-       					The Old Man and the Sea
+       					<a href="https://johan.im/reading/#the-old-man-and-the-sea" class="no-link">The Old Man and the Sea</a>
                    	</td>
                    	<td>
                   		Ernest Hemingway
@@ -2143,7 +2145,7 @@ <h1 class="mv0">2008</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Sat May 10 2008 00:00:00 GMT+0000 (Coordinated Universal Time)">2008-05-10</time><br>
+        		              				<time title="Finished at Sat May 10 2008 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Sat May 10 2008 00:00:00 GMT+0000 (Coordinated Universal Time)">2008-05-10</time><br>
          		              			
          		              			
           		              		
@@ -2168,9 +2170,9 @@ <h1 class="mv0">2007</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="1984" class="h-entry">
+                    <tr id="1984">
                    	<td class="text-color-contrast">
-       					1984
+       					<a href="https://johan.im/reading/#1984" class="no-link">1984</a>
                    	</td>
                    	<td>
                   		George Orwell
@@ -2183,7 +2185,7 @@ <h1 class="mv0">2007</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Aug 10 2007 00:00:00 GMT+0000 (Coordinated Universal Time)">2007-08-10</time><br>
+        		              				<time title="Finished at Fri Aug 10 2007 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Aug 10 2007 00:00:00 GMT+0000 (Coordinated Universal Time)">2007-08-10</time><br>
          		              			
          		              			
           		              		
@@ -2192,9 +2194,9 @@ <h1 class="mv0">2007</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="animal-farm" class="h-entry">
+                    <tr id="animal-farm">
                    	<td class="text-color-contrast">
-       					Animal Farm
+       					<a href="https://johan.im/reading/#animal-farm" class="no-link">Animal Farm</a>
                    	</td>
                    	<td>
                   		George Orwell
@@ -2207,7 +2209,7 @@ <h1 class="mv0">2007</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri Aug 10 2007 00:00:00 GMT+0000 (Coordinated Universal Time)">2007-08-10</time><br>
+        		              				<time title="Finished at Fri Aug 10 2007 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri Aug 10 2007 00:00:00 GMT+0000 (Coordinated Universal Time)">2007-08-10</time><br>
          		              			
          		              			
           		              		
@@ -2232,9 +2234,9 @@ <h1 class="mv0">2002</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="the-silmarrillion" class="h-entry">
+                    <tr id="the-silmarrillion">
                    	<td class="text-color-contrast">
-       					The Silmarillion
+       					<a href="https://johan.im/reading/#the-silmarrillion" class="no-link">The Silmarillion</a>
                    	</td>
                    	<td>
                   		J.R.R. Tolkien
@@ -2247,7 +2249,7 @@ <h1 class="mv0">2002</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Fri May 10 2002 00:00:00 GMT+0000 (Coordinated Universal Time)">2002-05-10</time><br>
+        		              				<time title="Finished at Fri May 10 2002 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Fri May 10 2002 00:00:00 GMT+0000 (Coordinated Universal Time)">2002-05-10</time><br>
          		              			
          		              			
           		              		
@@ -2256,9 +2258,9 @@ <h1 class="mv0">2002</h1>
                    	</td>
                     </tr>
                 
-                    <tr id="bilbo" class="h-entry">
+                    <tr id="bilbo">
                    	<td class="text-color-contrast">
-       					Bilbo
+       					<a href="https://johan.im/reading/#bilbo" class="no-link">Bilbo</a>
                    	</td>
                    	<td>
                   		J.R.R. Tolkien
@@ -2271,7 +2273,7 @@ <h1 class="mv0">2002</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Thu Jan 10 2002 00:00:00 GMT+0000 (Coordinated Universal Time)">2002-01-10</time><br>
+        		              				<time title="Finished at Thu Jan 10 2002 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Thu Jan 10 2002 00:00:00 GMT+0000 (Coordinated Universal Time)">2002-01-10</time><br>
          		              			
          		              			
           		              		
@@ -2296,9 +2298,9 @@ <h1 class="mv0">2001</h1>
               		<th><span class="visually-hidden">Status</span></th>
                	</tr>
                 
-                    <tr id="the-lord-of-the-rings" class="h-entry">
+                    <tr id="the-lord-of-the-rings">
                    	<td class="text-color-contrast">
-       					The Lord of the Rings
+       					<a href="https://johan.im/reading/#the-lord-of-the-rings" class="no-link">The Lord of the Rings</a>
                    	</td>
                    	<td>
                   		J.R.R. Tolkien
@@ -2311,7 +2313,7 @@ <h1 class="mv0">2001</h1>
                           		
           		              		
          		              			
-        		              				<time title="Finished at" datetime="Mon Dec 10 2001 00:00:00 GMT+0000 (Coordinated Universal Time)">2001-12-10</time><br>
+        		              				<time title="Finished at Mon Dec 10 2001 00:00:00 GMT+0000 (Coordinated Universal Time)" datetime="Mon Dec 10 2001 00:00:00 GMT+0000 (Coordinated Universal Time)">2001-12-10</time><br>
          		              			
          		              			
           		              		
diff --git a/status.json b/status.json
index e2d0daef1..340c8ff7f 100644
--- a/status.json
+++ b/status.json
@@ -2,8 +2,8 @@
 
 {
     "johan": "4.0.0",
-    "version": "2641c0cae7f80d6b44c990f40fa505b53fc8b5fb",
-    "builtAt": "2024-01-27T02:08:34.012Z",
+    "version": "d5ac4adb24f9825599e3c21ddf7ecd0642f15e04",
+    "builtAt": "2024-01-27T14:32:23.254Z",
     "env": "production",
     "micro": "20240118204458"
 }
diff --git a/to-read/index.html b/to-read/index.html
index 851499f6b..ecc98931c 100644
--- a/to-read/index.html
+++ b/to-read/index.html
@@ -54,7 +54,7 @@ <h1 class="title ">Want to read.</h1>
 	
     <div class="prose measure">
       <p class="measure subhead">
-	Updated on <time class="text-color fw5" datetime="2024-01-27 02:08:02">Saturday, January 27th 2024</time>.
+	Updated on <time class="text-color fw5" datetime="2024-01-27 14:31:46">Saturday, January 27th 2024</time>.
 </p>
 
 <table class="textual">