@charset "UTF-8";
/* import */
@font-face { font-family: "American Typewriter Light"; src: url("../fonts/ITC%20American%20Typewriter/American%20Typewriter%20ITC%20Pro%20Light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: "American Typewriter Light Italic"; src: url("../fonts/ITC%20American%20Typewriter/American%20Typewriter%20ITC%20Pro%20Light%20Italic.otf") format("opentype"); font-weight: 300; font-style: italic; font-display: swap; }

@font-face { font-family: "American Typewriter"; src: url("../fonts/ITC%20American%20Typewriter/American%20Typewriter%20ITC%20Pro%20Medium.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "American Typewriter Italic"; src: url("../fonts/ITC%20American%20Typewriter/American%20Typewriter%20ITC%20Pro%20Medium%20Italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: "American Typewriter Bold"; src: url("../fonts/ITC%20American%20Typewriter/American%20Typewriter%20ITC%20Pro%20Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "American Typewriter Bold Italic"; src: url("../fonts/ITC%20American%20Typewriter/American%20Typewriter%20ITC%20Pro%20Bold%20Italic.otf") format("opentype"); font-weight: 700; font-style: italic; font-display: swap; }

@font-face { font-family: "American Typewriter Light Condensed"; src: url("../fonts/ITC%20American%20Typewriter/American%20Typewriter%20ITC%20Pro%20Light%20Condensed.otf") format("opentype"); font-weight: 300; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "American Typewriter Condensed"; src: url("../fonts/ITC%20American%20Typewriter/American%20Typewriter%20ITC%20Pro%20Condensed.otf") format("opentype"); font-weight: 400; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "American Typewriter Bold Condensed"; src: url("../fonts/ITC%20American%20Typewriter/American%20Typewriter%20ITC%20Pro%20Bold%20Condensed.otf") format("opentype"); font-weight: 700; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Kings Caslon Regular"; src: url("../fonts/Kings%20Caslon/KingsCaslonStdRg.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Kings Caslon Bold"; src: url("../fonts/Kings%20Caslon/KingsCaslonStdBd.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Kings Caslon Italic"; src: url("../fonts/Kings%20Caslon/KingsCaslonStdIt.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: "Kings Caslon Bold Italic"; src: url("../fonts/Kings%20Caslon/KingsCaslonStdBdIt.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; }

@font-face { font-family: "Kings Caslon Display Regular"; src: url("../fonts/Kings%20Caslon/KingsCaslonDisplayStdRg.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Kings Caslon Display Italic"; src: url("../fonts/Kings%20Caslon/KingsCaslonDisplayStdIt.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: "ACaslon Expert"; src: url("../fonts/Adobe%20Caslon%20Regular%20Expert.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "FCaslon Twelve Std"; src: url("../fonts/FCaslon/FCaslonTwelveITCStd-Roman.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "FCaslon Twelve Std Italic"; src: url("../fonts/FCaslon/FCaslonTwelveITCStd-Italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: "FCaslon Twelve Std Bold"; src: url("../fonts/FCaslon/FCaslonTwelveITCStd-Roman.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "FCaslon Poster ITC Std"; src: url("../fonts/FCaslon/FCaslonPosterITCStd-Roman.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Light"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-Light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Light Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-LightItalic.otf") format("opentype"); font-weight: 300; font-style: italic; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-Italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Medium"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Medium Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-MediumItalic.otf") format("opentype"); font-weight: 500; font-style: italic; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Bold"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Bold Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-BoldItalic.otf") format("opentype"); font-weight: 700; font-style: italic; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Extra Bold"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-ExtraBold.otf") format("opentype"); font-weight: 800; font-style: normal; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Extra Bold Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-ExtraBoldItalic.otf") format("opentype"); font-weight: 800; font-style: italic; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Super"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-Super.otf") format("opentype"); font-weight: 900; font-style: normal; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Super Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-SuperItalic.otf") format("opentype"); font-weight: 900; font-style: italic; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Light Condensed"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-LightCond.otf") format("opentype"); font-weight: 300; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Light Condensed Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-LightCondItalic.otf") format("opentype"); font-weight: 300; font-style: italic; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Condensed"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-Cond.otf") format("opentype"); font-weight: 400; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Condensed Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-CondItalic.otf") format("opentype"); font-weight: 400; font-style: italic; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Medium Condensed"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-MediumCond.otf") format("opentype"); font-weight: 500; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Medium Condensed Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-MediumCondItalic.otf") format("opentype"); font-weight: 500; font-style: italic; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Bold Condensed"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-BoldCond.otf") format("opentype"); font-weight: 700; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Bold Condensed Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-BoldCondItalic.otf") format("opentype"); font-weight: 700; font-style: italic; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Extra Bold Condensed"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-ExtraBoldCond.otf") format("opentype"); font-weight: 800; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Extra Bold Condensed Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-ExtraBoldCondItalic.otf") format("opentype"); font-weight: 800; font-style: italic; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Light Extended"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-LightExtended.otf") format("opentype"); font-weight: 300; font-style: normal; font-stretch: expanded; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Light Extended Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-LightExtendedItalic.otf") format("opentype"); font-weight: 300; font-style: italic; font-stretch: expanded; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Extended"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-Extended.otf") format("opentype"); font-weight: 400; font-style: normal; font-stretch: expanded; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Extended Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-ExtendedItalic.otf") format("opentype"); font-weight: 400; font-style: italic; font-stretch: expanded; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Medium Extended"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-MediumExtended.otf") format("opentype"); font-weight: 500; font-style: normal; font-stretch: expanded; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Medium Extended Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-MediumExtendedItalic.otf") format("opentype"); font-weight: 500; font-style: italic; font-stretch: expanded; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Bold Extended"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-BoldExtended.otf") format("opentype"); font-weight: 700; font-style: normal; font-stretch: expanded; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Bold Extended Italic"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-BoldExtendedItalic.otf") format("opentype"); font-weight: 700; font-style: italic; font-stretch: expanded; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Light OsF"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-LightOsF.otf") format("opentype"); font-weight: 300; font-style: normal; font-variant-numeric: oldstyle-nums; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Light Italic OsF"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-LightItalicOsF.otf") format("opentype"); font-weight: 300; font-style: italic; font-variant-numeric: oldstyle-nums; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Light SC"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-LightSC.otf") format("opentype"); font-weight: 300; font-style: normal; font-variant-caps: small-caps; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Bold Condensed Alt"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-BoldCondAlt.otf") format("opentype"); font-weight: 700; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Medium Condensed Alt"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-MediumCondAlt.otf") format("opentype"); font-weight: 500; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Medium Condensed Italic Alt"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-MediumCondItalicAlt.otf") format("opentype"); font-weight: 500; font-style: italic; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Extra Bold Alt"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-ExtraBoldAlt.otf") format("opentype"); font-weight: 800; font-style: normal; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Extra Bold Condensed Alt"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-ExtraBoldCondAlt.otf") format("opentype"); font-weight: 800; font-style: normal; font-stretch: condensed; font-display: swap; }

@font-face { font-family: "Akzidenz Grotesk Extra Bold Condensed Italic Alt"; src: url("../fonts/Akzidenz%20Grotesk/AkzidenzGrotesk-ExtraBoldCondItalicAlt.otf") format("opentype"); font-weight: 800; font-style: italic; font-stretch: condensed; font-display: swap; }

/* misc fonts */
@font-face { font-family: "Irvin Heading"; src: url("../fonts/Irvin-Heading.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "GrotesqueNo9W05-Regular"; src: url("../fonts/GrotesqueNo9%20W05%20Regular.ttf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Mrs Eaves Petite Caps OT"; src: url("../fonts/Mrs%20Eaves/Mrs%20Eaves%20All%20Petite%20Caps%20OT.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Mrs Eaves Lining OT"; src: url("../fonts/Mrs%20Eaves/Mrs%20Eaves%20Lining%20OT.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; font-variant-ligatures: common-ligatures; }

@font-face { font-family: "Mrs Eaves OT Roman"; src: url("../fonts/Mrs%20Eaves/MrsEavesOT-Roman.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Courier Std"; src: url("../fonts/Courier%20Std/CourierStd.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Courier Std Bold"; src: url("../fonts/Courier%20Std/CourierStd-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Flyerfonts Release"; src: url("../fonts/Flyerfonts-Release.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Flyerfonts Release"; src: url("../fonts/Flyerfonts-Malfunction.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "P22 Typewriter"; src: url("../fonts/p22-typewriter/P22%20Typewriter%20W05%20Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "LTC Remington Typewriter"; src: url("../fonts/LTC%20Remington%20Typewriter/LTCRemingtonTypewriterPro.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "LTC Remington Typewriter Italic"; src: url("../fonts/LTC%20Remington%20Typewriter/LTCRemingtonTypewriterPro-Italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: "Chandler 42 Lite"; src: url("../fonts/chandler-42/Chandler_42%20W05%20Lite.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: "Chandler 42 Lite Italic"; src: url("../fonts/chandler-42/Chandler_42%20W05%20LiteItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; }

@font-face { font-family: "Chandler 42"; src: url("../fonts/chandler-42/Chandler_42%20W05%20Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "Chandler 42 Italic"; src: url("../fonts/chandler-42/Chandler_42%20W05%20Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: "Chandler 42 Medium"; src: url("../fonts/chandler-42/Chandler_42%20W05%20Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: "Chandler 42 Medium Italic"; src: url("../fonts/chandler-42/Chandler_42%20W05%20MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; }

@font-face { font-family: "Chandler 42 Noir"; src: url("../fonts/chandler-42/Chandler_42%20W05%20Noir.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }

@font-face { font-family: "Chandler 42 Noir Italic"; src: url("../fonts/chandler-42/Chandler_42%20W05%20NoirItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; }

.backlinks-container { margin: 2rem 0; padding: 1rem; border: 1px solid #555553; border-radius: 4px; background-color: #F8F8FF; }

.backlinks-container h3 { margin-top: 0; font-size: 1.2rem; color: #2A2A29; }

.backlinks-container details summary { cursor: pointer; color: #80807c; font-weight: 600; margin-bottom: 0.5rem; }

.backlinks-container details summary:hover { color: #2A2A29; }

.backlinks-container .backlinks-list { list-style-type: none; padding-left: 0; margin: 0; }

.backlinks-container .backlink-item { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dotted #555553; }

.backlinks-container .backlink-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.backlinks-container .backlink-source { display: block; margin-bottom: 0.5rem; font-weight: 600; }

.backlinks-container .backlink-source, .backlinks-container .backlink-source:visited { color: #2A2A29; text-decoration: none; border-bottom: 1px solid #555553; }

.backlinks-container .backlink-source:hover { color: #80807c; }

.backlinks-container .backlink-context { margin: 0.5rem 0; padding: 0.5rem 0.75rem; font-size: 0.9rem; line-height: 1.4; border-left: 3px solid #c6c6cc; background-color: #FFFFF8; }

.backlinks-container .backlink-context em { font-style: normal; font-weight: 600; background-color: rgba(128, 128, 124, 0.1); padding: 0 0.2rem; }

.no-backlinks { display: none; }

/* variables */
/* body font */
/* display font */
/* sans-serif & monospace */
/* base features */
* { box-sizing: border-box; margin: 0; padding: 0; }

html { line-height: calc(1.6em + 0.13vw); font-size: calc(16px + 0.390625vw); font-family: "FCaslon Twelve Std", serif; hyphens: auto; text-align: justify; }

body { max-width: 75ch; --body-width: 75ch; margin: 0 auto; padding: 0.5em; background-color: #FFFFF8; color: #2A2A29; }

main { position: relative; /*max-width: var(--GW-body-max-width);*/ }

a { color: #555553; text-decoration: none; border-bottom: 1px solid #555553; }

a:hover { color: #80807c; }

#sidebar { display: flex; justify-content: center; font-family: "Chandler 42", serif; font-weight: normal; font-size: calc(16px + 0.390625vw); line-height: calc(1.6em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; }

#sidebar a#logo { color: inherit; text-decoration: none; border: 1px dotted #555553; border-bottom: 1px dotted #80807c; margin: 1px; padding: 0.25rem 0.75rem; align-content: center; }

#sidebar a#logo:hover { color: #80807c; }

#logo img { min-width: 3em; flex: 1 1 100%; filter: invert(11%) sepia(6%) saturate(187%) hue-rotate(22deg) brightness(105%) contrast(87%); /* $text-colour */ /* filter: invert(98%) sepia(18%) saturate(553%) hue-rotate(346deg) brightness(111%) contrast(105%); */ /* $background-colour */ }

#sidebar span#logotype { font-family: "Chandler 42 Medium", monospace; font-weight: normal; font-size: 2em; line-height: calc(1.6em + 0.13vw); font-style: normal; font-variant-caps: normal; }

.sidebar-links { flex: 1 1 100%; display: flex; flex-flow: row wrap; }

#sidebar a { display: block; text-align: center; font-variant: small-caps; color: inherit; text-decoration: none; }

#sidebar a:hover { color: #80807c; }

#sidebar .sidebar-links a { flex: 1 1 33%; padding: 0.25rem 0.75rem; align-content: center; color: inherit; text-decoration: none; border: 1px dotted #555553; font-family: "Chandler 42", serif; font-weight: normal; line-height: calc(1.6em + 0.13vw); font-style: normal; text-transform: uppercase; font-variant-caps: normal; }

#sidebar .sidebar-links a.patreon { display: block; text-align: center; font-variant: small-caps; color: #42ad1c; color: #42ad1c; text-decoration: none; }

#sidebar .sidebar-links a.patreon:hover { color: #42ad1c; }

#sidebar .sidebar-links a.subscribe { display: block; text-align: center; font-variant: small-caps; color: #ad1c42; color: #ad1c42; text-decoration: none; }

#sidebar .sidebar-links a.subscribe:hover { color: #8e3b51; }

aside.index.abstract { margin: 0 auto; }

#markdownBody { line-height: calc(1.45em + 0.13vw); /*	display: flex; flex-flow: row wrap;*/ margin: 1em auto; max-width: 75ch; }

#markdownBody .section-link-list { padding: 0 0 0 1.25em; margin: 1em 0; }

#markdownBody .section-link-list li { line-height: calc(1.65em + 0.13vw); padding: 0.1em; list-style-position: outside; margin: 0; }

#markdownBody #diaries .section-link-list li { list-style-type: square; }

.markdownBody a { color: #2A2A29; text-decoration: none; /*color: $text-colour;*/ font-variant-numeric: lining-nums; }

.markdownBody a:hover { color: #80807c; }

.markdownBody li { list-style-position: outside; }

p + p { text-indent: 2.25em; margin-top: 0; }

a.footnote-ref { vertical-align: super; line-height: 1; position: relative; top: 0.1em; padding: 0 0.1em; margin-left: 0.25em; font-variant-numeric: lining-nums; font-weight: 600; z-index: 1; }

.footnote-back { padding: 0 0.1em; margin-left: 0.1em; font-weight: 600; }

form p { text-indent: 0; }

h1.index-heading { border-bottom: 1px solid #80807c; margin: 1.125em 0 0 0; text-align: left; padding: 0; font-family: "Chandler 42", serif; font-weight: normal; font-size: 1.5rem; line-height: calc(1.15em + 0.13vw); font-style: normal; text-transform: lowercase; font-variant-caps: small-caps; }

h1.index-heading a { border-bottom: none; font-family: "Chandler 42", serif; font-weight: normal; font-size: 1.5rem; line-height: calc(1.15em + 0.13vw); font-style: normal; text-transform: lowercase; font-variant-caps: small-caps; }

h1.index-heading em { font-family: "Chandler 42", serif; font-weight: normal; font-size: 1.5rem; line-height: calc(1.15em + 0.13vw); font-style: italic; text-transform: lowercase; font-variant-caps: small-caps; }

hr.index-section-ornament { order: 4; border: 0; display: flex; margin: 0; width: 100%; }

hr.index-section-ornament::after { content: ""; margin: auto; width: 2.5em; height: 2.5em; background-repeat: no-repeat; background-position: center; background-origin: content-box; background-size: 2.5em; background-image: url("/assets/images/caslon-section-ornament.svg"); }

/*section > :first-child > a { border-bottom: none; }*/
footer { text-align: center; margin: 3em 0 1.5em 0; align-items: center; display: flex; flex-flow: column; }

.feedback a { color: #555553; text-decoration: none; }

.feedback a:hover { color: #80807c; }

.end-ornament { max-width: 75%; padding-bottom: 1.25em; }

.epitaph { max-width: 75ch; font-style: italic; }

#footer-logo { color: #555553; text-decoration: none; border: none; margin: 3em 0 0 0; align-content: center; }

#footer-logo:hover { color: #80807c; }

#footer-logo img { width: 75ch; /* filter: invert(98%) sepia(18%) saturate(553%) hue-rotate(346deg) brightness(111%) contrast(105%); */ /* $background-colour */ }

/* post layout */
.post section { margin-top: 2.75em; }

#page-metadata { margin: 0 0 2.25rem 0; text-align: center; font-family: "Akzidenz Grotesk", sans-serif; font-weight: normal; line-height: calc(em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; }

#page-description { margin: 0 auto 1em auto; text-align: center; font-family: "FCaslon Twelve Std", serif; font-weight: inherit; font-size: inherit; line-height: calc(1.6em + 0.13vw); font-style: italic; text-transform: none; font-variant-caps: normal; }

div#link-tags { margin: 0 auto 1em auto; text-align: center; font-family: "Akzidenz Grotesk", sans-serif; font-weight: normal; font-size: calc(16px + 0.390625vw); line-height: calc(1.6em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; }

span.page-status { font-style: italic; }

#TOC { border: 1px solid #c6c6cc; background-color: #F8F8FF; z-index: 20; padding: 1em; font-family: "Akzidenz Grotesk", sans-serif; font-weight: normal; font-size: 1rem; line-height: calc(1.15em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; text-align: left; }

.section-nav a { color: #4a4a4c; text-decoration: none; }

.section-nav a:hover { color: #dfdfe5; }

/* .blog-post-header { padding-bottom: 1em; } .blog-post-date { line-height: 1.60; font-size: 18px; font-weight: 700; display: inline; } .blog-post-date::before { content: "§"; font-style: normal; font-weight: bold; color: #111; text-decoration: none; } .blog-post-title { font-size: 18px; font-weight: 700; font-variant: small-caps; } .blog-post-title::before { content: "—"; font-style: normal; text-decoration: none; padding: 0.5rem; font-size: 18px; font-weight: 700; } .blog-post-modified-date { display: inline; font-style: italic; } .blog-post-modified-date::before { content: "("; text-decoration: none; } .blog-post-modified-date::after { content: ".)"; text-decoration: none; } .blog-post-description { font-style: italic; } .blog-post-description::before { content: "—"; font-style: normal; text-decoration: none; padding: 0.5rem; font-size: 18px; font-weight: 700; } */
/* blockquotes */
blockquote { margin: 1em 0 1.5em 0; padding: 1rem 1.25rem 1rem 1.25rem; border: 1px solid #c6c6cc; background-color: #F8F8FF; /*overflow: hidden;*/ display: flow-root; }

code { margin: 1em 0 1.5em 0; padding: 1rem 1.25rem 1rem 1.25rem; border: 1px solid #c6c6cc; background-color: #F8F8FF; /*overflow: hidden;*/ display: flow-root; text-wrap: wrap; }

.abstract blockquote { margin: 0 0 1.5em 0; padding-top: 1em; border: 1px solid #c6c6cc; background-color: #F8F8FF; font-family: "Akzidenz Grotesk", sans-serif; }

.abstract blockquote em { font-family: "Akzidenz Grotesk Italic", sans-serif; }

.abstract blockquote strong { font-family: "Akzidenz Grotesk", sans-serif; font-weight: 700; }

.epigraph { padding: 0.75em 2.5em; background-color: #FFFFF8; border: none; font-family: "FCaslon Twelve Std", serif; }

.epigraph p { font-style: italic; }

.epigraph p:last-child:not(:only-child) { margin: 0.5em 0 0 0; text-align: right; font-size: 0.75em; font-style: normal; }

.epigraph::before { display: block; position: absolute; font-size: 2.5em; content: "\201c"; left: -0.01em; }

.epigraph::after { display: block; position: absolute; font-size: 2.5em; content: "\201D"; right: -0.01em; }

/* images */
figure { margin: 1em auto; width: 100%; }

figcaption { text-align: center; font-size: 0.85em; font-family: "FCaslon Twelve Std", serif; line-height: calc(1.65em / 1.25); padding: 0.5rem; }

figcaption em { font-family: inherit; font-size: inherit; font-style: inherit; line-height: inherit; }

span.citation { font-style: italic; }

span.citation em { font-family: "FCaslon Twelve Std Italic", serif; text-transform: uppercase; }

img { max-width: 100%; display: block; margin: 0 auto; }

figure img { border: 1px solid #555553; box-shadow: 0 0 10px 0 #555553; }

/* lists */
ol { counter-reset: count; list-style-type: decimal; }

ol li::marker { content: counters(count, ".", decimal) ". "; }

li { counter-increment: count; padding: 0.65em 0 0.65em 0; margin-left: 2.25em; }

/* forms */

input[type=email] { width: 100%; padding: 1.25em 1.5em; margin: 0.75em; box-sizing: border-box; }
input[type=text] { padding: 1.25em 1.5em; margin: 0.75em; box-sizing: border-box; }
input[type=password] { padding: 1.25em 1.5em; margin: 0.75em; box-sizing: border-box; }
input[type=submit] { background-color: #F8F8FF; border: 1px solid #c6c6cc; color: #2a2a29; padding: 1.25em 1.5em; margin: 0.75em; text-align: center; text-decoration: none; display: inline-block; font-size: calc(16px + 0.390625vw); border-radius: 8px; box-shadow: 0 0 10px 0 #555553; cursor: pointer; }
input[type=submit]:hover { background-color: #dfdfe5;}

/* TOC */
#TOC > ul { column-count: 2; margin: 0; column-gap: 2em; list-style-type: none; padding: 0; }

#TOC a { color: #4a4a4c; text-decoration: none; border-bottom: none; }

#TOC a:hover { color: #dfdfe5; background-color: #F8F8FF; }

.section-nav > ul { counter-reset: htoc_1; list-style-type: none; }

.section-nav ul { text-indent: 0; padding: 0; overflow: unset; list-style-type: none; padding-left: 0.5em; padding-top: 0.25em; }

.section-nav li { font-weight: 700; position: relative; overflow-wrap: break-word; font-size: 0.9em; margin: 0; }

.section-nav li li { font-weight: normal; padding: 0; }

/* typography */
strong { font-family: "FCaslon Twelve Std", serif; font-weight: 700; font-size: calc(16px + 0.390625vw); line-height: calc(1.6em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; }

sup { font-family: "FCaslon Twelve Std", serif; font-weight: normal; line-height: calc(1.45em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; line-height: 1; }

em { font-family: "FCaslon Twelve Std Italic", serif; font-weight: normal; font-size: calc(16px + 0.390625vw); line-height: calc(1.6em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; }

h1 { font-family: "Chandler 42", serif; font-weight: 700; font-size: calc(16px + 0.390625vw); line-height: calc(1.6em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; }

h2 { font-family: "Chandler 42", serif; font-weight: 600; font-size: calc(16px + 0.390625vw); line-height: calc(1.6em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; }

h1.title { margin: 0.75em 0; text-align: center; letter-spacing: -1px; border-bottom: none; font-family: "Chandler 42", serif; font-weight: normal; font-size: 2.5em; line-height: calc(1.15em + 0.13vw); font-style: normal; text-transform: uppercase; font-variant-caps: normal; /* Comprehensive OpenType feature access */ font-feature-settings: "liga" 1, "dlig" 1, "hlig" 1, "calt" 1; -moz-font-feature-settings: "liga" 1, "dlig" 1, "hlig" 1, "calt" 1; -webkit-font-feature-settings: "liga" 1, "dlig" 1, "hlig" 1, "calt" 1; font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures contextual; }

h1.title em { font-family: "Chandler 42", serif; font-weight: normal; font-size: inherit; line-height: calc(1.15em + 0.13vw); font-style: italic; text-transform: uppercase; font-variant-caps: normal; }

section.level1 > h1 { border-bottom: 1px solid #80807c; text-align: right; padding: 0; margin: 1em 0em; position: relative; font-family: "Chandler 42", serif; font-weight: 700; font-size: 1.5rem; line-height: calc(1.15em + 0.13vw); font-style: normal; text-transform: none; /* Comprehensive OpenType feature access */ font-feature-settings: "liga" 1, "dlig" 1, "hlig" 1, "calt" 1; -moz-font-feature-settings: "liga" 1, "dlig" 1, "hlig" 1, "calt" 1; -webkit-font-feature-settings: "liga" 1, "dlig" 1, "hlig" 1, "calt" 1; font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures contextual; }

section.level1 > h1 a { border-bottom: none; }

section.level1 > h1.diary { text-align: center; border: none; margin-bottom: 0.5em; }

section.level1 hr { overflow: visible; /* For IE */ height: 30px; border-style: solid; border-color: black; border-width: 1px 0 0 0; border-radius: 20px; margin: 0.5em 0 0 0; padding: 0; }

section.level1 hr:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: black; border-width: 0 0 1px 0; border-radius: 20px; }

section.level2 hr { border-style: none; border-width: 0; border-radius: 0; margin: 0.5em 0 0 0; padding: 0; }

section.level2 hr:before { /* Not really supposed to work, but does */ display: block; content: "\01F7BB \01F7BE \01F7BB"; text-align: center; height: 0; margin-top: 0; border-style: none; border-color: none; border-width: 0; border-radius: 0; }

#markdownBody h2.chapter-subsection { text-align: center; font-style: italic; text-transform: capitalize; font-variant: normal; border: none; margin-bottom: 0.75em; }

#markdownBody section > h1 a::after { right: unset; left: 0; }

h1 a::after:not(diary) { content: "\00B6"; font-size: 0.75em; position: absolute; color: #80807c; text-decoration: none; bottom: 0.15em; right: 0; opacity: 0.5; }

h1 a::after { right: unset; left: 0; }

h1 a, h2 a { color: #555553; text-decoration: none; }

section.level2 > h2 { border-bottom: 1px dotted #555553; text-align: left; position: relative; padding: 0; margin: 1em 0em; font-family: "Chandler 42", serif; font-weight: 600; font-size: 1.25em; line-height: calc(1.15em + 0.13vw); font-style: normal; text-transform: uppercase; font-variant-caps: small-caps; /* Comprehensive OpenType feature access */ font-feature-settings: "liga" 1, "dlig" 1, "hlig" 1, "calt" 1; -moz-font-feature-settings: "liga" 1, "dlig" 1, "hlig" 1, "calt" 1; -webkit-font-feature-settings: "liga" 1, "dlig" 1, "hlig" 1, "calt" 1; font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures contextual; }

section.level2 > h2 a { border-bottom: none; }

section.level2 > h2 em { font: inherit; }

h2 a::after { content: "\00B6"; font-size: 0.75em; position: absolute; color: #2A2A29; text-decoration: none; bottom: 0.15em; right: 0; opacity: 0.5; }

h3 { position: relative; font-family: "Chandler 42", serif; font-weight: bold; font-size: 1.25em; line-height: calc(em + 0.13vw); font-style: normal; text-transform: capitalize; font-variant-caps: small-caps; }

div.csl-entry { padding-top: 0.75em; text-indent: 2.25em; }

section#footnotes { margin-top: 3.5em; }

section#footnotes hr { overflow: visible; /* For IE */ height: 30px; border-style: solid; border-color: #80807c; border-width: 1px 0 0 0; border-radius: 20px; }

section#footnotes hr:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #80807c; border-width: 0 0 1px 0; border-radius: 20px; }

@media (min-width: 650px) { /* introduce column-count: 2; sections around 1k pixels */ main { min-height: 100vh; display: flex; flex-flow: column; } article { flex: 1 1 auto; } header { padding: 0 2em; margin: 2.125rem 0 1.75rem 0; } #sidebar .sidebar-links a { text-transform: uppercase; font-weight: 600; flex: 1 1 auto; color: #80807c; text-decoration: none; } #sidebar .sidebar-links a:hover { color: #dfdfe5; } }

@media (min-width: 901px) { body.page-index #markdownBody { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2em; grid-row-gap: 0.5em; } article.post { max-width: 75ch; margin: 0 auto; } hr.index-section-ornament { grid-column: 1 / -1; order: unset; } #TOC { max-width: 285px; margin: 0 1.5rem 0 0; float: left; position: relative; box-shadow: -1rem 0 0 0 #FFFFF8, 1.5rem 0 0 0 #FFFFF8; } #TOC > ul { column-count: 1; } #TOC li { padding: 0; } .section-nav ul { margin-top: 0.25em; text-indent: 0; padding-left: 0.75em; padding-top: 0; } aside.index.abstract { grid-column: 1 / -1; } }

@media (min-width: 1041px) { /*aside.index.abstract { grid-column: 1 / -1; justify-self: center; } #markdownBody { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2em; }*/ /*#markdownBody section { width: 37ch; } #markdownBody section:nth-child(even) { margin: 0 1ch 0 0; }*/ }

@media (min-width: 1180px) { #sidebar a#logo { border: none; } #sidebar #logo img { width: 5em; } }

@media (min-width: 1761px) { body.page-index #markdownBody { grid-template-columns: 35ch 35ch 35ch; margin-left: -20ch; } #markdownBody { position: relative; } /*#markdownBody section:nth-last-child(-n+2) { margin-left: auto; }*/ /*#markdownBody { grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 2em; grid-row-gap: 0.5em; position: relative; } #markdownBody > * { display: grid; grid: subgrid / subgrid; grid-template-rows: subgrid; grid-template-columns: subgrid;*/ aside.index.abstract { margin-left: 33.25ch; max-width: 59.90ch; } }

@media (max-width: 1760px) { #sidenote-column-left, #sidenote-column-right { display: none; } }

/*************/
/* SIDENOTES */
/*************/
.sidenote-layout-cell { position: absolute; width: 100%; pointer-events: none; }

.sidenote-layout-cell > * { pointer-events: auto; }

#sidenote-column-left, #sidenote-column-right, #hidden-sidenote-storage { width: calc(50vw - (935px / 2 + 96px)); max-width: 935px; }

#sidenote-column-left, #sidenote-column-right { position: absolute; top: 0; height: 100%; z-index: 1; /*pointer-events: none;*/ }

#sidenote-column-left { right: calc(100% + 64px); }

#sidenote-column-right { left: calc(100% + 64px); }

#sidenote-column-left:empty, #sidenote-column-right:empty { display: none; }

/*=-----------------=*/
/*= Sidenote blocks =*/
/*=-----------------=*/
#markdownBody .sidenote { --sidenote-padding: 10px; --sidenote-border-width: 3px; --text-indent: 1.75em; position: absolute; left: 0; width: 100%; opacity: 0.85; padding: 2em 0 0 0; font-family: "FCaslon Twelve Std", serif; font-weight: normal; font-size: calc(16px * 0.85 + 0.331vw); line-height: calc(1.6em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; line-height: calc(1.45em + 0.13vw); transition: opacity 0.25s ease-in, transform 0.25s ease-in; }

#markdownBody .sidenote.displaced { transition: opacity 0.25s ease-out, transform 0.25s ease-out; }

#markdownBody .sidenote.hidden { display: none; }

#markdownBody .sidenote:hover, #markdownBody .sidenote.targeted, #markdownBody .sidenote.displaced, #markdownBody .sidenote.highlighted { background-color: #FFFFF8; opacity: 1.0; box-shadow: 0 0 0 16px #FFFFF8; }

#markdownBody .sidenote.targeted { z-index: 1; }

#markdownBody .sidenote.displaced { z-index: 2; }

#markdownBody .sidenote.highlighted, #markdownBody .sidenote:hover { z-index: 3; }

/*  This provides a solid hover margin. */
#markdownBody .sidenote::after { content: ""; position: absolute; width: calc(100% + 2 * var(--sidenote-padding)); height: calc(100% + 2 * var(--sidenote-padding)); top: calc(-1 * (var(--sidenote-padding) + var(--sidenote-border-width))); left: calc(-1 * (var(--sidenote-padding) + var(--sidenote-border-width))); }

#markdownBody .sidenote:hover::after, #markdownBody .sidenote.targeted::after, #markdownBody .sidenote.displaced::after, #markdownBody .sidenote.highlighted::after { border: 3px double #555553; }

#markdownBody .sidenote.cut-off::before { content: "…"; position: absolute; border: 1px dotted #555553; top: calc(100% - 1px); left: 0; right: 0; margin: auto; width: fit-content; z-index: 2; background-color: #FFFFF8; padding: 0.125em 0.5em 0.5em 0.5em; font-size: 1.25em; font-weight: 600; line-height: 0.5; pointer-events: none; }

#markdownBody .sidenote.cut-off:hover::before { visibility: hidden; }

#markdownBody .sidenote.cut-off.hide-more-indicator::before { visibility: hidden; }

#markdownBody .sidenote em, span.citation { font-family: "FCaslon Twelve Std Italic", serif; font-weight: normal; font-size: inherit; line-height: calc(em + 0.13vw); font-style: italic; text-transform: none; font-variant-caps: normal; }

#markdownBody .sidenote strong { font-family: "FCaslon Twelve Std", serif; font-weight: 700; font-size: inherit; line-height: calc(em + 0.13vw); font-style: normal; text-transform: none; font-variant-caps: normal; }

/*=-------------------=*/
/*= Sidenote wrappers =*/
/*=-------------------=*/
/*  Outer wrapper (scrolls). */
.sidenote-outer-wrapper { max-height: 600px; overflow: hidden; position: relative; z-index: 1; border-style: dotted; border-color: #555553; border-width: 1px 0; }

#markdownBody .sidenote:hover .sidenote-outer-wrapper, #markdownBody .sidenote.displaced .sidenote-outer-wrapper, #markdownBody .sidenote.highlighted .sidenote-outer-wrapper { /*  1px for inner border; 1px for minimum distance from edge. */ max-height: calc(100vh - (2em + 2 * (var(--sidenote-padding) + var(--sidenote-border-width) + 1px + 1px))); }

#markdownBody .sidenote.cut-off .sidenote-outer-wrapper { overflow-y: scroll; overscroll-behavior: none; width: 100%; padding: 0 0.5em 0 0; }

/*  Scroll bar styles (for WebKit/Chromium). */
#markdownBody .sidenote.cut-off .sidenote-outer-wrapper::-webkit-scrollbar { width: 12px; }

#markdownBody .sidenote.cut-off .sidenote-outer-wrapper::-webkit-scrollbar-thumb { background-image: var(--GW-checkerboard-scrollbar-background-image); background-size: 2px; box-shadow: 0 0 0 2px #FFFFF8 inset; }

#markdownBody .sidenote.cut-off .sidenote-outer-wrapper::-webkit-scrollbar-thumb:hover { background-image: var(--GW-checkerboard-scrollbar-hover-background-image); }

/*  Scroll bar styles (for Firefox). */
#markdownBody .sidenote.cut-off .sidenote-outer-wrapper { scrollbar-color: var(--GW-sidenote-scrollbar-thumb-color) #FFFFF8; }

#markdownBody .sidenote.cut-off .sidenote-outer-wrapper:hover { scrollbar-color: var(--GW-sidenote-scrollbar-thumb-hover-color) #FFFFF8; }

/*  Inner wrapper (does not scroll; stretches to height of content). */
.sidenote-inner-wrapper { position: relative; margin: 0.5em 0; }

/*  Ensure content is interactive. */
.sidenote-inner-wrapper > * { position: relative; z-index: 1; }

/*=--------------------------------------=*/
/*= Sidenote contents layout corrections =*/
/*=--------------------------------------=*/
#markdownBody .sidenote { --base-block-spacing: 0.2em; }

#markdownBody .sidenote .list { --list-left-padding: 1.75em; }

#markdownBody .sidenote li p { text-align: left; }

#markdownBody .sidenote .footnote-back { vertical-align: text-top; }

#markdownBody .sidenote blockquote > * { line-height: calc(1.25 / (var(--blockquote-font-size-scaling-factor) * 0.85)); }

/*=-------------------------------=*/
/*= Sidenote self-links (numbers) =*/
/*=-------------------------------=*/
#markdownBody .sidenote > .sidenote-self-link { font-weight: 700; font-family: "FCaslon Twelve Std", serif; position: absolute; top: -1px; background-image: none; border-style: dotted; border-color: #555553; border-width: 1px 1px 0px 1px; width: 2em; height: 2em; display: flex; align-items: center; justify-content: center; z-index: 1; }

#markdownBody #sidenote-column-left .sidenote > .sidenote-self-link { right: 0; }

#markdownBody #sidenote-column-right .sidenote > .sidenote-self-link { left: 0; }

#markdownBody .sidenote.targeted > .sidenote-self-link, #markdownBody .sidenote > .sidenote-self-link:hover { border-width: 3px; border-style: double; top: -3px; }

#markdownBody #sidenote-column-left .sidenote.targeted > .sidenote-self-link, #markdownBody #sidenote-column-left .sidenote > .sidenote-self-link:hover { right: -2px; }

#markdownBody #sidenote-column-right .sidenote.targeted > .sidenote-self-link, #markdownBody #sidenote-column-right .sidenote > .sidenote-self-link:hover { left: -2px; }

#markdownBody .sidenote.targeted > .sidenote-self-link::before, #markdownBody .sidenote > .sidenote-self-link:hover::before { content: ""; display: block; position: absolute; bottom: -3px; width: calc(50vw - (935px / 2 + 96px) + 10px); max-width: 550px; border-bottom: 3px double #555553; }

#markdownBody #sidenote-column-left .sidenote.targeted > .sidenote-self-link::before, #markdownBody #sidenote-column-left .sidenote > .sidenote-self-link:hover::before { right: -1px; }

#markdownBody #sidenote-column-right .sidenote.targeted > .sidenote-self-link::before, #markdownBody #sidenote-column-right .sidenote > .sidenote-self-link:hover::before { left: -1px; }

/*# sourceMappingURL=style.css.map */