<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="/static/feeds/rss.42666a0a4f7b.xsl" media="screen" type="text/xsl"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Architextual — Series: Lorem Ipsum</title><link>https://architextual.net/series/lorem-ipsum/</link><description>A series detailing every feature of this site.</description><atom:link href="https://architextual.net/feed/series/lorem-ipsum/" rel="self"/><language>en-us</language><lastBuildDate>Mon, 28 Sep 2026 13:59:40 +0000</lastBuildDate><item><title>Lorem Ipsum Inline Markup</title><link>https://architextual.net/posts/lorem-ipsum-inline-markup/</link><description>&lt;section class="block level1" data-level="1" data-slug="inline-formatting-tests" id="inline-formatting-tests"&gt;
&lt;h1 class="heading" data-level="1" data-slug="inline-formatting-tests" id="inline-formatting-tests"&gt;&lt;a href="#inline-formatting-tests" rel="noopener noreferrer" title="Link to section: § 'Inline Formatting tests'"&gt;Inline
Formatting
tests&lt;/a&gt;&lt;/h1&gt;
&lt;p class="block first-graf intro-graf"&gt;&lt;span class="marginnote"&gt;Margin note 3.&lt;/span&gt; &lt;span class="smallcaps"&gt;Inline formatting:&lt;/span&gt; &lt;em&gt;Italics&lt;/em&gt;.
&lt;strong&gt;Bold&lt;/strong&gt;. &lt;strong&gt;&lt;em&gt;Bold italics&lt;/em&gt;&lt;/strong&gt;.
&lt;code&gt;Code&lt;/code&gt;. &lt;span class="smallcaps"&gt;Smallcaps&lt;a class="footnote-ref" href="#fn1" id="fnref1" rel="noopener noreferrer"&gt;&lt;sup&gt;1&lt;/sup&gt;&lt;/a&gt;&lt;/span&gt; Span. &lt;a class="external-link" href="http://127.1.1.1:8000/posts/lorem-ipsum-block-elements/" rel="noopener noreferrer" target="_blank"&gt;Internal
link&lt;/a&gt;. &lt;a class="external-link" data-link-icon="youtube" data-link-icon-type="svg" href="https://youtube.com" rel="noopener noreferrer" target="_blank"&gt;External link&lt;/a&gt;. &lt;a class="external-link" href="https://microsoft.com" rel="noopener noreferrer" target="_blank"&gt;External &lt;em&gt;italicized&lt;/em&gt;
&lt;strong&gt;bolded&lt;/strong&gt; &lt;strong&gt;&lt;em&gt;bold italicized&lt;/em&gt;&lt;/strong&gt; then
&lt;span class="smallcaps"&gt;smallcaps’d&lt;/span&gt; (with bonus
&lt;code&gt;code&lt;/code&gt;) link&lt;/a&gt;. Superscript&lt;sup&gt;1&lt;/sup&gt;.
Subscript&lt;sub&gt;2&lt;/sub&gt;. • Interpunct separation. •
&lt;del&gt;Strikethrough&lt;/del&gt;.&lt;/p&gt;
&lt;p class="block"&gt;&lt;span class="marginnote"&gt;Margin note 3.&lt;/span&gt; &lt;span class="smallcaps"&gt;Inline formatting:&lt;/span&gt; &lt;em&gt;Italics&lt;/em&gt;.
&lt;strong&gt;Bold&lt;/strong&gt;. &lt;strong&gt;&lt;em&gt;Bold italics&lt;/em&gt;&lt;/strong&gt;.
&lt;code&gt;Code&lt;/code&gt;. &lt;span class="smallcaps"&gt;Smallcaps&lt;/span&gt; Span. &lt;a class="external-link" href="http://127.1.1.1:8000/posts/lorem-ipsum-block-elements/" rel="noopener noreferrer" target="_blank"&gt;Internal
link&lt;/a&gt;. &lt;a class="external-link" data-link-icon="youtube" data-link-icon-type="svg" href="https://youtube.com" rel="noopener noreferrer" target="_blank"&gt;External link&lt;/a&gt;. &lt;a class="external-link" href="https://microsoft.com" rel="noopener noreferrer" target="_blank"&gt;External &lt;em&gt;italicized&lt;/em&gt;
&lt;strong&gt;bolded&lt;/strong&gt; &lt;strong&gt;&lt;em&gt;bold italicized&lt;/em&gt;&lt;/strong&gt; then
&lt;span class="smallcaps"&gt;smallcaps’d&lt;/span&gt; (with bonus
&lt;code&gt;code&lt;/code&gt;) link&lt;/a&gt;. Superscript&lt;sup&gt;1&lt;/sup&gt;.
Subscript&lt;sub&gt;2&lt;/sub&gt;. • Interpunct separation. •
&lt;del&gt;Strikethrough&lt;/del&gt;.&lt;/p&gt;
&lt;p class="block"&gt;&lt;a class="external-link" href="https://gwern.net" rel="noopener noreferrer" target="_blank"&gt;Inline &lt;em&gt;italics&lt;/em&gt; then
&lt;code&gt;code&lt;/code&gt; then &lt;strong&gt;bold&lt;/strong&gt; then &lt;span class="smallcaps"&gt;smallcaps&lt;/span&gt; in link&lt;/a&gt;. (Entire link: &lt;a class="external-link" href="https://toyota.com" rel="noopener noreferrer" target="_blank"&gt;&lt;code&gt;code⁠&lt;/code&gt;&lt;/a&gt;.)&lt;/p&gt;
&lt;p class="block"&gt;In blockquotes:&lt;/p&gt;
&lt;blockquote class="blockquote-level-1"&gt;
&lt;p class="first-graf"&gt;&lt;em&gt;Italics&lt;/em&gt;. &lt;strong&gt;Bold&lt;/strong&gt;. &lt;strong&gt;&lt;em&gt;Bold
italics&lt;/em&gt;&lt;/strong&gt;. &lt;code&gt;Code&lt;/code&gt;. &lt;span class="smallcaps"&gt;Smallcaps&lt;a class="footnote-ref" href="#fn2" id="fnref2" rel="noopener noreferrer"&gt;&lt;sup&gt;2&lt;/sup&gt;&lt;/a&gt;&lt;/span&gt; Span. &lt;a class="external-link" href="http://127.1.1.1:8000/posts/lorem-ipsum-block-elements/" rel="noopener noreferrer" target="_blank"&gt;Internal
link&lt;/a&gt;. &lt;a class="external-link" href="https://google.com" rel="noopener noreferrer" target="_blank"&gt;External link&lt;/a&gt;. &lt;a class="external-link" href="https://microsoft.com" rel="noopener noreferrer" target="_blank"&gt;External &lt;em&gt;italicized&lt;/em&gt;&lt;br/&gt;
&lt;strong&gt;bolded&lt;/strong&gt; &lt;strong&gt;&lt;em&gt;bold italicized&lt;/em&gt;&lt;/strong&gt; then
&lt;span class="smallcaps"&gt;smallcaps’d&lt;/span&gt; (with bonus
&lt;code&gt;code&lt;/code&gt;) link&lt;/a&gt;. Superscript&lt;sup&gt;1&lt;/sup&gt;.
Subscript&lt;sub&gt;2&lt;/sub&gt;. • Interpunct separation. •
&lt;del&gt;Strikethrough&lt;/del&gt;.&lt;/p&gt;
&lt;blockquote class="blockquote-level-2"&gt;
&lt;p class="first-graf"&gt;&lt;em&gt;Italics&lt;/em&gt;. &lt;strong&gt;Bold&lt;/strong&gt;. &lt;strong&gt;&lt;em&gt;Bold
italics&lt;/em&gt;&lt;/strong&gt;. &lt;code&gt;Code&lt;/code&gt;. &lt;span class="smallcaps"&gt;Smallcaps&lt;a class="footnote-ref" href="#fn3" id="fnref3" rel="noopener noreferrer"&gt;&lt;sup&gt;3&lt;/sup&gt;&lt;/a&gt;&lt;/span&gt; Span. &lt;a class="external-link" href="http://127.1.1.1:8000/posts/lorem-ipsum-block-elements/" rel="noopener noreferrer" target="_blank"&gt;Internal
link&lt;/a&gt;. &lt;a class="external-link" href="https://google.com" rel="noopener noreferrer" target="_blank"&gt;External link&lt;/a&gt;. &lt;a class="external-link" href="https://microsoft.com" rel="noopener noreferrer" target="_blank"&gt;External &lt;em&gt;italicized&lt;/em&gt;&lt;br/&gt;
&lt;strong&gt;bolded&lt;/strong&gt; &lt;strong&gt;&lt;em&gt;bold italicized&lt;/em&gt;&lt;/strong&gt; then
&lt;span class="smallcaps"&gt;smallcaps’d&lt;/span&gt; (with bonus
&lt;code&gt;code&lt;/code&gt;) link&lt;/a&gt;. Superscript&lt;sup&gt;1&lt;/sup&gt;.
Subscript&lt;sub&gt;2&lt;/sub&gt;. • Interpunct separation. •
&lt;del&gt;Strikethrough&lt;/del&gt;.&lt;/p&gt;
&lt;blockquote class="blockquote-level-3"&gt;
&lt;p class="first-graf"&gt;&lt;em&gt;Italics&lt;/em&gt;. &lt;strong&gt;Bold&lt;/strong&gt;. &lt;strong&gt;&lt;em&gt;Bold
italics&lt;/em&gt;&lt;/strong&gt;. &lt;code&gt;Code&lt;/code&gt;. &lt;span class="smallcaps"&gt;Smallcaps&lt;a class="footnote-ref" href="#fn4" id="fnref4" rel="noopener noreferrer"&gt;&lt;sup&gt;4&lt;/sup&gt;&lt;/a&gt;&lt;/span&gt; Span. &lt;a class="external-link" href="http://127.1.1.1:8000/posts/lorem-ipsum-block-elements/" rel="noopener noreferrer" target="_blank"&gt;Internal
link&lt;/a&gt;. &lt;a class="external-link" href="https://google.com" rel="noopener noreferrer" target="_blank"&gt;External link&lt;/a&gt;.&lt;br/&gt;
&lt;a class="external-link" href="https://microsoft.com" rel="noopener noreferrer" target="_blank"&gt;External &lt;em&gt;italicized&lt;/em&gt;
&lt;strong&gt;bolded&lt;/strong&gt; &lt;strong&gt;&lt;em&gt;bold italicized&lt;/em&gt;&lt;/strong&gt; then
&lt;span class="smallcaps"&gt;smallcaps’d&lt;/span&gt; (with bonus
&lt;code&gt;code&lt;/code&gt;) link&lt;/a&gt;. Superscript&lt;sup&gt;1&lt;/sup&gt;.
Subscript&lt;sub&gt;2&lt;/sub&gt;. • Interpunct separation. •
&lt;del&gt;Strikethrough&lt;/del&gt;.&lt;/p&gt;
&lt;blockquote class="blockquote-level-4"&gt;
&lt;p class="first-graf"&gt;&lt;em&gt;Italics&lt;/em&gt;. &lt;strong&gt;Bold&lt;/strong&gt;. &lt;strong&gt;&lt;em&gt;Bold
italics&lt;/em&gt;&lt;/strong&gt;. &lt;code&gt;Code&lt;/code&gt;. &lt;span class="smallcaps"&gt;Smallcaps&lt;a class="footnote-ref" href="#fn5" id="fnref5" rel="noopener noreferrer"&gt;&lt;sup&gt;5&lt;/sup&gt;&lt;/a&gt;&lt;/span&gt; Span. &lt;a class="external-link" href="http://127.1.1.1:8000/posts/lorem-ipsum-block-elements/" rel="noopener noreferrer" target="_blank"&gt;Internal
link&lt;/a&gt;. &lt;a class="external-link" href="https://google.com" rel="noopener noreferrer" target="_blank"&gt;External link&lt;/a&gt;.&lt;br/&gt;
&lt;a class="external-link" href="https://microsoft.com" rel="noopener noreferrer" target="_blank"&gt;External &lt;em&gt;italicized&lt;/em&gt;
&lt;strong&gt;bolded&lt;/strong&gt; &lt;strong&gt;&lt;em&gt;bold italicized&lt;/em&gt;&lt;/strong&gt; then
&lt;span class="smallcaps"&gt;smallcaps’d&lt;/span&gt; (with bonus
&lt;code&gt;code&lt;/code&gt;) link&lt;/a&gt;. Superscript&lt;sup&gt;1&lt;/sup&gt;.
Subscript&lt;sub&gt;2&lt;/sub&gt;. • Interpunct separation. •
&lt;del&gt;Strikethrough&lt;/del&gt;.&lt;/p&gt;
&lt;blockquote class="blockquote-level-5"&gt;
&lt;p class="first-graf"&gt;&lt;em&gt;Italics&lt;/em&gt;. &lt;strong&gt;Bold&lt;/strong&gt;. &lt;strong&gt;&lt;em&gt;Bold
italics&lt;/em&gt;&lt;/strong&gt;. &lt;code&gt;Code&lt;/code&gt;. &lt;span class="smallcaps"&gt;Smallcaps&lt;a class="footnote-ref" href="#fn6" id="fnref6" rel="noopener noreferrer"&gt;&lt;sup&gt;6&lt;/sup&gt;&lt;/a&gt;&lt;/span&gt; Span. &lt;a class="external-link" href="http://127.1.1.1:8000/posts/lorem-ipsum-block-elements/" rel="noopener noreferrer" target="_blank"&gt;Internal
link&lt;/a&gt;. &lt;a class="external-link" href="https://google.com" rel="noopener noreferrer" target="_blank"&gt;External link&lt;/a&gt;.&lt;br/&gt;
&lt;a class="external-link" href="https://microsoft.com" rel="noopener noreferrer" target="_blank"&gt;External &lt;em&gt;italicized&lt;/em&gt;
&lt;strong&gt;bolded&lt;/strong&gt; &lt;strong&gt;&lt;em&gt;bold italicized&lt;/em&gt;&lt;/strong&gt; then
&lt;span class="smallcaps"&gt;smallcaps’d&lt;/span&gt; (with bonus
&lt;code&gt;code&lt;/code&gt;) link&lt;/a&gt;. Superscript&lt;sup&gt;1&lt;/sup&gt;.
Subscript&lt;sub&gt;2&lt;/sub&gt;. • Interpunct separation. •&lt;br/&gt;
&lt;del&gt;Strikethrough&lt;/del&gt;.&lt;/p&gt;
&lt;blockquote class="blockquote-level-6"&gt;
&lt;p class="first-graf"&gt;&lt;em&gt;Italics&lt;/em&gt;. &lt;strong&gt;Bold&lt;/strong&gt;. &lt;strong&gt;&lt;em&gt;Bold
italics&lt;/em&gt;&lt;/strong&gt;. &lt;code&gt;Code&lt;/code&gt;. &lt;span class="smallcaps"&gt;Smallcaps&lt;a class="footnote-ref" href="#fn7" id="fnref7" rel="noopener noreferrer"&gt;&lt;sup&gt;7&lt;/sup&gt;&lt;/a&gt;&lt;/span&gt; Span. &lt;a class="external-link" href="http://127.1.1.1:8000/posts/lorem-ipsum-block-elements/" rel="noopener noreferrer" target="_blank"&gt;Internal
link&lt;/a&gt;. &lt;a class="external-link" href="https://google.com" rel="noopener noreferrer" target="_blank"&gt;External link&lt;/a&gt;.&lt;br/&gt;
&lt;a class="external-link" href="https://microsoft.com" rel="noopener noreferrer" target="_blank"&gt;External &lt;em&gt;italicized&lt;/em&gt;
&lt;strong&gt;bolded&lt;/strong&gt; &lt;strong&gt;&lt;em&gt;bold italicized&lt;/em&gt;&lt;/strong&gt; then
&lt;span class="smallcaps"&gt;smallcaps’d&lt;/span&gt; (with bonus
&lt;code&gt;code&lt;/code&gt;) link&lt;/a&gt;. Superscript&lt;sup&gt;1&lt;/sup&gt;.
Subscript&lt;sub&gt;2&lt;/sub&gt;. • Interpunct separation. •&lt;br/&gt;
&lt;del&gt;Strikethrough&lt;/del&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;p class="block first-graf"&gt;Adding text to see if I can get it to re-render. More tests! Did this
work?&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-1"/&gt;
&lt;section class="block level2" data-level="2" data-slug="long-lines" id="long-lines"&gt;
&lt;h2 class="heading" data-level="2" data-slug="long-lines" id="long-lines"&gt;&lt;a href="#long-lines" rel="noopener noreferrer" title="Link to section: § 'Long Lines'"&gt;Long
Lines&lt;/a&gt;&lt;/h2&gt;
&lt;ul class="list list-level-1 big-list block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;strong&gt;Hyphenation:&lt;/strong&gt;
pneumonoultramicroscopicsilicovolcanoconiosis
pseudopseudohypoparathyroidism floccinaucinihilipilification
antidisestablishmentarianism supercalifragilisticexpialidocious
incomprehensibilities strengths euouae unimaginatively
honorificabilitudinitatibus sesquipedalianism otorhinolaryngological
immunoelectrophoretically psychophysicotherapeutics
thyroparathyroidectomized pneumoencephalographically
radioimmunoelectrophoresis psychoneuroendocrinological
hepaticocholangiogastrostomy spectrophotofluorometrically.&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;strong&gt;Slashes:&lt;/strong&gt; Cwm/&lt;wbr/&gt;fjord/&lt;wbr/&gt;veg/&lt;wbr/&gt;balks/&lt;wbr/&gt;nth/&lt;wbr/&gt;pyx/&lt;wbr/&gt;quiz.
Bortz/&lt;wbr/&gt;waqf/&lt;wbr/&gt;glyphs/&lt;wbr/&gt;vex/&lt;wbr/&gt;muck/&lt;wbr/&gt;djinn. PR/&lt;wbr/&gt;flacks/&lt;wbr/&gt;quiz/&lt;wbr/&gt;gym:/&lt;wbr/&gt;TV/&lt;wbr/&gt;DJ/&lt;wbr/&gt;box/&lt;wbr/&gt;when?
Zing,/&lt;wbr/&gt;dwarf/&lt;wbr/&gt;jocks/&lt;wbr/&gt;vex/&lt;wbr/&gt;lymph,/&lt;wbr/&gt;Qutb.
Zing,/&lt;wbr/&gt;vext/&lt;wbr/&gt;cwm/&lt;wbr/&gt;fly/&lt;wbr/&gt;jabs/&lt;wbr/&gt;Kurd/&lt;wbr/&gt;qoph.&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;strong&gt;URLs/&lt;wbr/&gt;Code:&lt;/strong&gt; &lt;code&gt;https://&lt;wbr/&gt;gwern.substack.com/&lt;/code&gt;
• &lt;code&gt;https://&lt;wbr/&gt;www.patreon.com/&lt;wbr/&gt;gwern&lt;/code&gt; •
&lt;code&gt;https://&lt;wbr/&gt;fis.fda.gov/&lt;wbr/&gt;sense/&lt;wbr/&gt;app/&lt;wbr/&gt;d10be6bb-494e-4cd2-82e4-0135608ddc13/&lt;wbr/&gt;sheet/&lt;wbr/&gt;45beeb74-30ab-46be-8267-5756582633b4/&lt;wbr/&gt;state/&lt;wbr/&gt;analysis&lt;/code&gt;
•
&lt;code&gt;https://&lt;wbr/&gt;forum.evageeks.org/&lt;wbr/&gt;post/&lt;wbr/&gt;366709/&lt;wbr/&gt;Im-calling-it-right-now/&lt;wbr/&gt;#366709&lt;/code&gt;
•
&lt;code&gt;https://&lt;wbr/&gt;www.reddit.com/&lt;wbr/&gt;r/&lt;wbr/&gt;TOUHOUMUSIC/&lt;wbr/&gt;search/&lt;wbr/&gt;?q=author%3Agwern&amp;amp;sort=new&amp;amp;restrict_sr=on&amp;amp;t=all&lt;/code&gt;
•
&lt;code&gt;https://&lt;wbr/&gt;forum.evageeks.org/&lt;wbr/&gt;post/&lt;wbr/&gt;366717/&lt;wbr/&gt;Im-calling-it-right-now/&lt;wbr/&gt;#366717&lt;/code&gt;
•
&lt;code&gt;https://&lt;wbr/&gt;forum.evageeks.org/&lt;wbr/&gt;post/&lt;wbr/&gt;366731/&lt;wbr/&gt;Im-calling-it-right-now/&lt;wbr/&gt;#366731&lt;/code&gt;
• &lt;code&gt;https://&lt;wbr/&gt;www.thiswaifudoesnotexist.net/&lt;/code&gt; •
&lt;code&gt;https://&lt;wbr/&gt;www.lesswrong.com/&lt;wbr/&gt;tag/&lt;wbr/&gt;inside-outside-view&lt;/code&gt; •
&lt;code&gt;https://&lt;wbr/&gt;predictionbook.com/&lt;wbr/&gt;users/&lt;wbr/&gt;gwern&lt;/code&gt; •
&lt;code&gt;https://&lt;wbr/&gt;www.reddit.com/&lt;wbr/&gt;r/&lt;wbr/&gt;Vocaloid/&lt;wbr/&gt;search/&lt;wbr/&gt;?q=author%3Agwern&amp;amp;sort=new&amp;amp;restrict_sr=on&amp;amp;t=all&lt;/code&gt;
•
&lt;code&gt;https://&lt;wbr/&gt;forum.evageeks.org/&lt;wbr/&gt;post/&lt;wbr/&gt;366565/&lt;wbr/&gt;Im-calling-it-right-now/&lt;wbr/&gt;#366565&lt;/code&gt;
•
&lt;code&gt;https://&lt;wbr/&gt;forum.evageeks.org/&lt;wbr/&gt;post/&lt;wbr/&gt;558013/&lt;wbr/&gt;EOE-OST-Title-Translations/&lt;wbr/&gt;#558013&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;strong&gt;Citations&lt;/strong&gt; (should not break in the middle but as an
unit): Foo 1990, Foo &amp;amp; Bar 1991, Foo &amp;amp; Quux 1992, Foo et al
1993, Foo 1994, Foo et al 1995, Foo 1996, Foo et al 1997, Foo et al
1998, Foo et al 1999, Foo et al 2000, Foo et al 2001, Foo et al 2002,
Foo et al 2003, Foo et al 2004, Foo et al 2005, Foo et al 2006, Foobar
2007, Baz et al 2008, Foo et al 2009, Quux et al 2010, Foo 2011,
Foo &amp;amp; Bar 2012, Foo &amp;amp; Quux 2013, Foo et al 2014, Foo et al 2015,
Foo et al 2016, Foobar 2017, Baz et al 2018, Quux et al 2019,
Foo &amp;amp; Quux 2020, Foo et al 2021, Foo et al 2022, Foo et al
2023.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="block first-graf"&gt;This also tests whether the citations are properly subscripted.&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-2"/&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="accents" id="accents"&gt;
&lt;h2 class="heading" data-level="2" data-slug="accents" id="accents"&gt;&lt;a href="#accents" rel="noopener noreferrer" title="Link to section: § 'Accents'"&gt;Accents&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;Serif test cases (default):&lt;/p&gt;
&lt;p class="block"&gt;Dépôt Légal : Q4-1989-01969. ISBN (éd. orig.).&lt;/p&gt;
&lt;p class="block"&gt;Précieux éclairage sur l’un de ces organismes de recherche restés
jusqu’ici méconnus, M. Trente a rendu à la communauté savante un service
insigne, mettant en lumière. Espérée de la postérité, des érudits
œuvrent sans relâche en à un autre de ces hauts lieux. Université
T. U. O. T. (retraité à Chavignolles (Bouvard et Pécuchet))&lt;/p&gt;
&lt;p class="block"&gt;Sans-serif test cases (Source Sans 3):&lt;/p&gt;
&lt;div class="sans-serif"&gt;
&lt;p class="block"&gt;Dépôt Légal : Q4-1989-01969. ISBN (éd. orig.).&lt;/p&gt;
&lt;p class="block"&gt;Précieux éclairage sur l’un de ces organismes de recherche restés
jusqu’ici méconnus, M. Trente a rendu à la communauté savante un service
insigne, mettant en lumière. Espérée de la postérité, des érudits
œuvrent sans relâche en à un autre de ces hauts lieux. Université
T. U. O. T. (retraité à Chavignolles (Bouvard et Pécuchet))&lt;/p&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="smallcaps" id="smallcaps"&gt;
&lt;h2 class="heading" data-level="2" data-slug="smallcaps" id="smallcaps"&gt;&lt;a href="#smallcaps" rel="noopener noreferrer" title="Link to section: § 'Smallcaps'"&gt;Smallcaps&lt;/a&gt;&lt;/h2&gt;
&lt;p class="list-heading block first-graf"&gt;Alphabet in smallcaps:&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;capitals: &lt;span class="smallcaps"&gt;A B C D E F G H I J K L M N O P Q
R S T U V W X Y Z 0 1 2 3 4 5 6 7 8 9&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;lowercase: &lt;span class="smallcaps"&gt;a b c d e f g h i j k l m n o p q
r s t u v w x y z&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;Manual smallcaps (alternating):&lt;/p&gt;
&lt;ul class="list list-level-1 big-list block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="smallcaps"&gt;Yar Pirate Ipsum.&lt;/span&gt; Prow Scuttle Parrel
Provost. &lt;span class="smallcaps"&gt;Sail Ho Shrouds Spirits Boom Mizzenmast
Yardarm.&lt;/span&gt; Pinnace Holystone Mizzenmast Quarter Crow’s Nest
Nipperkin Grog Yardarm Hempen Halter Furl. &lt;span class="smallcaps"&gt;Swab
Barque Interloper Chantey Doubloon Starboard Grog Black Jack Gangway
Rutters.&lt;/span&gt; Trysail Sail Ho Corsair Red Ensign Hulk Smartly Boom Jib
Rum Gangway. &lt;span class="smallcaps"&gt;Ford To City: ‘Drop
Dead’.&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="subscriptsuperscript" id="subscriptsuperscript"&gt;
&lt;h2 class="heading" data-level="2" data-slug="subscriptsuperscript" id="subscriptsuperscript"&gt;&lt;a href="#subscriptsuperscript" rel="noopener noreferrer" title="Link to section: § 'Subscript+Superscript'"&gt;Subscript+Superscript&lt;/a&gt;&lt;/h2&gt;
&lt;ul class="list list-level-1 big-list block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;R&lt;span class="subsup"&gt;&lt;sub&gt;2&lt;/sub&gt;&lt;sup&gt;3&lt;/sup&gt;&lt;/span&gt; = 0.6499&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;h&lt;span class="subsup"&gt;&lt;sub&gt;1&lt;/sub&gt;&lt;sup&gt;men&lt;/sup&gt;&lt;/span&gt; = 0.56, h&lt;span class="subsup"&gt;&lt;sub&gt;2&lt;/sub&gt;&lt;sup&gt;women&lt;/sup&gt;&lt;/span&gt; =
0.54&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Average number of articles read on the browser
&lt;em&gt;NumArticles&lt;/em&gt;&lt;span class="subsup"&gt;&lt;sub&gt;Browser&lt;/sub&gt;&lt;sup&gt;it&lt;/sup&gt;&lt;/span&gt; by subscribers and
non-subscribers&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;section class="block level3" data-level="3" data-slug="date-subscripts" id="date-subscripts"&gt;
&lt;h3 class="heading" data-level="3" data-slug="date-subscripts" id="date-subscripts"&gt;&lt;a href="#date-subscripts" rel="noopener noreferrer" title="Link to section: § 'Date Subscripts'"&gt;Date
Subscripts&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;One reason I’m interested in the date subscript idea is that I
already try to be consistent with commas to distinguish years from
numbers which happen to fall in the range 1,000–2,100. (What about years
whose number form wouldn’t have a comma, and they are ambiguous, like
‘999’ the number vs ‘AD 999’? There aren’t many of those on Gwern.net so
they’ll just have to be marked up manually or possibly the regexp match
made more complicated to match an AD/&lt;wbr/&gt;BC suffix).
&lt;a class="citation" data-citation="(Chittka et al., 2025)" data-citation-keys="chittka2025exploration" href="#ref-chittka2025exploration" role="doc-noteref"&gt;(Chittka et al., 2025)&lt;/a&gt;&lt;/p&gt;
&lt;p class="block"&gt;So hypothetically I can mark up years differently from numbers, and
ranges as well.&lt;/p&gt;
&lt;p class="block"&gt;A date ‘1500’ (which is not the number ‘1,500’) can be subscripted
&lt;code&gt;1500~524ya~&lt;/code&gt; while a ‘1,500’ is ignored; and a date-range
like ‘the third Swiss-Franco incursion (1549–1603) led to…’ can be
marked up as both a sub and superscript, say, like 1549 to tell you at a
glance that this war lasted an epic half century half a millennium ago.
&lt;a class="citation" data-citation="(Dobzhansky, 1973)" data-citation-keys="dobzhansky1973nothing" href="#ref-dobzhansky1973nothing" role="doc-noteref"&gt;(Dobzhansky, 1973)&lt;/a&gt;&lt;/p&gt;
&lt;p class="list-heading block"&gt;So it’d go:&lt;/p&gt;
&lt;ul class="list list-level-1 big-list block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;single non-date number: nothing&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;single date number: subscript years-ago&lt;/p&gt;
&lt;p class="in-list"&gt;Ranges and years-ago are rounded like inflation, to keep them
workable for large ones, like in archaeology or anthropology or
evolution where you might have a 10 million year range 100 million years
ago.&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;double non-date number range: superscript range&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;double date number: superscript range, subscript
years-ago.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;hr class="block horizontal-rule horizontal-rule-3"/&gt;
&lt;p class="block first-graf"&gt;Test-cases for using subscripts to annotate dates with auto-generated
time spans to avoid the ‘context collapse’ or ‘eternal present’ problem
as temporal intuitions seem to be breaking down.&lt;/p&gt;
&lt;blockquote class="blockquote-level-1"&gt;
&lt;p class="first-graf"&gt;WWII was &lt;span class="date-range-since date-range" title="The date range 1939–1945 lasted 6 years, ending 81 years ago."&gt;1939&lt;span class="subsup"&gt;&lt;sup&gt;–&lt;/sup&gt;&lt;sub&gt;6y&lt;/sub&gt;&lt;/span&gt;1945&lt;sub&gt;81ya&lt;/sub&gt;&lt;/span&gt;, or more
specifically, &lt;span class="date-range-since date-range" title="The date range 1939-09-01–1945-09-02 lasted 6 years, ending 81 years ago."&gt;1939-09-01&lt;span class="subsup"&gt;&lt;sup&gt;–&lt;/sup&gt;&lt;sub&gt;6y&lt;/sub&gt;&lt;/span&gt;1945-09-02&lt;sub&gt;81ya&lt;/sub&gt;&lt;/span&gt;.&lt;/p&gt;
&lt;p&gt;The end of WWII was 1945. It is now 2025. It used to be 2009. Whereas
in the year 1492, Columbus sailed the ocean blue. RIPE Sir Thomas Browne
(&lt;span class="date-range-since date-range" title="The date range 1605-10–1682-10 lasted 77 years, ending 344 years ago."&gt;1605-10&lt;span class="subsup"&gt;&lt;sup&gt;–&lt;/sup&gt;&lt;sub&gt;77y&lt;/sub&gt;&lt;/span&gt;1682-10&lt;sub&gt;344ya&lt;/sub&gt;&lt;/span&gt;).&lt;/p&gt;
&lt;p&gt;Hirohito reigned &lt;span class="date-range-since date-range" title="The date range 1926–1989 lasted 63 years, ending 37 years ago."&gt;1926&lt;span class="subsup"&gt;&lt;sup&gt;–&lt;/sup&gt;&lt;sub&gt;63y&lt;/sub&gt;&lt;/span&gt;1989&lt;sub&gt;37ya&lt;/sub&gt;&lt;/span&gt;. The
first atomic bombing to surrender speech interval was &lt;span class="date-since"&gt;1945-08-06–1945-08-15&lt;sub&gt;81ya&lt;/sub&gt;&lt;/span&gt;. Then &lt;span class="date-since"&gt;1945-08-15–1945-10-09&lt;sub&gt;81ya&lt;/sub&gt;&lt;/span&gt; saw the new cabinet. In
the 1900s, &lt;em&gt;Neon Genesis Evangelion&lt;/em&gt;: &lt;span class="date-since"&gt;1995-10-04–1996-03-27&lt;sub&gt;30ya&lt;/sub&gt;&lt;/span&gt;, or
sim1995-10-1996-03.&lt;br/&gt;
There were 1,700-2,001 ships available for moe anthropomorphism. 999. 1.
55. 2. 2600. 0. 3-2-1-0. 2000s.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="numbers" id="numbers"&gt;
&lt;h2 class="heading" data-level="2" data-slug="numbers" id="numbers"&gt;&lt;a href="#numbers" rel="noopener noreferrer" title="Link to section: § 'Numbers'"&gt;Numbers&lt;/a&gt;&lt;/h2&gt;
&lt;p class="list-heading block first-graf"&gt;Old-style numbers (default for inline use):&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;0123456789 0,123,456,789. 1,234.567890. 0 1 2 3 4 5 6 7 8 9.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;Tabular numbers (override):&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="tabular-nums"&gt;0123456789 0,123,456,789. 1,234.567890. 0
1 2 3 4 5 6 7 8 9. Q4-1989-01969. ISBN (éd. orig.)
0-571-10012-Z&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;Numbers in links here (lining rather than old-style, to avoid
skipping ink):&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;a class="external-link" data-link-icon="wikipedia" data-link-icon-type="svg" href="https://en.wikipedia.org/wiki/Pandigital_number" rel="noopener noreferrer" target="_blank"&gt;9,876,543,210.&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;Dates (YYYY-MM-DD):&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;2020-09-29&lt;sub&gt;6ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-range-since date-range" title="The date range 1970-01-01–2022-01-19 lasted 52 years, ending 4 years ago."&gt;1970-01-01&lt;span class="subsup"&gt;&lt;sup&gt;–&lt;/sup&gt;&lt;sub&gt;52y&lt;/sub&gt;&lt;/span&gt;2022-01-19&lt;sub&gt;4ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-range-since date-range" title="The date range 1970-01-01–2022-01-19 lasted 52 years, ending 4 years ago."&gt;1970-01-01&lt;span class="subsup"&gt;&lt;sup&gt;–&lt;/sup&gt;&lt;sub&gt;52y&lt;/sub&gt;&lt;/span&gt;2022-01-19&lt;sub&gt;4ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;2025-09-28&lt;sub&gt;1ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;AD 673&lt;sub&gt;1353ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;1500 BC&lt;sub&gt;3526ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;1986-12-22&lt;sub&gt;39ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;1549&lt;sub&gt;477ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;1986&lt;sub&gt;40ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;673&lt;sub&gt;1353ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;984 BCE&lt;sub&gt;3010ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;984 BC&lt;sub&gt;3010ya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;200,000 BC&lt;sub&gt;202kya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="date-since"&gt;1.4 million BC&lt;sub&gt;1.4mya&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="block first-graf"&gt;There was a brief period after 1549 in which the dark ages began and
millions of people dies. I’m not sure if the time since 1986 has been
the same. Does a third date inclusion of 1972 matter?&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="math-inline" id="math-inline"&gt;
&lt;h2 class="heading" data-level="2" data-slug="math-inline" id="math-inline"&gt;&lt;a href="#math-inline" rel="noopener noreferrer" title="Link to section: § 'Math (inline)'"&gt;Math
(inline)&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;&lt;span class="math inline"&gt;\(E = mc^2\)&lt;/span&gt; as long as &lt;span class="math inline"&gt;\(E = \frac{1}{2}\)&lt;/span&gt;&lt;/p&gt;
&lt;p class="block"&gt;&lt;span class="math inline"&gt;\(\phi = \frac{1 +
\sqrt{5}}{2}\)&lt;/span&gt;&lt;/p&gt;
&lt;p class="block"&gt;Water’s formula is &lt;span class="math inline"&gt;\(H_2O\)&lt;/span&gt; and
Einstein wrote &lt;span class="math inline"&gt;\(E = mc^2\)&lt;/span&gt;.&lt;/p&gt;
&lt;p class="block"&gt;Adjusted fractions: &lt;span class="math inline"&gt;\(\frac{123}{456}\)&lt;/span&gt;. &lt;span class="math inline"&gt;\(\frac{1234}{5678}\)&lt;/span&gt;. &lt;span class="math inline"&gt;\(\frac{1}{2345}\)&lt;/span&gt;. &lt;span class="math inline"&gt;\(\frac{1234}{5}\)&lt;/span&gt;.&lt;/p&gt;
&lt;p class="block"&gt;Not-adjusted fractions: &lt;span class="math inline"&gt;\(\frac{a}{b}\)&lt;/span&gt;. &lt;span class="math inline"&gt;\(\frac{1}{log(n)}\)&lt;/span&gt;. &lt;span class="math inline"&gt;\(\frac{log(n)}{pi}\)&lt;/span&gt;. &lt;span class="math inline"&gt;\(\frac{1,234}{2}\)&lt;/span&gt;. &lt;span class="math inline"&gt;\(\frac{1}{234,567}\)&lt;/span&gt;.&lt;/p&gt;
&lt;p class="block"&gt;&lt;span class="math inline"&gt;\(\LaTeX\)&lt;/span&gt; inline: If &lt;span class="math inline"&gt;\(E\)&lt;/span&gt; then &lt;span class="math inline"&gt;\(mc^2\)&lt;/span&gt;? Regular version: If &lt;em&gt;E&lt;/em&gt; then
&lt;em&gt;mc&lt;sup&gt;2&lt;/sup&gt;&lt;/em&gt;? (See also logotypes: &lt;span class="math inline"&gt;\(\TeX\)&lt;/span&gt;)&lt;/p&gt;
&lt;p class="block"&gt;Run-together equals signs: $1,000=1,000,000; &lt;span class="math inline"&gt;\(2=2x1\)&lt;/span&gt;; &lt;span class="math inline"&gt;\(1+2=3\)&lt;/span&gt;; &lt;span class="math inline"&gt;\(1+2
\neq 40,000,000\)&lt;/span&gt;.&lt;/p&gt;
&lt;p class="list-heading block"&gt;&lt;span class="math inline"&gt;\(\newcommand{\latex}{\LaTeX}\)&lt;/span&gt; Now
use &lt;span class="math inline"&gt;\(\latex\)&lt;/span&gt; anywhere.&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="math inline"&gt;\(\dfrac{a}{b}\)&lt;/span&gt; - display-style
fraction&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="math inline"&gt;\(\tfrac{a}{b}\)&lt;/span&gt; - text-style
fraction&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="link-icons" id="link-icons"&gt;
&lt;h2 class="heading" data-level="2" data-slug="link-icons" id="link-icons"&gt;&lt;a href="#link-icons" rel="noopener noreferrer" title="Link to section: § 'Link Icons'"&gt;Link
Icons&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;&lt;a class="external-link" data-link-icon="youtube" data-link-icon-type="svg" href="https://www.youtube.com" rel="noopener noreferrer" target="_blank"&gt;YouTube&lt;/a&gt;&lt;br/&gt;
&lt;a class="external-link" data-link-icon="github" data-link-icon-type="svg" href="https://www.github.com" rel="noopener noreferrer" target="_blank"&gt;GitHub&lt;/a&gt;&lt;br/&gt;
&lt;a class="external-link" data-link-icon="wikipedia" data-link-icon-type="svg" href="https://wikipedia.org" rel="noopener noreferrer" target="_blank"&gt;Wikipedia&lt;/a&gt;&lt;br/&gt;
&lt;a class="external-link" data-link-icon="google-scholar" data-link-icon-type="svg" href="https://scholar.google.com" rel="noopener noreferrer" target="_blank"&gt;Google Scholar&lt;/a&gt;&lt;br/&gt;
&lt;a class="external-link" data-link-icon="plos" data-link-icon-type="svg" href="https://plos.org" rel="noopener noreferrer" target="_blank"&gt;PLoS&lt;/a&gt;&lt;br/&gt;
&lt;a class="external-link" data-link-icon="nlm-ncbi" data-link-icon-type="svg" href="https://www.ncbi.nlm.nih.gov" rel="noopener noreferrer" target="_blank"&gt;NLM-NCBI&lt;/a&gt;&lt;/p&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="footnotes footnotes-end-of-document block" id="footnotes"&gt;
&lt;hr class="block horizontal-rule horizontal-rule-1"/&gt;&lt;a class="section-self-link graf-content-not" href="#footnotes" title="Link to section: § 'Footnotes'"&gt;&lt;/a&gt;
&lt;ol class="list list-level-1 big-list block"&gt;
&lt;li class="in-list footnote block" id="fn1"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn1" title="Link to footnote 1"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;Footnote number one. Testing an incredibly long
footnote. I used to read old weight training books. In one of them the
author proudly recalled how his secretary had asked him for advice on
how to lose weight. This guy went around studying all the secretaries
and noticed that the thin ones sat more upright compared to the fat
ones. He then recommended to his secretary that she sit more upright,
and if she did this she would lose weight. What I loved most about that
whole story was that the guy was so proud of his analysis and conclusion
that he made it an entire chapter of his book, and that no one in the
entire publishing chain from the writer to the editor to the proofreader
to the librarian who put the book on the shelves noticed any problems
with any of it.&lt;a class="footnote-back" href="#fnref1" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list footnote block" id="fn2"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn2" title="Link to footnote 2"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;Footnote number two. Testing an incredibly long
footnote.&lt;a class="footnote-back" href="#fnref2" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list footnote block" id="fn3"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn3" title="Link to footnote 3"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;Testing?! Testing an incredibly long footnote with
features. &lt;figure class="block"&gt;&lt;span class="figure-outer-wrapper"&gt;&lt;span class="image-wrapper img focusable"&gt;&lt;picture&gt;&lt;source sizes="(max-width: 649px) 100vw, 935px" srcset="https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-400w.avif 400w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-800w.avif 800w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-1600w.avif 1600w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-2400w.avif 2400w" type="image/avif"/&gt;&lt;source sizes="(max-width: 649px) 100vw, 935px" srcset="https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-400w.webp 400w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-800w.webp 800w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-1600w.webp 1600w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-2400w.webp 2400w" type="image/webp"/&gt;&lt;img alt="The crab nebula." class="focusable gallery-image" data-aspect-ratio="1 / 1" decoding="async" fetchpriority="high" height="2560" loading="eager" sizes="(max-width: 649px) 100vw, 935px" src="https://cdn.architextual.net/assets/2025/12/Crab_Nebula.jpg" srcset="https://cdn.architextual.net/assets/renditions/2025/12/img-crab-nebula-400w.jpeg 400w, https://cdn.architextual.net/assets/renditions/2025/12/img-crab-nebula-800w.jpeg 800w, https://cdn.architextual.net/assets/renditions/2025/12/img-crab-nebula-1600w.jpeg 1600w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-2400w.jpg 2400w" style="aspect-ratio: 1 / 1; --img-ar: 1.0000; background-color: #b5c8ca" width="2560"/&gt;&lt;/picture&gt;&lt;/span&gt;&lt;span class="caption-wrapper"&gt;&lt;figcaption&gt;This is a mosaic image, one of the largest ever taken by NASA’s
Hubble Space Telescope, of the Crab Nebula, a six-light-year-wide
expanding remnant of a star’s supernova explosion.&lt;/figcaption&gt;&lt;/span&gt;&lt;/span&gt;&lt;/figure&gt;&lt;/p&gt;
&lt;div class="table-wrapper block"&gt;&lt;div class="table-scroll-wrapper"&gt;&lt;table&gt;
&lt;colgroup&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;/colgroup&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Name&lt;/th&gt;
&lt;th&gt;Role&lt;/th&gt;
&lt;th&gt;Status&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Alice&lt;/td&gt;
&lt;td&gt;Engineer&lt;/td&gt;
&lt;td&gt;Active&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Bob&lt;/td&gt;
&lt;td&gt;Designer&lt;/td&gt;
&lt;td&gt;Away&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p class="in-list first-graf"&gt;&lt;span class="math display"&gt;\[\mathcal{O}(\log(n)) \equiv
\mathbb{E}[1]\]&lt;/span&gt;&lt;a class="footnote-back" href="#fnref3" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list footnote block" id="fn4"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn4" title="Link to footnote 4"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam tincidunt cursus ex at consectetur. Nam quis accumsan est. Morbi
tristique quam porttitor tempus imperdiet. In et nunc lacinia, molestie
enim vel, pellentesque orci. Donec eget vehicula lorem, ut dapibus
nulla. Quisque condimentum, erat id laoreet molestie, ante nunc ornare
lorem, in pulvinar diam erat tincidunt risus. Suspendisse a finibus
nisl. Curabitur feugiat quis nisl et scelerisque. Aenean consequat
faucibus lacus, aliquet auctor erat.&lt;/p&gt;
&lt;p class="in-list"&gt;Fusce cursus purus a pellentesque euismod. In at vestibulum dolor.
Nulla id dictum sapien. Mauris rhoncus nisi id neque viverra aliquet.
Aenean suscipit sem lacus, sed venenatis risus viverra ac. Suspendisse
porttitor elit mauris, sit amet dignissim massa efficitur laoreet.
Praesent vel arcu consequat, tincidunt velit at, porttitor massa.
Praesent lacinia rutrum convallis. Suspendisse elementum ipsum non justo
venenatis sagittis. Etiam in elementum sapien, a iaculis quam. Quisque
sem ligula, luctus in mauris id, venenatis mollis est. Sed velit diam,
suscipit non aliquam vitae, feugiat eu nisi.&lt;/p&gt;
&lt;p class="in-list"&gt;Aenean ultricies, libero quis ultrices fermentum, nulla erat commodo
tortor, in faucibus nibh ante in tellus. Integer tincidunt purus sed
magna vehicula, ac tincidunt lectus aliquam. Cras turpis neque, auctor
ac venenatis vel, dapibus vel nulla. Vestibulum gravida turpis ac lacus
accumsan, in placerat purus pharetra. Integer tristique mi iaculis ante
auctor egestas. Duis justo sapien, facilisis sed malesuada vel,
malesuada quis lorem. Maecenas sagittis pulvinar tellus, quis venenatis
lacus vestibulum non. Orci varius natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Nulla id mauris urna.&lt;/p&gt;
&lt;p class="in-list"&gt;Integer a ultricies lectus. Vivamus eleifend, neque nec egestas
faucibus, ipsum tortor lacinia nunc, eu faucibus magna lorem sed velit.
Vestibulum convallis est ut ex pulvinar commodo. Cras commodo rhoncus
nisi, eu blandit ligula sagittis sit amet. Aenean interdum arcu sed
viverra interdum. Vestibulum diam mauris, facilisis sit amet consequat
sed, eleifend nec eros. Mauris mollis ligula erat, sagittis porttitor
libero molestie vel. Ut bibendum mauris sit amet arcu pretium, sagittis
bibendum urna tempus. Proin bibendum dui vel velit gravida varius.&lt;/p&gt;
&lt;p class="in-list"&gt;Morbi pretium condimentum neque, quis consectetur nisi dignissim at.
In congue nulla ac porttitor vehicula. Ut gravida egestas libero, ut
consequat enim dictum a. Vestibulum ornare eu tortor vel dignissim.
Proin sodales lectus vel velit varius, eget semper erat ultrices. In
fringilla egestas lectus fermentum molestie. Donec nec nisl at quam
efficitur commodo sit amet a ante. Pellentesque malesuada efficitur
ornare. Nullam vel turpis sit amet odio pellentesque varius nec quis
turpis. Donec suscipit, erat vitae bibendum blandit, felis lectus
interdum tellus, at interdum velit ex at tortor.&lt;/p&gt;
&lt;blockquote class="blockquote-level-1"&gt;
&lt;p class="in-list first-graf"&gt;Morbi pretium condimentum neque, quis consectetur nisi dignissim at.
In congue nulla ac porttitor vehicula. Ut gravida egestas libero, ut
consequat enim dictum a. Vestibulum ornare eu tortor vel dignissim.
Proin sodales lectus vel velit varius, eget semper erat ultrices. In
fringilla egestas lectus fermentum molestie. Donec nec nisl at quam
efficitur commodo sit amet a ante. Pellentesque malesuada efficitur
ornare. Nullam vel turpis sit amet odio pellentesque varius nec quis
turpis. Donec suscipit, erat vitae bibendum blandit, felis lectus
interdum tellus, at interdum velit ex at tortor.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p class="in-list first-graf"&gt;Aenean ultricies, libero quis ultrices fermentum, nulla erat commodo
tortor, in faucibus nibh ante in tellus. Integer tincidunt purus sed
magna vehicula, ac tincidunt lectus aliquam. Cras turpis neque, auctor
ac venenatis vel, dapibus vel nulla. Vestibulum gravida turpis ac lacus
accumsan, in placerat purus pharetra. Integer tristique mi iaculis ante
auctor egestas. Duis justo sapien, facilisis sed malesuada vel,
malesuada quis lorem. Maecenas sagittis pulvinar tellus, quis venenatis
lacus vestibulum non. Orci varius natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Nulla id mauris urna.&lt;a class="footnote-back" href="#fnref4" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list footnote block" id="fn5"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn5" title="Link to footnote 5"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;Shorter&lt;a class="footnote-back" href="#fnref5" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list footnote block" id="fn6"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn6" title="Link to footnote 6"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;Short&lt;a class="footnote-back" href="#fnref6" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list footnote block" id="fn7"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn7" title="Link to footnote 7"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;Sh&lt;a class="footnote-back" href="#fnref7" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
&lt;section class="references level1 block" id="references" role="doc-bibliography"&gt;
&lt;h1 class="heading"&gt;&lt;a href="#references" title="Link to section: § 'References'"&gt;References&lt;/a&gt;&lt;/h1&gt;
&lt;ol class="reference-list block" data-citation-format="author-date"&gt;
&lt;li class="reference-entry" id="ref-chittka2025exploration"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;Chittka, L., Skeels, S., Dyakova, O., &amp;amp; Janbon, M. (2025). The exploration of consciousness in insects. &lt;i&gt;Philosophical Transactions of the Royal Society of London. Series B, Biological Sciences&lt;/i&gt;, &lt;i&gt;380&lt;/i&gt;(1939), rstb20240302. https://doi.org/10.1098/rstb.2024.0302&lt;/div&gt;&lt;/span&gt;
&lt;/li&gt;
&lt;li class="reference-entry" id="ref-dobzhansky1973nothing"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;Dobzhansky, T. (1973). Nothing in Biology Makes Sense except in the Light of Evolution. &lt;i&gt;The American Biology Teacher&lt;/i&gt;, &lt;i&gt;35&lt;/i&gt;(3), 125–129. https://doi.org/10.2307/4444260&lt;/div&gt;&lt;/span&gt; &lt;a class="reference-file-link external-link" data-link-icon="pdf" data-link-icon-type="svg" href="https://cdn.architextual.net/sources/2026/04/Dobzhansky-nothing-biology-make-sense.pdf" rel="noopener noreferrer" target="_blank"&gt;[PDF]&lt;/a&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Matthew Bryant</dc:creator><pubDate>Wed, 17 Dec 2025 20:21:42 +0000</pubDate><guid isPermaLink="false">post:1</guid><enclosure length="0" type="image/jpeg" url="https://cdn.architextual.net/assets/2025/12/Crab_Nebula.jpg"/><category>Engine</category><category>Lorem</category><category>Markup</category><category>Administrative</category></item><item><title>Lorem Ipsum Block Elements</title><link>https://architextual.net/posts/lorem-ipsum-block-elements/</link><description>&lt;section class="block level1" data-level="1" data-slug="block-elements" id="block-elements"&gt;
&lt;h1 class="heading" data-level="1" data-slug="block-elements" id="block-elements"&gt;&lt;a href="#block-elements" rel="noopener noreferrer" title="Link to section: § 'Block Elements'"&gt;Block
Elements&lt;/a&gt;&lt;/h1&gt;
&lt;section class="block level2" data-level="2" data-slug="lists-test" id="lists-test"&gt;
&lt;h2 class="heading" data-level="2" data-slug="lists-test" id="lists-test"&gt;&lt;a href="#lists-test" rel="noopener noreferrer" title="Link to section: § 'Lists test'"&gt;Lists
test&lt;/a&gt;&lt;/h2&gt;
&lt;p class="list-heading block first-graf"&gt;Unordered list hierarchy (3-levels):&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;strong&gt;First&lt;/strong&gt;&lt;/p&gt;
&lt;ul class="list list-level-2"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="smallcaps"&gt;Second&lt;/span&gt;&lt;/p&gt;
&lt;ul class="list list-level-3"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;em&gt;Third&lt;/em&gt;&lt;/p&gt;
&lt;ul class="list list-level-4"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;strong&gt;Fourth&lt;/strong&gt;&lt;/p&gt;
&lt;ul class="list list-level-5"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;span class="smallcaps"&gt;Fifth&lt;/span&gt;&lt;/p&gt;
&lt;ul class="list list-level-6"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;em&gt;Sixth&lt;/em&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;Ordered list hierarchy:&lt;/p&gt;
&lt;ol class="list list-level-1 list-type-decimal block" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;First&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Second
&lt;/p&gt;&lt;ol class="list list-level-2 list-type-upper-roman" type="I"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Third&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fourth
&lt;/p&gt;&lt;ol class="list list-level-3 list-type-lower-alpha" type="a"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fifth&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Sixth
&lt;/p&gt;&lt;ol class="list list-level-4 list-type-upper-alpha" type="A"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Seventh&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eighth
&lt;/p&gt;&lt;ol class="list list-level-5 list-type-lower-roman" type="i"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Ninth&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Tenth
&lt;/p&gt;&lt;ol class="list list-level-6 list-type-decimal" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eleventh&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Twelfth&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p class="list-heading block first-graf"&gt;Mixed lists:&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;First
&lt;/p&gt;&lt;ol class="list list-level-2 list-type-decimal" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Second
&lt;/p&gt;&lt;ul class="list list-level-3"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Third
&lt;/p&gt;&lt;ol class="list list-level-4 list-type-upper-roman" type="I"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fourth
&lt;/p&gt;&lt;ul class="list list-level-5"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fifth
&lt;/p&gt;&lt;ol class="list list-level-6 list-type-lower-alpha" type="a"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Sixth&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ol class="list list-level-1 list-type-decimal block" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;First
&lt;/p&gt;&lt;ul class="list list-level-2"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Second
&lt;/p&gt;&lt;ol class="list list-level-3 list-type-upper-roman" type="I"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Third
&lt;/p&gt;&lt;ul class="list list-level-4"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fourth
&lt;/p&gt;&lt;ol class="list list-level-5 list-type-lower-alpha" type="a"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fifth
&lt;/p&gt;&lt;ul class="list list-level-6"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Sixth&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p class="block first-graf"&gt;Blockquote:&lt;/p&gt;
&lt;blockquote class="blockquote-level-1"&gt;
&lt;ol class="list list-level-1 list-type-decimal" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;First
&lt;/p&gt;&lt;ul class="list list-level-2"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Second
&lt;/p&gt;&lt;ol class="list list-level-3 list-type-decimal" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Third
&lt;/p&gt;&lt;ul class="list list-level-4"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fourth
&lt;/p&gt;&lt;ol class="list list-level-5 list-type-decimal" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fifth
&lt;/p&gt;&lt;ul class="list list-level-6"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Sixth&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/blockquote&gt;
&lt;p class="list-heading block first-graf"&gt;Testing multiple items at each level:&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;One
&lt;/p&gt;&lt;ul class="list list-level-2"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Two&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Three&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Four
&lt;/p&gt;&lt;ul class="list list-level-2"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Five&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Five (again?)&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Six&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Seven&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eight
&lt;/p&gt;&lt;ul class="list list-level-2"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Nine
&lt;/p&gt;&lt;ul class="list list-level-3"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Ten&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eleven&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Twelve
&lt;/p&gt;&lt;ul class="list list-level-3"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Thirteen&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fourteen
&lt;/p&gt;&lt;ul class="list list-level-4"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fifteen&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Sixteen&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ol class="list list-level-1 list-type-decimal block" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;One
&lt;/p&gt;&lt;ol class="list list-level-2 list-type-upper-roman" type="I"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Two&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Three&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Four
&lt;/p&gt;&lt;ol class="list list-level-2 list-type-upper-roman" type="I"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Five&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Five (again?)&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Six&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Seven&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eight
&lt;/p&gt;&lt;ol class="list list-level-2 list-type-upper-roman" type="I"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Nine
&lt;/p&gt;&lt;ol class="list list-level-3 list-type-lower-alpha" type="a"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Ten&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eleven&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Twelve
&lt;/p&gt;&lt;ol class="list list-level-3 list-type-lower-alpha" type="a"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Thirteen&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fourteen
&lt;/p&gt;&lt;ol class="list list-level-4 list-type-decimal" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fifteen&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Sixteen&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;One
&lt;/p&gt;&lt;ol class="list list-level-2 list-type-decimal" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Two&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Three&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Four
&lt;/p&gt;&lt;ol class="list list-level-2 list-type-decimal" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Five&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Five (again?)&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Six&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Seven&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eight
&lt;/p&gt;&lt;ol class="list list-level-2 list-type-decimal" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Nine
&lt;/p&gt;&lt;ul class="list list-level-3"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Ten&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eleven&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Twelve
&lt;/p&gt;&lt;ul class="list list-level-3"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Thirteen&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fourteen
&lt;/p&gt;&lt;ol class="list list-level-4 list-type-upper-roman" type="I"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fifteen&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Sixteen&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ol class="list list-level-1 list-type-decimal block" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;One
&lt;/p&gt;&lt;ul class="list list-level-2"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Two&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Three&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Four
&lt;/p&gt;&lt;ul class="list list-level-2"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Five&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Five&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Six&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Seven&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eight
&lt;/p&gt;&lt;ul class="list list-level-2"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Nine
&lt;/p&gt;&lt;ol class="list list-level-3 list-type-upper-roman" type="I"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Ten&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eleven&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Twelve
&lt;/p&gt;&lt;ol class="list list-level-3 list-type-upper-roman" type="I"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Thirteen&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fourteen
&lt;/p&gt;&lt;ul class="list list-level-4"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fifteen&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Sixteen&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p class="list-heading block first-graf"&gt;Test list-continuation vs new paragraph indentation confusion
example:&lt;/p&gt;
&lt;ul class="list list-level-1 big-list block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;When the commissionaire had gone, Holmes took up the stone and
held it against the light. “It’s a bonny thing,” said he. “Just see how
it glints and sparkles. Of course it is a nucleus and focus of crime.
Every good stone is. They are the devil’s pet baits. In the larger and
older jewels every facet may stand for a bloody deed. This stone is not
yet twenty years old. It was found in the banks of the Amoy River in
southern China and is remarkable in having every characteristic of the
carbuncle, save that it is blue in shade instead of ruby red. In spite
of its youth, it has already a sinister history. There have been two
murders, a vitriol-throwing, a suicide, and several robberies brought
about for the sake of this forty-grain weight of crystallised charcoal.
Who would think that so pretty a toy would be a purveyor to the gallows
and the prison? I’ll lock it up in my strong box now and drop a line to
the Countess to say that we have it.”&lt;/p&gt;
&lt;p class="in-list"&gt;“Do you think that this man Horner is innocent?”&lt;/p&gt;
&lt;p class="in-list"&gt;“I cannot tell.”&lt;/p&gt;
&lt;p class="in-list"&gt;“Well, then, do you imagine that this other one, Henry Baker, had
anything to do with the matter?”&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;“It is, I think, much more likely that Henry Baker is an
absolutely innocent man, who had no idea that the bird which he was
carrying was of considerably more value than if it were made of solid
gold. That, however, I shall determine by a very simple test if we have
an answer to our advertisement.”&lt;/p&gt;
&lt;p class="in-list"&gt;“And you can do nothing until then?”&lt;/p&gt;
&lt;p class="in-list"&gt;“Nothing.”&lt;/p&gt;
&lt;p class="in-list"&gt;“In that case I shall continue my professional round. But I shall
come back in the evening at the hour you have mentioned, for I should
like to see the solution of so tangled a business.”&lt;/p&gt;
&lt;p class="in-list"&gt;“Very glad to see you. I dine at seven. There is a woodcock, I
believe. By the way, in view of recent occurrences, perhaps I ought to
ask Mrs. Hudson to examine its crop.”&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;I had been delayed at a case, and it was a little after half-past
six when I found myself in Baker Street once more. As I approached the
house I saw a tall man in a Scotch bonnet with a coat which was buttoned
up to his chin waiting outside in the bright semicircle which was thrown
from the fanlight. Just as I arrived the door was opened, and we were
shown up together to Holmes’ room.&lt;/p&gt;
&lt;p class="in-list"&gt;“Mr. Henry Baker, I believe,” said he, rising from his armchair and
greeting his visitor with the easy air of geniality which he could so
readily assume. “Pray take this chair by the fire, Mr. Baker. It is a
cold night, and I observe that your circulation is more adapted for
summer than for winter. Ah, Watson, you have just come at the right
time. Is that your hat, Mr. Baker?”&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="block first-graf"&gt;When Dottie was an adult, she adopted two baby alligators without
knowing quite what to do with them. So she left them in her bathtub
until she could decide how to proceed. The next day she was out doing
errands when her maid let herself in. Dottie returned to an uncleaned
apartment and a note: “Dear Madam. I am leaving, as I cannot work in a
house with alligators. I would have told you this before, but I never
thought the subject would come up.” [This paragraph should look like a
new paragraph after the list ended, not a continuation of the third list
item.]&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="blockquotes" id="blockquotes"&gt;
&lt;h2 class="heading" data-level="2" data-slug="blockquotes" id="blockquotes"&gt;&lt;a href="#blockquotes" rel="noopener noreferrer" title="Link to section: § 'Blockquotes'"&gt;Blockquotes&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;Consecutive blockquotes:&lt;/p&gt;
&lt;blockquote class="blockquote-level-1"&gt;
&lt;p class="first-graf"&gt;&lt;span class="marginnote"&gt;Margin note 2.&lt;/span&gt; Waltz, nymph, for
quick jigs vex Bud. Sphinx of black quartz, judge my vow! Pack my box
with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf.
Jackdaws love my big sphinx of quartz. The five boxing wizards jump
quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing
daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox,
zebra and my wolves quack! Sympathizing would fix Quacker objectives. A
wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex
Trebek’s fun TV quiz game. By Jove, my quick study of lexicography won a
prize! Waxy and quivering, jocks fumble the pizza.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote class="blockquote-level-1"&gt;
&lt;p class="first-graf"&gt;&lt;span class="marginnote"&gt;Another, longer blockquote.&lt;/span&gt; Waltz,
nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow.
Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex
dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards
jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow,
vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig,
fox, zebra and my wolves quack! Sympathizing would fix Quacker
objectives. A wizard’s job is to vex chumps quickly in fog. Watch
Jeopardy!, Alex Trebek’s fun TV quiz game. By Jove, my quick study of
lexicography won a prize! Waxy and quivering, jocks fumble the pizza.
Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft
with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape
juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes
her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy
moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s
wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering
zeal. &lt;a class="citation" data-citation="(Chittka et al., 2025; Dobzhansky, 1973)" data-citation-keys="chittka2025exploration dobzhansky1973nothing" href="#ref-chittka2025exploration" role="doc-noteref"&gt;(Chittka et al., 2025; Dobzhansky, 1973)&lt;/a&gt; Mexican
juntas, viewed in fog, piqued Zachary, killed Rob. Jaywalking Zulu
chieftains vex probate judge Marcy Quinn. Twenty-six Excedrin helped
give Jocko quite a firm buzz. Racy pics of bed hijinx with glam queen
sunk Val. Why Paxil? Jim’s Bodega stocked no quince-flavor Pez.
Wavy-haired quints of El Paz mock Jorge by fax. Two phony quacks of God
bi-exorcize evil mojo.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p class="block first-graf"&gt;Nested blockquotes (3-levels):&lt;/p&gt;
&lt;blockquote class="blockquote-level-1"&gt;
&lt;p class="first-graf"&gt;With tenure, Suzie’d have all the more leisure for yachting, but her
publications are no good. Shaw, those twelve beige hooks are joined if I
patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy
chaps, or &amp;gt; jolly earthmoving headgear? The beige hue on the waters
of the loch impressed all, including the French queen, before she heard
that symphony again, just as young Arthur wanted.&lt;/p&gt;
&lt;blockquote class="blockquote-level-2"&gt;
&lt;p class="first-graf"&gt;With tenure, Suzie’d have all the more leisure for yachting, but her
publications are no good. Shaw, those twelve beige hooks are joined if I
patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy
chaps,&lt;br/&gt;
or jolly earthmoving headgear? The beige hue on the waters of the loch
impressed all, including the French queen, before she heard that
symphony again, just as young Arthur wanted.&lt;/p&gt;
&lt;blockquote class="blockquote-level-3"&gt;
&lt;p class="first-graf"&gt;With tenure, Suzie’d have all the more leisure for yachting, but her
publications are no good. Shaw, those twelve beige hooks are joined if I
patch a young, gooey mouth. Are those shy Eurasian footwear,
cowboy&lt;br/&gt;
chaps, or jolly earthmoving headgear? The beige hue on the waters of the
loch impressed all, including the French queen, before she heard that
symphony again, just as young Arthur wanted.&lt;/p&gt;
&lt;blockquote class="blockquote-level-4"&gt;
&lt;p class="first-graf"&gt;With tenure, Suzie’d have all the more leisure for yachting, but her
publications are no good. Shaw, those twelve beige hooks are joined if I
patch a young, gooey mouth. Are those shy Eurasian footwear,
cowboy&lt;br/&gt;
chaps, or jolly earthmoving headgear? The beige hue on the waters of the
loch impressed all, including the French queen, before she heard that
symphony again, just as young Arthur wanted.&lt;/p&gt;
&lt;blockquote class="blockquote-level-5"&gt;
&lt;p class="first-graf"&gt;With tenure, Suzie’d have all the more leisure for yachting, but her
publications are no good. Shaw, those twelve beige hooks are joined if I
patch a young, gooey mouth. Are those shy Eurasian footwear,
cowboy&lt;br/&gt;
chaps, or jolly earthmoving headgear? The beige hue on the waters of the
loch impressed all, including the French queen, before she heard that
symphony again, just as young Arthur wanted.&lt;/p&gt;
&lt;blockquote class="blockquote-level-6"&gt;
&lt;p class="first-graf"&gt;With tenure, Suzie’d have all the more leisure for yachting, but her
publications are no good. Shaw, those twelve beige hooks are joined if I
patch a young, gooey mouth. Are those shy Eurasian footwear,
cowboy&lt;br/&gt;
chaps, or jolly earthmoving headgear? The beige hue on the waters of the
loch impressed all, including the French queen, before she heard that
symphony again, just as young Arthur wanted.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;p class="block first-graf"&gt;Floated blockquote:&lt;/p&gt;
&lt;div class="float float-right"&gt;&lt;blockquote class="blockquote-level-1"&gt;
&lt;p class="first-graf"&gt;With tenure, Suzie’d have all the more leisure for
yachting, but her publications are no good. Shaw, those twelve beige
hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian
footwear, cowboy&lt;br/&gt;
chaps, or jolly earthmoving headgear? The beige hue on the waters of the
loch impressed all, including the French queen, before she heard that
symphony again, just as young Arthur wanted.&lt;/p&gt;
&lt;/blockquote&gt;&lt;/div&gt;
&lt;p class="block first-graf"&gt;&lt;span class="marginnote"&gt;Vivamus mattis condimentum posuere.&lt;/span&gt;
Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my
vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to
vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing
wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs
blow, vexing daft Jim. &lt;span class="marginnote"&gt;Overlapping?&lt;/span&gt; Two
driven jocks help fax my big quiz. The jay, pig, fox, zebra and my
wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job
is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV
quiz game. By Jove, my quick study of lexicography won a prize! Waxy and
quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed
on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany
quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly
quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me
quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt
fugue. &lt;span class="marginnote"&gt;Do these overlap&lt;/span&gt; I backed Zevy’s
qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix
elections with quivering zeal. Mexican juntas, viewed in fog, piqued
Zachary, killed Rob. Jaywalking Zulu chieftains vex probate judge Marcy
Quinn. Twenty-six Excedrin helped give Jocko quite a firm buzz. Racy
pics of bed hijinx with glam queen sunk Val. Why Paxil? Jim’s Bodega
stocked no quince-flavor Pez. Wavy-haired quints of El Paz mock Jorge by
fax. &lt;a class="citation" data-citation="(Chittka et al., 2025)" data-citation-keys="chittka2025exploration" href="#ref-chittka2025exploration" role="doc-noteref"&gt;(Chittka et al., 2025)&lt;/a&gt; Two phony quacks of God bi-exorcize
evil mojo. &lt;span class="marginnote"&gt;End margin note.&lt;/span&gt;&lt;/p&gt;
&lt;p class="block"&gt;Ut neque purus, congue non luctus id, accumsan egestas leo. Curabitur
efficitur sem est, id semper mauris aliquet eget. Curabitur semper, nisl
et volutpat sodales, est metus scelerisque mauris, id viverra lorem sem
ut nisl. Vestibulum sed consequat metus. Aenean pretium sit amet tellus
quis posuere. Proin commodo massa ipsum, non maximus mi faucibus in.
Phasellus id tristique massa, sed rutrum nisl. Class aptent taciti
sociosqu ad litora torquent per conubia nostra.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="horizontal-rulers" id="horizontal-rulers"&gt;
&lt;h2 class="heading" data-level="2" data-slug="horizontal-rulers" id="horizontal-rulers"&gt;&lt;a href="#horizontal-rulers" rel="noopener noreferrer" title="Link to section: § 'Horizontal Rulers'"&gt;Horizontal
Rulers&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;HTML Rulers:&lt;/p&gt;
&lt;p class="block"&gt;First ruler (should be sun):&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-1"/&gt;
&lt;p class="block first-graf"&gt;Ruler (second, should be dotted-moon):&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-2"/&gt;
&lt;p class="block first-graf"&gt;Another ruler (third, should be stars/&lt;wbr/&gt;asterism – custom icon, loosely
inspired by our Source Serif Pro star list icon):&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-3"/&gt;
&lt;p class="block first-graf"&gt;The rulers also provide a handy source of astronomical symbolism in
use on several pages.&lt;/p&gt;
&lt;p class="block"&gt;Markdown rulers:&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-1"/&gt;
&lt;p class="block first-graf"&gt;Second:&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-2"/&gt;
&lt;p class="block first-graf"&gt;Third:&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-3"/&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="math-block" id="math-block"&gt;
&lt;h2 class="heading" data-level="2" data-slug="math-block" id="math-block"&gt;&lt;a href="#math-block" rel="noopener noreferrer" title="Link to section: § 'Math (Block)'"&gt;Math
(Block)&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;&lt;span class="math display"&gt;\[E = mc^2\]&lt;/span&gt;&lt;/p&gt;
&lt;p class="block"&gt;&lt;span class="math display"&gt;\[\mathcal{O}(\log(n)) \equiv
\mathbb{E}[1]\]&lt;/span&gt;&lt;/p&gt;
&lt;p class="block"&gt;&lt;span class="math display"&gt;\[\mathbb{E}[x_{i}]\approx
\mu+\sigma\Phi^{-1}\left(\frac{i}{N+1}\right)\left[1+\frac{\left(\frac{i}{N+1}\right)\left(1-\frac{i}{N+1}\right)}{2(N+2)\left[\phi\left[\Phi^{-1}\left(\frac{i}{N+1}\right)\right]\right]^{2}}\right]\]&lt;/span&gt;&lt;/p&gt;
&lt;p class="block"&gt;&lt;span class="math display"&gt;\[P(a|b) = \frac{P(b|a) \cdot
P(a)}{(P(b|a) \cdot P(a)) + (P(b|\lnot a) \cdot P(\lnot a))} =
\frac{0.05 \cdot 0.9}{((0.05 \cdot 0.9) + (0.95 \cdot 0.1))} =
\frac{0.045}{((0.05 \cdot 0.9) + (0.95 \cdot 0.1))} =
\frac{0.045}{(0.045 + (0.95 \cdot 0.1))} = \frac{0.045}{(0.045 + 0.095)}
= \frac{0.045}{0.14} = 0.32\]&lt;/span&gt;&lt;/p&gt;
&lt;p class="block"&gt;Color emphasis:&lt;/p&gt;
&lt;p class="block"&gt;&lt;span class="math display"&gt;\[\color{red}{\text{red}}(x)\]&lt;/span&gt;&lt;/p&gt;
&lt;p class="block"&gt;&lt;span class="math display"&gt;\[\color{blue}{\mathcal{O}(\log(n))}
\equiv \color{red}{\mathbb{E}[1]}\]&lt;/span&gt;&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="epigraphs" id="epigraphs"&gt;
&lt;h2 class="heading" data-level="2" data-slug="epigraphs" id="epigraphs"&gt;&lt;a href="#epigraphs" rel="noopener noreferrer" title="Link to section: § 'Epigraphs'"&gt;Epigraphs&lt;/a&gt;&lt;/h2&gt;
&lt;div class="epigraph block"&gt;
&lt;blockquote class="first-block last-block blockquote-level-1 block"&gt;
&lt;p class="first-block first-graf"&gt;Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
abillo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo.&lt;/p&gt;
&lt;p class="last-block"&gt;— Cicero (§1.10.32 of De finibus bonorum et malorum, 45 BC)&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;div class="epigraph block"&gt;
&lt;blockquote class="first-block last-block blockquote-level-1 block"&gt;
&lt;p class="first-block first-graf"&gt;The possibilities of developing an atomic weapon and the desirability
of doing it secretly were discussed at a Princeton University conference
in which I participated in March 1939…Bohr said this rare variety could
not be separated from common uranium except by turning the country into
a gigantic factory. Bohr was worried that this could be done and that an
atomic bomb could be developed—but he hoped that neither could be
accomplished. Years later, when Bohr came to Los Alamos, I was prepared
to say, “You see . . .” But before I could open my mouth, he said: “You
see, I told you it couldn’t be done without turning the whole country
into a factory. You have done just that.”&lt;/p&gt;
&lt;p class="last-block"&gt;— Edward Teller&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;hr class="block horizontal-rule horizontal-rule-1"/&gt;
&lt;p class="text-center block first-graf"&gt;— Mtbry&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-2"/&gt;
&lt;p class="text-center block first-graf"&gt;Your humble &amp;amp; obedient servant,&lt;br/&gt;
Gwern Branwen&lt;br/&gt;
Esquire, KA, ESTC, Adv. Lyc., C.O.B.E., L.L.C, MD, DPhil, Eur Ing&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-3"/&gt;
&lt;p class="text-center block first-graf"&gt;Multiple centered paragraphs.&lt;/p&gt;
&lt;p class="text-center block"&gt;Adding for content change.&lt;/p&gt;
&lt;p class="text-center block"&gt;Paragraph the second.&lt;/p&gt;
&lt;p class="text-center block"&gt;Paragraph tertius.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="multi-columns" id="multi-columns"&gt;
&lt;h2 class="heading" data-level="2" data-slug="multi-columns" id="multi-columns"&gt;&lt;a href="#multi-columns" rel="noopener noreferrer" title="Link to section: § 'Multi-Columns'"&gt;Multi-Columns&lt;/a&gt;&lt;/h2&gt;
&lt;div class="columns"&gt;
&lt;ol class="list list-level-1 list-type-decimal block" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;First step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Second step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Third step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fourth step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fifth step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Sixth step&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;div class="columns"&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;First step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Second step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Third step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fourth step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Fifth step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Sixth step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Seventh step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Eighth step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Ninth step&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Tenth step&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="tables" id="tables"&gt;
&lt;h2 class="heading" data-level="2" data-slug="tables" id="tables"&gt;&lt;a href="#tables" rel="noopener noreferrer" title="Link to section: § 'Tables'"&gt;Tables&lt;/a&gt;&lt;/h2&gt;
&lt;div class="table-wrapper float-right block"&gt;&lt;div class="table-scroll-wrapper"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Right&lt;/th&gt;
&lt;th&gt;Left&lt;/th&gt;
&lt;th&gt;Center&lt;/th&gt;
&lt;th&gt;Default&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;12&lt;/td&gt;
&lt;td&gt;12&lt;/td&gt;
&lt;td&gt;12&lt;/td&gt;
&lt;td&gt;12&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;123&lt;/td&gt;
&lt;td&gt;123&lt;/td&gt;
&lt;td&gt;123&lt;/td&gt;
&lt;td&gt;123&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p class="block first-graf"&gt;&lt;span class="marginnote"&gt;Vivamus mattis condimentum posuere.&lt;/span&gt;
Waltz, nymph, beauty, for quick jigs vex Bud. Sphinx of black quartz,
judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz
nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five
boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick
zephyrs blow, vexing daft Jim. &lt;span class="marginnote"&gt;Overlapping?&lt;/span&gt; Two driven jocks help fax my big
quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would
fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog.
Watch Jeopardy!, Alex Trebek’s fun TV quiz game. By Jove, my quick study
of lexicography won a prize! Waxy and quivering, jocks fumble the pizza.
Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft
with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape
juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes
her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy
moxie quashed Bob’s new Liszt fugue. &lt;span class="marginnote"&gt;Do these
overlap&lt;/span&gt; I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy
Bangkok panjandrums fix elections with quivering zeal. Mexican juntas,
viewed in fog, piqued Zachary, killed Rob. Jaywalking Zulu chieftains
vex probate judge Marcy Quinn. Twenty-six Excedrin helped give Jocko
quite a firm buzz. Racy pics of bed hijinx with glam queen sunk Val. Why
Paxil? Jim’s Bodega stocked no quince-flavor Pez. Wavy-haired quints of
El Paz mock Jorge by fax. Two phony quacks of God bi-exorcize evil mojo.
&lt;span class="marginnote"&gt;End margin note.&lt;/span&gt;&lt;/p&gt;
&lt;div class="table-wrapper table-small block"&gt;&lt;div class="table-scroll-wrapper"&gt;&lt;table&gt;
&lt;caption&gt;Table: Here’s the caption. It, too, may span&lt;br/&gt;
multiple lines.&lt;/caption&gt;
&lt;colgroup&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;/colgroup&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Centered&lt;br/&gt;
Header&lt;/th&gt;
&lt;th&gt;Default&lt;br/&gt;
Aligned&lt;/th&gt;
&lt;th&gt;Right&lt;br/&gt;
Aligned&lt;/th&gt;
&lt;th&gt;Left&lt;br/&gt;
Aligned&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;First&lt;/td&gt;
&lt;td&gt;row&lt;/td&gt;
&lt;td&gt;12.0&lt;/td&gt;
&lt;td&gt;Example of a row that&lt;br/&gt;
spans multiple lines.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Second&lt;/td&gt;
&lt;td&gt;row&lt;/td&gt;
&lt;td&gt;5.0&lt;/td&gt;
&lt;td&gt;Here’s another one. Note&lt;br/&gt;
the blank line between&lt;br/&gt;
rows.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="table-wrapper block"&gt;&lt;div class="table-scroll-wrapper"&gt;&lt;table&gt;
&lt;caption&gt;Sample grid table.&lt;/caption&gt;
&lt;colgroup&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;/colgroup&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Fruit&lt;/th&gt;
&lt;th&gt;Price&lt;/th&gt;
&lt;th&gt;Advantages&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Bananas&lt;/td&gt;
&lt;td&gt;$1.34&lt;/td&gt;
&lt;td&gt;&lt;ul class="list list-level-1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;built-in wrapper&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;bright color&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Oranges&lt;/td&gt;
&lt;td&gt;$2.10&lt;/td&gt;
&lt;td&gt;&lt;ul class="list list-level-1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;cures scurvy&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;tasty&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="table-wrapper block"&gt;&lt;div class="table-scroll-wrapper"&gt;&lt;table&gt;
&lt;colgroup&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;/colgroup&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th rowspan="2"&gt;Location&lt;/th&gt;
&lt;th colspan="3"&gt;Temperature 1961-1990&lt;br/&gt;
in degree Celsius&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th&gt;min&lt;/th&gt;
&lt;th&gt;mean&lt;/th&gt;
&lt;th&gt;max&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Antarctica&lt;/td&gt;
&lt;td&gt;-89.2&lt;/td&gt;
&lt;td&gt;N/&lt;wbr/&gt;A&lt;/td&gt;
&lt;td&gt;19.8&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Earth&lt;/td&gt;
&lt;td&gt;-89.2&lt;/td&gt;
&lt;td&gt;14&lt;/td&gt;
&lt;td&gt;56.7&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="table-wrapper block"&gt;&lt;div class="table-scroll-wrapper"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Name&lt;/th&gt;
&lt;th&gt;Age&lt;/th&gt;
&lt;th&gt;City&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;John&lt;/td&gt;
&lt;td&gt;30&lt;/td&gt;
&lt;td&gt;NYC&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Jane&lt;/td&gt;
&lt;td&gt;25&lt;/td&gt;
&lt;td&gt;LA&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Bob&lt;/td&gt;
&lt;td&gt;35&lt;/td&gt;
&lt;td&gt;SF&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="table-wrapper block"&gt;&lt;div class="table-scroll-wrapper"&gt;&lt;table data-sortable="true"&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Right&lt;/th&gt;
&lt;th&gt;Left&lt;/th&gt;
&lt;th&gt;Default&lt;/th&gt;
&lt;th&gt;Center&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;12&lt;/td&gt;
&lt;td&gt;12&lt;/td&gt;
&lt;td&gt;12&lt;/td&gt;
&lt;td&gt;12&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;123&lt;/td&gt;
&lt;td&gt;123&lt;/td&gt;
&lt;td&gt;123&lt;/td&gt;
&lt;td&gt;123&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;td&gt;1&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p class="block first-graf"&gt;&lt;span class="marginnote"&gt;Vivamus mattis condimentum posuere.&lt;/span&gt;
Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my
vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to
vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing
wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs
blow, vexing daft Jim. &lt;span class="marginnote"&gt;Overlapping?&lt;/span&gt; Two
driven jocks help fax my big quiz. The jay, pig, fox, zebra and my
wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job
is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV
quiz game.&lt;a class="footnote-ref" href="#fn1" id="fnref1" rel="noopener noreferrer"&gt;&lt;sup&gt;1&lt;/sup&gt;&lt;/a&gt; By Jove, my quick study of
lexicography won a prize! Waxy and quivering, jocks fumble the pizza.
Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft
with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape
juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes
her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy
moxie quashed Bob’s new Liszt fugue. &lt;span class="marginnote"&gt;Do these
overlap&lt;/span&gt; I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy
Bangkok panjandrums fix elections with quivering zeal. Mexican juntas,
viewed in fog, piqued Zachary, killed Rob. Jaywalking Zulu chieftains
vex probate judge Marcy Quinn. Twenty-six Excedrin helped give Jocko
quite a firm buzz. Racy pics of bed hijinx with glam queen sunk Val. Why
Paxil? Jim’s Bodega stocked no quince-flavor Pez. Wavy-haired quints of
El Paz mock Jorge by fax. Two phony quacks of God bi-exorcize&lt;a class="footnote-ref" href="#fn2" id="fnref2" rel="noopener noreferrer"&gt;&lt;sup&gt;2&lt;/sup&gt;&lt;/a&gt; evil mojo. &lt;span class="marginnote"&gt;End margin note.&lt;/span&gt;&lt;/p&gt;
&lt;div class="table-wrapper width-full block"&gt;&lt;div class="table-scroll-wrapper"&gt;&lt;table data-sortable="true"&gt;
&lt;caption&gt;Long description of sortable table that is full-width. Here be
ghosts. Long description of sortable table that is full-width. Here be
ghosts. Long description of sortable table that is full-width. Here be
ghosts. Long description of sortable table that is full-width. Here be
ghosts. Long description of sortable table that is full-width. Here be
ghosts.&lt;/caption&gt;
&lt;colgroup&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;/colgroup&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Variant&lt;/th&gt;
&lt;th&gt;Old&lt;/th&gt;
&lt;th&gt;Total: n (%)&lt;/th&gt;
&lt;th&gt;10–31 March&lt;/th&gt;
&lt;th&gt;1–6 April&lt;/th&gt;
&lt;th&gt;7–9 April&lt;/th&gt;
&lt;th&gt;10–17 April&lt;/th&gt;
&lt;th&gt;18–30 April&lt;/th&gt;
&lt;th&gt;1–11 May&lt;/th&gt;
&lt;th&gt;12–31 May&lt;/th&gt;
&lt;th&gt;1–8 June&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;none&lt;/td&gt;
&lt;td&gt;FALSE&lt;/td&gt;
&lt;td&gt;17,648 (16.01%)&lt;/td&gt;
&lt;td&gt;1,189 (19.26%)&lt;/td&gt;
&lt;td&gt;3607 (13.97%)&lt;/td&gt;
&lt;td&gt;460 (17.39%)&lt;/td&gt;
&lt;td&gt;1,182 (16.58%)&lt;/td&gt;
&lt;td&gt;3444 (17.04%)&lt;/td&gt;
&lt;td&gt;2,397 (14.39&lt;/td&gt;
&lt;td&gt;%) 3997 (17.3&lt;/td&gt;
&lt;td&gt;9%) 2,563 (16.35%)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;none&lt;/td&gt;
&lt;td&gt;TRUE&lt;/td&gt;
&lt;td&gt;8009 (23.65%)&lt;/td&gt;
&lt;td&gt;578 (24.91%) 1&lt;/td&gt;
&lt;td&gt;,236 (22.09%)&lt;/td&gt;
&lt;td&gt;226 (20.35%)&lt;/td&gt;
&lt;td&gt;570 (23.86%)&lt;/td&gt;
&lt;td&gt;1,364 (27.05%)&lt;/td&gt;
&lt;td&gt;1,108 (23.83%&lt;/td&gt;
&lt;td&gt;) 2,142 (22.4&lt;/td&gt;
&lt;td&gt;6%) 1,363 (23.84%)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray1&lt;/td&gt;
&lt;td&gt;FALSE&lt;/td&gt;
&lt;td&gt;1,7579 (16.28%)&lt;/td&gt;
&lt;td&gt;1,177 (19.71%)&lt;/td&gt;
&lt;td&gt;3471 (14.06%)&lt;/td&gt;
&lt;td&gt;475 (13.47%)&lt;/td&gt;
&lt;td&gt;1,200 (17.33%)&lt;/td&gt;
&lt;td&gt;3567 (17.49%)&lt;/td&gt;
&lt;td&gt;2,365 (13.57&lt;/td&gt;
&lt;td&gt;%) 3896 (18.1&lt;/td&gt;
&lt;td&gt;7%) 2,605 (17.24%)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray1&lt;/td&gt;
&lt;td&gt;TRUE&lt;/td&gt;
&lt;td&gt;7694 (23.85%)&lt;/td&gt;
&lt;td&gt;515 (28.35%) 1&lt;/td&gt;
&lt;td&gt;,183 (23.58%)&lt;/td&gt;
&lt;td&gt;262 (21.37%)&lt;/td&gt;
&lt;td&gt;518 (21.43%)&lt;/td&gt;
&lt;td&gt;1,412 (26.56%)&lt;/td&gt;
&lt;td&gt;1,090 (24.86%&lt;/td&gt;
&lt;td&gt;) 2,032 (22.6&lt;/td&gt;
&lt;td&gt;9%) 1,197 (23.56%)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray3&lt;/td&gt;
&lt;td&gt;FALSE&lt;/td&gt;
&lt;td&gt;1,4871 (15.81%)&lt;/td&gt;
&lt;td&gt;1,192 (18.29%)&lt;/td&gt;
&lt;td&gt;3527 (14.15%)&lt;/td&gt;
&lt;td&gt;446 (15.47%)&lt;/td&gt;
&lt;td&gt;1,160 (15.43%)&lt;/td&gt;
&lt;td&gt;3481 (17.98%)&lt;/td&gt;
&lt;td&gt;2,478 (14.65&lt;/td&gt;
&lt;td&gt;%) 3776 (16.2&lt;/td&gt;
&lt;td&gt;6%) 3 (33.33%)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray3&lt;/td&gt;
&lt;td&gt;TRUE&lt;/td&gt;
&lt;td&gt;6631 (23.06%)&lt;/td&gt;
&lt;td&gt;600 (24.83%) 1&lt;/td&gt;
&lt;td&gt;,264 (21.52%)&lt;/td&gt;
&lt;td&gt;266 (18.05%)&lt;/td&gt;
&lt;td&gt;638 (21.79%)&lt;/td&gt;
&lt;td&gt;1,447 (25.22%)&lt;/td&gt;
&lt;td&gt;1,053 (24.60%&lt;/td&gt;
&lt;td&gt;) 1,912 (23.1&lt;/td&gt;
&lt;td&gt;7%) 51 (5.88%)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;blues&lt;/td&gt;
&lt;td&gt;FALSE&lt;/td&gt;
&lt;td&gt;1,0844 (15.34%)&lt;/td&gt;
&lt;td&gt;1,157 (18.93%)&lt;/td&gt;
&lt;td&gt;3470 (14.35%)&lt;/td&gt;
&lt;td&gt;449 (16.04%)&lt;/td&gt;
&lt;td&gt;1,214 (15.57%)&lt;/td&gt;
&lt;td&gt;3346 (17.54%)&lt;/td&gt;
&lt;td&gt;2,362 (13.46&lt;/td&gt;
&lt;td&gt;%) 3 (0.0&lt;/td&gt;
&lt;td&gt;0%)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;blues&lt;/td&gt;
&lt;td&gt;TRUE&lt;/td&gt;
&lt;td&gt;4544 (23.04%)&lt;/td&gt;
&lt;td&gt;618 (27.18%) 1&lt;/td&gt;
&lt;td&gt;,256 (23.81%)&lt;/td&gt;
&lt;td&gt;296 (20.27%)&lt;/td&gt;
&lt;td&gt;584 (22.09%)&lt;/td&gt;
&lt;td&gt;1,308 (24.46%)&lt;/td&gt;
&lt;td&gt;1,052 (22.15%&lt;/td&gt;
&lt;td&gt;) 48 (12.50&lt;/td&gt;
&lt;td&gt;%)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray2&lt;/td&gt;
&lt;td&gt;FALSE&lt;/td&gt;
&lt;td&gt;8646 (15.51%)&lt;/td&gt;
&lt;td&gt;1,220 (20.33%)&lt;/td&gt;
&lt;td&gt;3649 (13.81%)&lt;/td&gt;
&lt;td&gt;416 (15.14%)&lt;/td&gt;
&lt;td&gt;1,144 (15.03%)&lt;/td&gt;
&lt;td&gt;3433 (17.54%)&lt;/td&gt;
&lt;td&gt;4 (0.00%)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray2&lt;/td&gt;
&lt;td&gt;TRUE&lt;/td&gt;
&lt;td&gt;3366 (22.82%)&lt;/td&gt;
&lt;td&gt;585 (22.74%) 1&lt;/td&gt;
&lt;td&gt;,271 (21.79%)&lt;/td&gt;
&lt;td&gt;230 (16.52%)&lt;/td&gt;
&lt;td&gt;514 (21.60%)&lt;/td&gt;
&lt;td&gt;1,298 (25.42%)&lt;/td&gt;
&lt;td&gt;44 (27.27%)&lt;/td&gt;
&lt;td&gt;6 (0.00%&lt;/td&gt;
&lt;td&gt;) 3 (0.00%)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;dark&lt;/td&gt;
&lt;td&gt;FALSE&lt;/td&gt;
&lt;td&gt;5240 (14.05%)&lt;/td&gt;
&lt;td&gt;1,224 (20.59%)&lt;/td&gt;
&lt;td&gt;3644 (13.83%)&lt;/td&gt;
&lt;td&gt;420 (13.81%)&lt;/td&gt;
&lt;td&gt;1,175 (14.81%)&lt;/td&gt;
&lt;td&gt;1 (0.00%)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;dark&lt;/td&gt;
&lt;td&gt;TRUE&lt;/td&gt;
&lt;td&gt;2,161 (20.59%)&lt;/td&gt;
&lt;td&gt;618 (21.52%)&lt;/td&gt;
&lt;td&gt;1,242 (20.85%)&lt;/td&gt;
&lt;td&gt;276 (21.74%)&lt;/td&gt;
&lt;td&gt;574 (20.56%)&lt;/td&gt;
&lt;td&gt;64 (10.94%)&lt;/td&gt;
&lt;td&gt;1 (0.00%)&lt;/td&gt;
&lt;td&gt;2 (0.00%&lt;/td&gt;
&lt;td&gt;) 2 (50.00%)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray6&lt;/td&gt;
&lt;td&gt;FALSE&lt;/td&gt;
&lt;td&gt;4022 (13.30%)&lt;/td&gt;
&lt;td&gt;1,153 (19.51%)&lt;/td&gt;
&lt;td&gt;3610 (12.88%)&lt;/td&gt;
&lt;td&gt;409 (17.11%)&lt;/td&gt;
&lt;td&gt;1 (0.00%)&lt;/td&gt;
&lt;td&gt;2 (0.00%)&lt;/td&gt;
&lt;td&gt;3 (0.00%)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray6&lt;/td&gt;
&lt;td&gt;TRUE&lt;/td&gt;
&lt;td&gt;1,727 (20.61%)&lt;/td&gt;
&lt;td&gt;654 (23.70%)&lt;/td&gt;
&lt;td&gt;1,358 (22.02%)&lt;/td&gt;
&lt;td&gt;259 (18.92%)&lt;/td&gt;
&lt;td&gt;95 (7.37%)&lt;/td&gt;
&lt;td&gt;11 (9.09%)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1 (0.00%&lt;/td&gt;
&lt;td&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray5&lt;/td&gt;
&lt;td&gt;FALSE&lt;/td&gt;
&lt;td&gt;3245 (12.20%)&lt;/td&gt;
&lt;td&gt;1,175 (16.68%)&lt;/td&gt;
&lt;td&gt;3242 (12.21%)&lt;/td&gt;
&lt;td&gt;3 (0.00%)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray5&lt;/td&gt;
&lt;td&gt;TRUE&lt;/td&gt;
&lt;td&gt;1,180 (21.53%)&lt;/td&gt;
&lt;td&gt;559 (25.94%)&lt;/td&gt;
&lt;td&gt;1,130 (21.77%)&lt;/td&gt;
&lt;td&gt;34 (17.65%)&lt;/td&gt;
&lt;td&gt;16 (12.50%)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray4&lt;/td&gt;
&lt;td&gt;FALSE&lt;/td&gt;
&lt;td&gt;1,176 (18.54%)&lt;/td&gt;
&lt;td&gt;1,174 (18.57%)&lt;/td&gt;
&lt;td&gt;1,174 (18.57%&lt;/td&gt;
&lt;td&gt;)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;2 (0.00%)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;gray4&lt;/td&gt;
&lt;td&gt;TRUE&lt;/td&gt;
&lt;td&gt;673 (19.91%)&lt;/td&gt;
&lt;td&gt;650 (20.31%) 6&lt;/td&gt;
&lt;td&gt;69 (20.03%)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;1 (0.00%)&lt;/td&gt;
&lt;td&gt;1 (0.00%)&lt;/td&gt;
&lt;td&gt;2 (0.00%)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;137,438 (18.27%)&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p class="block first-graf"&gt;&lt;span class="marginnote"&gt;Vivamus mattis condimentum posuere.&lt;/span&gt;
Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my
vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to
vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing
wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs
blow, vexing daft Jim. &lt;span class="marginnote"&gt;Overlapping?&lt;/span&gt; Two
driven jocks help fax my big quiz. The jay, pig, fox, zebra and my
wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job
is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV
quiz game. By Jove, my quick study of lexicography won a prize! Waxy and
quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed
on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany
quaff is vodka mixed&lt;a class="footnote-ref" href="#fn3" id="fnref3" rel="noopener noreferrer"&gt;&lt;sup&gt;3&lt;/sup&gt;&lt;/a&gt; with grape juice and blood. Zitty
Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy
gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new
Liszt fugue. &lt;span class="marginnote"&gt;Do these overlap&lt;/span&gt; I backed
Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix
elections with quivering zeal. Mexican juntas, viewed in fog, piqued
Zachary, killed Rob. Jaywalking Zulu chieftains vex probate judge Marcy
Quinn. Twenty-six Excedrin helped give Jocko quite a firm buzz. Racy
pics of bed hijinx with glam queen sunk Val. Why Paxil? Jim’s Bodega
stocked no quince-flavor Pez. Wavy-haired quints of El Paz mock Jorge by
fax. Two phony quacks of God bi-exorcize evil mojo. &lt;span class="marginnote"&gt;End margin note.&lt;/span&gt;&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="images" id="images"&gt;
&lt;h2 class="heading" data-level="2" data-slug="images" id="images"&gt;&lt;a href="#images" rel="noopener noreferrer" title="Link to section: § 'Images'"&gt;Images&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;&lt;span class="marginnote"&gt;Vivamus mattis condimentum posuere.&lt;/span&gt;
Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my
vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to
vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing
wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs
blow, vexing daft Jim. &lt;span class="marginnote"&gt;Overlapping?&lt;/span&gt; Two
driven jocks help fax my big quiz. The jay, pig, fox, zebra and my
wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job
is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV
quiz game. By Jove, my quick study of lexicography won a prize! Waxy and
quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed
on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany
quaff is vodka mixed&lt;a class="footnote-ref" href="#fn4" id="fnref4" rel="noopener noreferrer"&gt;&lt;sup&gt;4&lt;/sup&gt;&lt;/a&gt; with grape juice and blood. Zitty
Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy
gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new
Liszt fugue. &lt;span class="marginnote"&gt;Do these overlap&lt;/span&gt; I backed
Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix
elections with quivering zeal. Mexican juntas, viewed in fog, piqued
Zachary, killed Rob. Jaywalking Zulu chieftains vex probate judge Marcy
Quinn. Twenty-six Excedrin helped give Jocko quite a firm buzz. Racy
pics of bed hijinx with glam queen sunk Val. Why Paxil? Jim’s Bodega
stocked no quince-flavor Pez. Wavy-haired quints of El Paz mock Jorge by
fax. Two phony quacks of God bi-exorcize evil mojo. &lt;span class="marginnote"&gt;End margin note.&lt;/span&gt;&lt;/p&gt;
&lt;p class="block"&gt;Mauris justo nunc, lobortis sed sapien nec, ullamcorper dapibus mi.
Quisque ex magna, feugiat ac fermentum sit amet, maximus interdum odio.
Praesent nec neque feugiat, maximus libero a, dignissim justo. Vivamus
ultrices massa ac ex varius, at faucibus magna sodales. Nam ut volutpat
quam. Mauris eleifend ac dolor sit amet volutpat. Morbi blandit
tristique massa, id bibendum risus blandit et. Ut varius erat dignissim
eros dignissim commodo. Sed commodo, tortor sit amet finibus laoreet,
diam nibh convallis leo, quis porttitor nulla elit eu urna. Nam auctor
commodo nisi, non scelerisque magna. Aliquam lacinia elit vel nisl
ultrices rhoncus. Donec ac accumsan felis, vel sagittis enim.&lt;/p&gt;
&lt;p class="block"&gt;Vivamus vitae eros rutrum, pulvinar nibh sit amet, sagittis odio.
Donec nulla neque, ultrices et libero quis, hendrerit vestibulum turpis.
Curabitur vehicula viverra imperdiet. Nam tempus rhoncus velit. Nunc
vulputate consequat leo quis imperdiet. Etiam sem dui, consectetur
molestie cursus pharetra, malesuada quis neque. Mauris tincidunt rhoncus
purus. Integer sed tellus a ex tempor faucibus ac malesuada velit.
Aenean laoreet augue eros, sed volutpat elit finibus ac.&lt;/p&gt;
&lt;p class="block"&gt;Proin nec mauris non nisl vehicula volutpat. Integer lectus arcu,
rutrum in lorem ut, pulvinar feugiat metus. Nulla hendrerit mi id mi
rhoncus mollis. Fusce vitae purus ac sem cursus suscipit. Aenean auctor
nunc in orci fringilla aliquet. Donec consequat mauris lectus, sit amet
sollicitudin nunc elementum vel. Sed tristique ipsum lacus. Aliquam erat
volutpat. Nulla varius nulla porta sem commodo, sollicitudin elementum
diam hendrerit.&lt;/p&gt;
&lt;p class="block"&gt;Vestibulum at tristique est. Etiam varius sagittis sapien ac varius.
Donec dictum mi nec risus pharetra, et semper metus facilisis. Proin et
est et ex convallis suscipit ullamcorper suscipit nisi. Donec sed enim
ac sapien placerat consequat fermentum sit amet leo. Quisque et tempus
sapien. Ut mollis iaculis posuere. Pellentesque sit amet sagittis quam,
ac cursus magna. Sed tincidunt erat sem, ornare bibendum leo porttitor
sed.&lt;/p&gt;
&lt;figure class="block"&gt;&lt;span class="figure-outer-wrapper"&gt;&lt;span class="image-wrapper img focusable"&gt;&lt;picture&gt;&lt;source sizes="(max-width: 649px) 100vw, 935px" srcset="https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-400w.avif 400w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-800w.avif 800w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-1600w.avif 1600w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-2400w.avif 2400w" type="image/avif"/&gt;&lt;source sizes="(max-width: 649px) 100vw, 935px" srcset="https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-400w.webp 400w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-800w.webp 800w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-1600w.webp 1600w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-2400w.webp 2400w" type="image/webp"/&gt;&lt;img alt="The crab nebula." class="focusable gallery-image" data-aspect-ratio="1 / 1" decoding="async" fetchpriority="high" height="2560" loading="eager" sizes="(max-width: 649px) 100vw, 935px" src="https://cdn.architextual.net/assets/2025/12/Crab_Nebula.jpg" srcset="https://cdn.architextual.net/assets/renditions/2025/12/img-crab-nebula-400w.jpeg 400w, https://cdn.architextual.net/assets/renditions/2025/12/img-crab-nebula-800w.jpeg 800w, https://cdn.architextual.net/assets/renditions/2025/12/img-crab-nebula-1600w.jpeg 1600w, https://cdn.architextual.net/assets/renditions/2026/04/img-crab-nebula-2400w.jpg 2400w" style="aspect-ratio: 1 / 1; --img-ar: 1.0000; background-color: #b5c8ca" width="2560"/&gt;&lt;/picture&gt;&lt;/span&gt;&lt;span class="caption-wrapper"&gt;&lt;figcaption&gt;This is a mosaic image, one of the largest ever taken by NASA’s
Hubble Space Telescope, of the Crab Nebula, a six-light-year-wide
expanding remnant of a star’s supernova explosion.&lt;/figcaption&gt;&lt;/span&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="footnotes footnotes-end-of-document block" id="footnotes"&gt;
&lt;hr class="block horizontal-rule horizontal-rule-1"/&gt;&lt;a class="section-self-link graf-content-not" href="#footnotes" title="Link to section: § 'Footnotes'"&gt;&lt;/a&gt;
&lt;ol class="list list-level-1 block"&gt;
&lt;li class="in-list footnote block" id="fn1"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn1" title="Link to footnote 1"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;Testing footnotes&lt;a class="footnote-back" href="#fnref1" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list footnote block" id="fn2"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn2" title="Link to footnote 2"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy
Bangkok panjandrums fix elections with quivering zeal. Mexican juntas,
viewed in fog, piqued Zachary, killed Rob. Jaywalking Zulu chieftains
vex probate judge Marcy Quinn. Twenty-six Excedrin helped give Jocko
quite a firm buzz. Racy pics of bed hijinx with glam queen sunk Val. Why
Paxil? Jim’s Bodega stocked no quince-flavor Pez. Wavy-haired quints of
El Paz mock Jorge by fax. I backed Zevy’s qualms over Janet’s wig of
phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal.
Mexican juntas, viewed in fog, piqued Zachary, killed Rob. Jaywalking
Zulu chieftains vex probate judge Marcy Quinn. Twenty-six Excedrin
helped give Jocko quite a firm buzz. Racy pics of bed hijinx with glam
queen sunk Val. Why Paxil? Jim’s Bodega stocked no quince-flavor Pez.
Wavy-haired quints of El Paz mock Jorge by fa. I backed Zevy’s qualms
over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with
quivering zeal. Mexican juntas, viewed in fog, piqued Zachary, killed
Rob. Jaywalking Zulu chieftains vex probate judge Marcy Quinn.
Twenty-six Excedrin helped give Jocko quite a firm buzz. Racy pics of
bed hijinx with glam queen sunk Val. Why Paxil? Jim’s Bodega stocked no
quince-flavor Pez. Wavy-haired quints of El Paz mock Jorge by fa.&lt;a class="footnote-back" href="#fnref2" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list footnote block" id="fn3"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn3" title="Link to footnote 3"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;Testing another footnote. I backed Zevy’s qualms over
Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with
quivering zeal. Mexican juntas, viewed in fog, piqued Zachary, killed
Rob. Jaywalking Zulu chieftains vex probate judge Marcy Quinn.
Twenty-six Excedrin helped give Jocko quite a firm buzz. Racy pics of
bed hijinx with glam queen sunk Val. Why Paxil? Jim’s Bodega stocked no
quince-flavor Pez. Wavy-haired quints of El Paz mock Jorge by fa. I
backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok
panjandrums fix elections with quivering zeal. Mexican juntas, viewed in
fog, piqued Zachary, killed Rob. Jaywalking Zulu chieftains vex probate
judge Marcy Quinn. Twenty-six Excedrin helped give Jocko quite a firm
buzz. Racy pics of bed hijinx with glam queen sunk Val. Why Paxil? Jim’s
Bodega stocked no quince-flavor Pez. Wavy-haired quints of El Paz mock
Jorge by fa. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy
Bangkok panjandrums fix elections with quivering zeal. Mexican juntas,
viewed in fog, piqued Zachary, killed Rob. Jaywalking Zulu chieftains
vex probate judge Marcy Quinn. Twenty-six Excedrin helped give Jocko
quite a firm buzz. Racy pics of bed hijinx with glam queen sunk Val. Why
Paxil? Jim’s Bodega stocked no quince-flavor Pez. Wavy-haired quints of
El Paz mock Jorge by fa.&lt;a class="footnote-back" href="#fnref3" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list footnote block" id="fn4"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn4" title="Link to footnote 4"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;Testing another footnote. I backed Zevy’s qualms over
Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with
quivering zeal. Mexican juntas, viewed in fog, piqued Zachary, killed
Rob. Jaywalking Zulu chieftains vex probate judge Marcy Quinn.
Twenty-six Excedrin helped give Jocko quite a firm buzz. Racy pics of
bed hijinx with glam queen sunk Val. Why Paxil? Jim’s Bodega stocked no
quince-flavor Pez. Wavy-haired quints of El Paz mock Jorge by fa. I
backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok
panjandrums fix elections with quivering zeal. Mexican juntas, viewed in
fog, piqued Zachary, killed Rob. Jaywalking Zulu chieftains vex probate
judge Marcy Quinn. Twenty-six Excedrin helped give Jocko quite a firm
buzz. Racy pics of bed hijinx with glam queen sunk Val. Why Paxil? Jim’s
Bodega stocked no quince-flavor Pez. Wavy-haired quints of El Paz mock
Jorge by fa. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy
Bangkok panjandrums fix elections with quivering zeal. Mexican juntas,
viewed in fog, piqued Zachary, killed Rob. Jaywalking Zulu chieftains
vex probate judge Marcy Quinn. Twenty-six Excedrin helped give Jocko
quite a firm buzz. Racy pics of bed hijinx with glam queen sunk Val. Why
Paxil? Jim’s Bodega stocked no quince-flavor Pez. Wavy-haired quints of
El Paz mock Jorge by fa.&lt;a class="footnote-back" href="#fnref4" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
&lt;section class="references level1 block" id="references" role="doc-bibliography"&gt;
&lt;h1 class="heading"&gt;&lt;a href="#references" title="Link to section: § 'References'"&gt;References&lt;/a&gt;&lt;/h1&gt;
&lt;ol class="reference-list block" data-citation-format="author-date"&gt;
&lt;li class="reference-entry" id="ref-chittka2025exploration"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;Chittka, L., Skeels, S., Dyakova, O., &amp;amp; Janbon, M. (2025). The exploration of consciousness in insects. &lt;i&gt;Philosophical Transactions of the Royal Society of London. Series B, Biological Sciences&lt;/i&gt;, &lt;i&gt;380&lt;/i&gt;(1939), rstb20240302. https://doi.org/10.1098/rstb.2024.0302&lt;/div&gt;&lt;/span&gt;
&lt;/li&gt;
&lt;li class="reference-entry" id="ref-dobzhansky1973nothing"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;Dobzhansky, T. (1973). Nothing in Biology Makes Sense except in the Light of Evolution. &lt;i&gt;The American Biology Teacher&lt;/i&gt;, &lt;i&gt;35&lt;/i&gt;(3), 125–129. https://doi.org/10.2307/4444260&lt;/div&gt;&lt;/span&gt; &lt;a class="reference-file-link external-link" data-link-icon="pdf" data-link-icon-type="svg" href="https://cdn.architextual.net/sources/2026/04/Dobzhansky-nothing-biology-make-sense.pdf" rel="noopener noreferrer" target="_blank"&gt;[PDF]&lt;/a&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Matthew Bryant</dc:creator><pubDate>Thu, 18 Dec 2025 00:35:34 +0000</pubDate><guid isPermaLink="false">post:2</guid><enclosure length="0" type="image/jpeg" url="https://cdn.architextual.net/assets/2025/12/Crab_Nebula.jpg"/><category>Engine</category><category>Lorem</category><category>Markup</category><category>Administrative</category></item><item><title>Lorem Ipsum Headers</title><link>https://architextual.net/posts/lorem-ipsum-headers/</link><description>&lt;section class="block level1" data-level="1" data-slug="headers" id="headers"&gt;
&lt;h1 class="heading" data-level="1" data-slug="headers" id="headers"&gt;&lt;a href="#headers" rel="noopener noreferrer" title="Link to section: § 'Headers'"&gt;Headers&lt;/a&gt;&lt;/h1&gt;
&lt;/section&gt;
&lt;section class="block level1" data-level="1" data-slug="the-quick-brown-fox-jumps-over-a-lazy-dog" id="the-quick-brown-fox-jumps-over-a-lazy-dog"&gt;
&lt;h1 class="heading" data-level="1" data-slug="the-quick-brown-fox-jumps-over-a-lazy-dog" id="the-quick-brown-fox-jumps-over-a-lazy-dog"&gt;&lt;a href="#the-quick-brown-fox-jumps-over-a-lazy-dog" rel="noopener noreferrer" title="Link to section: § '“The quick brown fox jumps over a lazy dog”'"&gt;“The
quick brown fox jumps over a lazy
dog”&lt;/a&gt;&lt;/h1&gt;
&lt;/section&gt;
&lt;section class="block level1" data-level="1" data-slug="section" id="section"&gt;
&lt;h1 class="heading" data-level="1" data-slug="section" id="section"&gt;&lt;a href="#section" rel="noopener noreferrer" title="Link to section: § '0123456789'"&gt;0123456789&lt;/a&gt;&lt;/h1&gt;
&lt;/section&gt;
&lt;section class="block level1" data-level="1" data-slug="standard" id="standard"&gt;
&lt;h1 class="heading" data-level="1" data-slug="standard" id="standard"&gt;&lt;a href="#standard" rel="noopener noreferrer" title="Link to section: § 'Standard'"&gt;Standard&lt;/a&gt;&lt;/h1&gt;
&lt;section class="block level2" data-level="2" data-slug="standard-2" id="standard-2"&gt;
&lt;h2 class="heading" data-level="2" data-slug="standard-2" id="standard-2"&gt;&lt;a href="#standard-2" rel="noopener noreferrer" title="Link to section: § 'Standard 2'"&gt;Standard
2&lt;/a&gt;&lt;/h2&gt;
&lt;section class="block level3" data-level="3" data-slug="standard-3" id="standard-3"&gt;
&lt;h3 class="heading" data-level="3" data-slug="standard-3" id="standard-3"&gt;&lt;a href="#standard-3" rel="noopener noreferrer" title="Link to section: § 'Standard 3'"&gt;Standard
3&lt;/a&gt;&lt;/h3&gt;
&lt;section class="block level4" data-level="4" data-slug="standard-4" id="standard-4"&gt;
&lt;h4 class="heading" data-level="4" data-slug="standard-4" id="standard-4"&gt;&lt;a href="#standard-4" rel="noopener noreferrer" title="Link to section: § 'Standard 4'"&gt;Standard
4&lt;/a&gt;&lt;/h4&gt;
&lt;section class="block level5" data-level="5" data-slug="standard-5" id="standard-5"&gt;
&lt;h5 class="heading" data-level="5" data-slug="standard-5" id="standard-5"&gt;&lt;a href="#standard-5" rel="noopener noreferrer" title="Link to section: § 'Standard 5'"&gt;Standard
5&lt;/a&gt;&lt;/h5&gt;
&lt;section class="block level6" data-level="6" data-slug="standard-6" id="standard-6"&gt;
&lt;h6 class="heading" data-level="6" data-slug="standard-6" id="standard-6"&gt;&lt;a href="#standard-6" rel="noopener noreferrer" title="Link to section: § 'Standard 6'"&gt;Standard
6&lt;/a&gt;&lt;/h6&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level1" data-level="1" data-slug="italics-1" id="italics-1"&gt;
&lt;h1 class="heading" data-level="1" data-slug="italics-1" id="italics-1"&gt;&lt;a href="#italics-1" rel="noopener noreferrer" title="Link to section: § 'Italics 1'"&gt;&lt;em&gt;Italics
1&lt;/em&gt;&lt;/a&gt;&lt;/h1&gt;
&lt;section class="block level2" data-level="2" data-slug="italics-2" id="italics-2"&gt;
&lt;h2 class="heading" data-level="2" data-slug="italics-2" id="italics-2"&gt;&lt;a href="#italics-2" rel="noopener noreferrer" title="Link to section: § 'Italics 2'"&gt;&lt;em&gt;Italics
2&lt;/em&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;section class="block level3" data-level="3" data-slug="italics-3" id="italics-3"&gt;
&lt;h3 class="heading" data-level="3" data-slug="italics-3" id="italics-3"&gt;&lt;a href="#italics-3" rel="noopener noreferrer" title="Link to section: § 'Italics 3'"&gt;&lt;em&gt;Italics
3&lt;/em&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;section class="block level4" data-level="4" data-slug="italics-4" id="italics-4"&gt;
&lt;h4 class="heading" data-level="4" data-slug="italics-4" id="italics-4"&gt;&lt;a href="#italics-4" rel="noopener noreferrer" title="Link to section: § 'Italics 4'"&gt;&lt;em&gt;Italics
4&lt;/em&gt;&lt;/a&gt;&lt;/h4&gt;
&lt;section class="block level5" data-level="5" data-slug="italics-5" id="italics-5"&gt;
&lt;h5 class="heading" data-level="5" data-slug="italics-5" id="italics-5"&gt;&lt;a href="#italics-5" rel="noopener noreferrer" title="Link to section: § 'Italics 5'"&gt;&lt;em&gt;Italics
5&lt;/em&gt;&lt;/a&gt;&lt;/h5&gt;
&lt;section class="block level6" data-level="6" data-slug="italics-6" id="italics-6"&gt;
&lt;h6 class="heading" data-level="6" data-slug="italics-6" id="italics-6"&gt;&lt;a href="#italics-6" rel="noopener noreferrer" title="Link to section: § 'Italics 6'"&gt;&lt;em&gt;Italics
6&lt;/em&gt;&lt;/a&gt;&lt;/h6&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level1" data-level="1" data-slug="bold-1" id="bold-1"&gt;
&lt;h1 class="heading" data-level="1" data-slug="bold-1" id="bold-1"&gt;&lt;a href="#bold-1" rel="noopener noreferrer" title="Link to section: § 'Bold 1'"&gt;&lt;strong&gt;Bold
1&lt;/strong&gt;&lt;/a&gt;&lt;/h1&gt;
&lt;section class="block level2" data-level="2" data-slug="bold-2" id="bold-2"&gt;
&lt;h2 class="heading" data-level="2" data-slug="bold-2" id="bold-2"&gt;&lt;a href="#bold-2" rel="noopener noreferrer" title="Link to section: § 'Bold 2'"&gt;&lt;strong&gt;Bold
2&lt;/strong&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;section class="block level3" data-level="3" data-slug="bold-3" id="bold-3"&gt;
&lt;h3 class="heading" data-level="3" data-slug="bold-3" id="bold-3"&gt;&lt;a href="#bold-3" rel="noopener noreferrer" title="Link to section: § 'Bold 3'"&gt;&lt;strong&gt;Bold
3&lt;/strong&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;section class="block level4" data-level="4" data-slug="bold-4" id="bold-4"&gt;
&lt;h4 class="heading" data-level="4" data-slug="bold-4" id="bold-4"&gt;&lt;a href="#bold-4" rel="noopener noreferrer" title="Link to section: § 'Bold 4'"&gt;&lt;strong&gt;Bold
4&lt;/strong&gt;&lt;/a&gt;&lt;/h4&gt;
&lt;section class="block level5" data-level="5" data-slug="bold-5" id="bold-5"&gt;
&lt;h5 class="heading" data-level="5" data-slug="bold-5" id="bold-5"&gt;&lt;a href="#bold-5" rel="noopener noreferrer" title="Link to section: § 'Bold 5'"&gt;&lt;strong&gt;Bold
5&lt;/strong&gt;&lt;/a&gt;&lt;/h5&gt;
&lt;section class="block level6" data-level="6" data-slug="bold-6" id="bold-6"&gt;
&lt;h6 class="heading" data-level="6" data-slug="bold-6" id="bold-6"&gt;&lt;a href="#bold-6" rel="noopener noreferrer" title="Link to section: § 'Bold 6'"&gt;&lt;strong&gt;Bold
6&lt;/strong&gt;&lt;/a&gt;&lt;/h6&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level1" data-level="1" data-slug="bold-italics-1" id="bold-italics-1"&gt;
&lt;h1 class="heading" data-level="1" data-slug="bold-italics-1" id="bold-italics-1"&gt;&lt;a href="#bold-italics-1" rel="noopener noreferrer" title="Link to section: § 'Bold Italics 1'"&gt;&lt;strong&gt;&lt;em&gt;Bold
Italics
1&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/h1&gt;
&lt;section class="block level2" data-level="2" data-slug="bold-italics-2" id="bold-italics-2"&gt;
&lt;h2 class="heading" data-level="2" data-slug="bold-italics-2" id="bold-italics-2"&gt;&lt;a href="#bold-italics-2" rel="noopener noreferrer" title="Link to section: § 'Bold Italics 2'"&gt;&lt;strong&gt;&lt;em&gt;Bold
Italics
2&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;section class="block level3" data-level="3" data-slug="bold-italics-3" id="bold-italics-3"&gt;
&lt;h3 class="heading" data-level="3" data-slug="bold-italics-3" id="bold-italics-3"&gt;&lt;a href="#bold-italics-3" rel="noopener noreferrer" title="Link to section: § 'Bold Italics 3'"&gt;&lt;strong&gt;&lt;em&gt;Bold
Italics
3&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;section class="block level4" data-level="4" data-slug="bold-italics-4" id="bold-italics-4"&gt;
&lt;h4 class="heading" data-level="4" data-slug="bold-italics-4" id="bold-italics-4"&gt;&lt;a href="#bold-italics-4" rel="noopener noreferrer" title="Link to section: § 'Bold Italics 4'"&gt;&lt;strong&gt;&lt;em&gt;Bold
Italics
4&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/h4&gt;
&lt;section class="block level5" data-level="5" data-slug="bold-italics-5" id="bold-italics-5"&gt;
&lt;h5 class="heading" data-level="5" data-slug="bold-italics-5" id="bold-italics-5"&gt;&lt;a href="#bold-italics-5" rel="noopener noreferrer" title="Link to section: § 'Bold Italics 5'"&gt;&lt;strong&gt;&lt;em&gt;Bold
Italics
5&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/h5&gt;
&lt;section class="block level6" data-level="6" data-slug="bold-italics-6" id="bold-italics-6"&gt;
&lt;h6 class="heading" data-level="6" data-slug="bold-italics-6" id="bold-italics-6"&gt;&lt;a href="#bold-italics-6" rel="noopener noreferrer" title="Link to section: § 'Bold Italics 6'"&gt;&lt;strong&gt;&lt;em&gt;Bold
Italics
6&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/h6&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level1" data-level="1" data-slug="decisions-transformers-preference-learning-as-simple-as-possible" id="decisions-transformers-preference-learning-as-simple-as-possible"&gt;
&lt;h1 class="heading" data-level="1" data-slug="decisions-transformers-preference-learning-as-simple-as-possible" id="decisions-transformers-preference-learning-as-simple-as-possible"&gt;&lt;a href="#decisions-transformers-preference-learning-as-simple-as-possible" rel="noopener noreferrer" title="Link to section: § 'Decisions transformers: Preference learning as simple as possible'"&gt;Decisions
transformers: Preference learning as simple as
possible&lt;/a&gt;&lt;/h1&gt;
&lt;p class="block first-graf"&gt;A long section header.&lt;/p&gt;
&lt;section class="block level2" data-level="2" data-slug="discriminator-ranking-using-a-trained-discriminator-to-rank-and-clean-data" id="discriminator-ranking-using-a-trained-discriminator-to-rank-and-clean-data"&gt;
&lt;h2 class="heading" data-level="2" data-slug="discriminator-ranking-using-a-trained-discriminator-to-rank-and-clean-data" id="discriminator-ranking-using-a-trained-discriminator-to-rank-and-clean-data"&gt;&lt;a href="#discriminator-ranking-using-a-trained-discriminator-to-rank-and-clean-data" rel="noopener noreferrer" title="Link to section: § 'Discriminator ranking: using a trained discriminator to rank and clean data'"&gt;Discriminator
ranking: using a trained discriminator to rank and clean
data&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;An even longer section header.&lt;/p&gt;
&lt;section class="block level3" data-level="3" data-slug="through-the-looking-glass-section-and-what-css-bugs-alice-may-have-found-there" id="through-the-looking-glass-section-and-what-css-bugs-alice-may-have-found-there"&gt;
&lt;h3 class="heading" data-level="3" data-slug="through-the-looking-glass-section-and-what-css-bugs-alice-may-have-found-there" id="through-the-looking-glass-section-and-what-css-bugs-alice-may-have-found-there"&gt;&lt;a href="#through-the-looking-glass-section-and-what-css-bugs-alice-may-have-found-there" rel="noopener noreferrer" title="Link to section: § 'Through the looking-glass section, and what CSS bugs Alice may have found there'"&gt;Through
the looking-glass section, and what CSS bugs Alice may have found
there&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;A third &lt;em&gt;long&lt;/em&gt; &lt;strong&gt;section&lt;/strong&gt; header.&lt;/p&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;/section&gt;
</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Matthew Bryant</dc:creator><pubDate>Fri, 19 Dec 2025 19:31:22 +0000</pubDate><guid isPermaLink="false">post:3</guid><category>Engine</category><category>Lorem</category><category>Markup</category><category>Administrative</category></item><item><title>Lorem Ipsum Admonitions</title><link>https://architextual.net/posts/lorem-ipsum-admonitions/</link><description>&lt;div class="admonition tip block" id="tip-title"&gt;
&lt;div class="admonition-title"&gt;&lt;p class="first-graf"&gt;Tip Title&lt;/p&gt;&lt;/div&gt;
&lt;p class="first-graf"&gt;Tip.&lt;br/&gt;
&lt;span class="marginnote"&gt;Margin note 3.&lt;/span&gt; Inline formatting:
&lt;em&gt;Italics.&lt;/em&gt; &lt;strong&gt;Bold.&lt;/strong&gt; &lt;strong&gt;&lt;em&gt;Bold
italics.&lt;/em&gt;&lt;/strong&gt; &lt;code&gt;Code.&lt;/code&gt; Code link. &lt;span class="smallcaps"&gt;Smallcaps.&lt;/span&gt; Span. Internal link. External link.⁠
Superscript&lt;sup&gt;1&lt;/sup&gt;. Subscript&lt;sub&gt;2&lt;/sub&gt;. • Interpunct separation.
• &lt;del&gt;Strikethrough&lt;/del&gt;.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition tip block"&gt;
&lt;p class="first-graf"&gt;No tip title.&lt;br/&gt;
Inline formatting: Italics. Bold. Bold italics. Code. Code link.
Smallcaps.2 Span. Internal link. External link.⁠ Superscript1.
Subscript2. • Interpunct separation. • Strikethrough.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition tip block"&gt;
&lt;p class="first-graf"&gt;No tip title.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition note block" id="note-title"&gt;
&lt;div class="admonition-title"&gt;&lt;p class="first-graf"&gt;Note Title&lt;/p&gt;&lt;/div&gt;
&lt;p class="first-graf"&gt;Note.&lt;br/&gt;
Did you know that the “Slender Man” copypasta contributed to an
attempted murder? Code link.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition note block"&gt;
&lt;p class="first-graf"&gt;Note.&lt;br/&gt;
Did you know that the “Slender Man” copypasta contributed to an
attempted murder? Code link.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition note block"&gt;
&lt;p class="first-graf"&gt;No note title.&lt;br/&gt;
Inline formatting: Italics. Bold. Bold italics. Code. Code link.
Smallcaps.2 Span. Internal link. External link.⁠ Superscript1.
Subscript2. • Interpunct separation. • Strikethrough.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition warning block" id="warning-title"&gt;
&lt;div class="admonition-title"&gt;&lt;p class="first-graf"&gt;Warning Title&lt;/p&gt;&lt;/div&gt;
&lt;p class="first-graf"&gt;Warning. For background on admonitions, see Markdeep. Bored? Look at
images generated by DALL·E 1. Code link.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition warning block"&gt;
&lt;p class="first-graf"&gt;No Warning Title&lt;/p&gt;
&lt;p class=""&gt;Warning. For background on admonitions, see Markdeep. Bored? Look at
images generated by DALL·E 1. Code link.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition warning block"&gt;
&lt;p class="first-graf"&gt;No warning title.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition error block" id="error."&gt;
&lt;div class="admonition-title"&gt;&lt;p class="first-graf"&gt;Error.&lt;/p&gt;&lt;/div&gt;
&lt;p class="first-graf"&gt;Inline formatting: Italics. Bold. Bold italics. Code. Code link.
Smallcaps.3 Span. Internal link. External link.⁠ Superscript1.
Subscript2. • Interpunct separation. • Strikethrough.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition error block"&gt;
&lt;p class="first-graf"&gt;No error title.&lt;br/&gt;
Margin note 3. Inline formatting: Italics. Bold. Bold italics. Code.
Code link. Smallcaps.3 Span. Internal link. External link.⁠ Superscript1.
Subscript2. • Interpunct separation. • Strikethrough.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="admonition error block"&gt;
&lt;p class="first-graf"&gt;No error title&lt;/p&gt;
&lt;/div&gt;
</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Matthew Bryant</dc:creator><pubDate>Fri, 19 Dec 2025 19:39:13 +0000</pubDate><guid isPermaLink="false">post:4</guid><category>Engine</category><category>Lorem</category><category>Markup</category><category>Administrative</category></item><item><title>Lorem Ipsum Citations</title><link>https://architextual.net/posts/lorem-ipsum-citations/</link><description>&lt;section class="block level1" data-level="1" data-slug="bibliography-citations-reference" id="bibliography-citations-reference"&gt;
&lt;h1 class="heading" data-level="1" data-slug="bibliography-citations-reference" id="bibliography-citations-reference"&gt;&lt;a href="#bibliography-citations-reference" rel="noopener noreferrer" title="Link to section: § 'Bibliography &amp;amp; Citations Reference'"&gt;Bibliography
&amp;amp; Citations
Reference&lt;/a&gt;&lt;/h1&gt;
&lt;p class="block first-graf intro-graf dropcap"&gt;&lt;span class="dropcap-letter"&gt;T&lt;/span&gt;his post serves as both a working example and complete documentation
of the bibliography and citation system. Every citation syntax variant,
locator type, and rendering behavior is demonstrated with real sources.
The references section at the bottom of this post is auto-generated from
the citations used throughout the text. How is this? Modifying to add
features, again! And, again! One more! Test&lt;/p&gt;
&lt;section class="block level2" data-level="2" data-slug="prerequisites-creating-the-sources-in-django-webapp" id="prerequisites-creating-the-sources-in-django-webapp"&gt;
&lt;h2 class="heading" data-level="2" data-slug="prerequisites-creating-the-sources-in-django-webapp" id="prerequisites-creating-the-sources-in-django-webapp"&gt;&lt;a href="#prerequisites-creating-the-sources-in-django-webapp" rel="noopener noreferrer" title="Link to section: § 'Prerequisites: Creating the Sources in Django, webapp'"&gt;Prerequisites:
Creating the Sources in Django,
webapp&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;Before this post will render correctly, the following sources must
exist in &lt;strong&gt;Admin &amp;gt; Engine &amp;gt; Sources&lt;/strong&gt;. You can create
them manually or import them from Zotero. For each source, leave the
&lt;strong&gt;Citation key&lt;/strong&gt; blank and it will auto-generate from the
author, year, and title. Modification testing the renderer.&lt;/p&gt;
&lt;div class="admonition note block" id="citations-used-for-demonstration-purposes-only"&gt;
&lt;div class="admonition-title"&gt;&lt;p class="first-graf"&gt;Citations Used for Demonstration Purposes Only&lt;/p&gt;&lt;/div&gt;
&lt;p class="first-graf"&gt;Note that the citations within this page are for illustrative
purposes only and do no represent real sources.&lt;/p&gt;
&lt;/div&gt;
&lt;p class="list-heading block first-graf"&gt;&lt;strong&gt;Source 1 — Journal Article:&lt;/strong&gt;&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Title: &lt;em&gt;The Neural Basis of Decision Making Under
Uncertainty&lt;/em&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Type: Journal Article&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Authors:
&lt;code&gt;[{"family": "Chen", "given": "Wei"}, {"family": "Nakamura", "given": "Yuki"}]&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Issued date: &lt;code&gt;{"date-parts": [[2024, 6, 15]]}&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Container title: Nature Neuroscience&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Volume: 27&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Issue: 6&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Page: 1042-1058&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;DOI: 10.1038/&lt;wbr/&gt;s41593-024-01632-4&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;URL: &lt;a class="uri external-link" href="https://doi.org/10.1038/s41593-024-01632-4" rel="noopener noreferrer" target="_blank"&gt;https://&lt;wbr/&gt;doi.org/&lt;wbr/&gt;10.1038/&lt;wbr/&gt;s41593-024-01632-4&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;&lt;strong&gt;Source 2 — Book:&lt;/strong&gt;&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Title: &lt;em&gt;Thinking in Systems: A Primer&lt;/em&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Type: Book&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Authors:
&lt;code&gt;[{"family": "Meadows", "given": "Donella H."}]&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Editors: &lt;code&gt;[{"family": "Wright", "given": "Diana"}]&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Issued date: &lt;code&gt;{"date-parts": [[2008]]}&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Publisher: Chelsea Green Publishing&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Publisher place: White River Junction, VT&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;ISBN: 978-1603580557&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;&lt;strong&gt;Source 3 — Book Chapter:&lt;/strong&gt;&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Title: &lt;em&gt;Bayesian Approaches to Clinical Trials&lt;/em&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Type: Book Chapter&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Authors:
&lt;code&gt;[{"family": "Spiegelhalter", "given": "David J."}, {"family": "Freedman", "given": "Laurence S."}, {"family": "Parmar", "given": "Mahesh K. B."}]&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Issued date: &lt;code&gt;{"date-parts": [[1994]]}&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Container title: Bayesian Statistics 5&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Publisher: Oxford University Press&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Page: 357-386&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Editors:
&lt;code&gt;[{"family": "Bernardo", "given": "José M."}]&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;&lt;strong&gt;Source 4 — Web Page:&lt;/strong&gt;&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Title: &lt;em&gt;Attention Is All You Need: A Retrospective&lt;/em&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Type: Web Page&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Authors:
&lt;code&gt;[{"family": "Vaswani", "given": "Ashish"}, {"family": "Shazeer", "given": "Noam"}, {"family": "Parmar", "given": "Niki"}]&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Issued date: &lt;code&gt;{"date-parts": [[2023, 12, 4]]}&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Container title: Google Research Blog&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;URL: &lt;a class="uri external-link" href="https://research.google/blog/attention-is-all-you-need" rel="noopener noreferrer" target="_blank"&gt;https://&lt;wbr/&gt;research.google/&lt;wbr/&gt;blog/&lt;wbr/&gt;attention-is-all-you-need&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Accessed date: &lt;code&gt;{"date-parts": [[2025, 3, 10]]}&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;&lt;strong&gt;Source 5 — Conference Paper:&lt;/strong&gt;&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Title: &lt;em&gt;Scaling Laws for Neural Language Models&lt;/em&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Type: Conference Paper&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Authors:
&lt;code&gt;[{"family": "Kaplan", "given": "Jared"}, {"family": "McCandlish", "given": "Sam"}, {"family": "Henighan", "given": "Tom"}, {"family": "Brown", "given": "Tom B."}]&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Issued date: &lt;code&gt;{"date-parts": [[2020]]}&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Container title: Proceedings of the International Conference on
Machine Learning&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Publisher: PMLR&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;DOI: 10.48550/&lt;wbr/&gt;arXiv.2001.08361&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;&lt;strong&gt;Source 6 — Report (Institutional Author):&lt;/strong&gt;&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Title: &lt;em&gt;Global Risks Report 2024&lt;/em&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Type: Report&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Authors: &lt;code&gt;[{"literal": "World Economic Forum"}]&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Issued date: &lt;code&gt;{"date-parts": [[2024, 1]]}&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Publisher: World Economic Forum&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Publisher place: Geneva&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;URL: &lt;a class="uri external-link" href="https://www.weforum.org/publications/global-risks-report-2024" rel="noopener noreferrer" target="_blank"&gt;https://&lt;wbr/&gt;www.weforum.org/&lt;wbr/&gt;publications/&lt;wbr/&gt;global-risks-report-2024&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="list-heading block first-graf"&gt;&lt;strong&gt;Source 7 — Thesis:&lt;/strong&gt;&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Title: &lt;em&gt;Emergent Complexity in Multi-Agent Reinforcement Learning
Environments&lt;/em&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Type: Thesis&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Authors:
&lt;code&gt;[{"family": "Okonkwo", "given": "Adaeze"}]&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Issued date: &lt;code&gt;{"date-parts": [[2023]]}&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Publisher: Massachusetts Institute of Technology&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Publisher place: Cambridge, MA&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;hr class="block horizontal-rule horizontal-rule-1"/&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="basic-parenthetical-citations" id="basic-parenthetical-citations"&gt;
&lt;h2 class="heading" data-level="2" data-slug="basic-parenthetical-citations" id="basic-parenthetical-citations"&gt;&lt;a href="#basic-parenthetical-citations" rel="noopener noreferrer" title="Link to section: § 'Basic Parenthetical Citations'"&gt;Basic
Parenthetical
Citations&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;The simplest and most common citation form places the reference in
parentheses at the end of a clause or sentence. Write
&lt;code&gt;[@key]&lt;/code&gt; where &lt;code&gt;key&lt;/code&gt; is the source’s citation
key.&lt;/p&gt;
&lt;p class="block"&gt;Recent work in computational neuroscience has revealed unexpected
parallels between artificial and biological neural networks, suggesting
that the optimization landscapes explored by gradient descent may share
structural features with those navigated by synaptic plasticity
&lt;a class="citation" data-citation="(Chen &amp;amp;#38; Nakamura, 2024)" data-citation-keys="chen2024neural" href="#ref-chen2024neural" role="doc-noteref"&gt;(Chen &amp;amp; Nakamura, 2024)&lt;/a&gt;. This finding builds on decades of systems-level
thinking about feedback loops and emergent behavior in complex adaptive
systems &lt;a class="citation" data-citation="(Meadows, 2008)" data-citation-keys="meadows2008thinking" href="#ref-meadows2008thinking" role="doc-noteref"&gt;(Meadows, 2008)&lt;/a&gt;.&lt;/p&gt;
&lt;p class="block"&gt;The conference paper that introduced scaling laws for neural language
models has since become one of the most cited works in the field
&lt;a class="citation" data-citation="(Kaplan et al., 2020)" data-citation-keys="kaplan2020scaling" href="#ref-kaplan2020scaling" role="doc-noteref"&gt;(Kaplan et al., 2020)&lt;/a&gt;. Meanwhile, institutional reports continue to
highlight the intersection of technological risk and global governance
&lt;a class="citation" data-citation="(World Economic Forum, 2024)" data-citation-keys="worldeconomicforum2024global" href="#ref-worldeconomicforum2024global" role="doc-noteref"&gt;(World Economic Forum, 2024)&lt;/a&gt;.&lt;/p&gt;
&lt;p class="block"&gt;Multiple sources can confirm a point when placed together. The
convergence of Bayesian methods and modern machine learning represents
one of the most productive cross-pollinations in recent scientific
history &lt;a class="citation" data-citation="(Spiegelhalter et al., 1994)" data-citation-keys="spiegelhalter1994bayesian" href="#ref-spiegelhalter1994bayesian" role="doc-noteref"&gt;(Spiegelhalter et al., 1994)&lt;/a&gt;. Doctoral work has further
extended these ideas into multi-agent settings
&lt;a class="citation" data-citation="(Okonkwo, 2023)" data-citation-keys="okonkwo2023emergent" href="#ref-okonkwo2023emergent" role="doc-noteref"&gt;(Okonkwo, 2023)&lt;/a&gt;.&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-2"/&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="page-and-location-references" id="page-and-location-references"&gt;
&lt;h2 class="heading" data-level="2" data-slug="page-and-location-references" id="page-and-location-references"&gt;&lt;a href="#page-and-location-references" rel="noopener noreferrer" title="Link to section: § 'Page and Location References'"&gt;Page
and Location
References&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;When citing a specific passage, add a locator after the key,
separated by a comma. The system recognizes standard locator prefixes
and formats them according to the active citation style.&lt;/p&gt;
&lt;section class="block level3" data-level="3" data-slug="page-numbers" id="page-numbers"&gt;
&lt;h3 class="heading" data-level="3" data-slug="page-numbers" id="page-numbers"&gt;&lt;a href="#page-numbers" rel="noopener noreferrer" title="Link to section: § 'Page Numbers'"&gt;Page
Numbers&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;Single page references use &lt;code&gt;p.&lt;/code&gt; and page ranges use
&lt;code&gt;pp.&lt;/code&gt;:&lt;/p&gt;
&lt;p class="block"&gt;The authors define their core framework in the methods section,
establishing the experimental protocol that all subsequent analyses
depend on &lt;a class="citation" data-citation="(Chen &amp;amp;#38; Nakamura, 2024, p. 1045)" data-citation-keys="chen2024neural" href="#ref-chen2024neural" role="doc-noteref"&gt;(Chen &amp;amp; Nakamura, 2024, p. 1045)&lt;/a&gt;. The results across all three
experimental conditions are summarized in a single comprehensive table
&lt;a class="citation" data-citation="(Chen &amp;amp;#38; Nakamura, 2024, pp. 1050–1054)" data-citation-keys="chen2024neural" href="#ref-chen2024neural" role="doc-noteref"&gt;(Chen &amp;amp; Nakamura, 2024, pp. 1050–1054)&lt;/a&gt;. The distinction between leverage
points in systems is perhaps Meadows’ most lasting contribution to the
field &lt;a class="citation" data-citation="(Meadows, 2008, pp. 145–165)" data-citation-keys="meadows2008thinking" href="#ref-meadows2008thinking" role="doc-noteref"&gt;(Meadows, 2008, pp. 145–165)&lt;/a&gt;.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="chapter-references" id="chapter-references"&gt;
&lt;h3 class="heading" data-level="3" data-slug="chapter-references" id="chapter-references"&gt;&lt;a href="#chapter-references" rel="noopener noreferrer" title="Link to section: § 'Chapter References'"&gt;Chapter
References&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;Use &lt;code&gt;ch.&lt;/code&gt; or &lt;code&gt;chap.&lt;/code&gt; for chapter-level
references:&lt;/p&gt;
&lt;p class="block"&gt;The opening chapter provides an accessible introduction to the
concept of stocks and flows that requires no mathematical background
&lt;a class="citation" data-citation="(Meadows, 2008, Chapter 1)" data-citation-keys="meadows2008thinking" href="#ref-meadows2008thinking" role="doc-noteref"&gt;(Meadows, 2008, Chapter 1)&lt;/a&gt;. Later chapters build on this
foundation with increasingly sophisticated models of system dynamics
&lt;a class="citation" data-citation="(Meadows, 2008, Chapter 5)" data-citation-keys="meadows2008thinking" href="#ref-meadows2008thinking" role="doc-noteref"&gt;(Meadows, 2008, Chapter 5)&lt;/a&gt;.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="section-references" id="section-references"&gt;
&lt;h3 class="heading" data-level="3" data-slug="section-references" id="section-references"&gt;&lt;a href="#section-references" rel="noopener noreferrer" title="Link to section: § 'Section References'"&gt;Section
References&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;Use &lt;code&gt;sec.&lt;/code&gt; for section-level references:&lt;/p&gt;
&lt;p class="block"&gt;The discussion of prior elicitation is particularly relevant for
practitioners working with limited historical data
&lt;a class="citation" data-citation="(Spiegelhalter et al., 1994, Section 3)" data-citation-keys="spiegelhalter1994bayesian" href="#ref-spiegelhalter1994bayesian" role="doc-noteref"&gt;(Spiegelhalter et al., 1994, Section 3)&lt;/a&gt;.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="volume-references" id="volume-references"&gt;
&lt;h3 class="heading" data-level="3" data-slug="volume-references" id="volume-references"&gt;&lt;a href="#volume-references" rel="noopener noreferrer" title="Link to section: § 'Volume References'"&gt;Volume
References&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;Use &lt;code&gt;vol.&lt;/code&gt; for multi-volume works:&lt;/p&gt;
&lt;p class="block"&gt;The broader series covers the full history of the Bayesian statistics
conference proceedings, with each volume representing a biennial meeting
&lt;a class="citation" data-citation="(Spiegelhalter et al., 1994, Volume 5)" data-citation-keys="spiegelhalter1994bayesian" href="#ref-spiegelhalter1994bayesian" role="doc-noteref"&gt;(Spiegelhalter et al., 1994, Volume 5)&lt;/a&gt;.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="figure-references" id="figure-references"&gt;
&lt;h3 class="heading" data-level="3" data-slug="figure-references" id="figure-references"&gt;&lt;a href="#figure-references" rel="noopener noreferrer" title="Link to section: § 'Figure References'"&gt;Figure
References&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;Use &lt;code&gt;fig.&lt;/code&gt; for specific figures:&lt;/p&gt;
&lt;p class="block"&gt;The attention heatmap visualization demonstrates how the model
allocates computational resources across input tokens
&lt;a class="citation" data-citation="(Vaswani et al., 2023, Figure 2)" data-citation-keys="vaswani2023attention" href="#ref-vaswani2023attention" role="doc-noteref"&gt;(Vaswani et al., 2023, Figure 2)&lt;/a&gt;.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="paragraph-references" id="paragraph-references"&gt;
&lt;h3 class="heading" data-level="3" data-slug="paragraph-references" id="paragraph-references"&gt;&lt;a href="#paragraph-references" rel="noopener noreferrer" title="Link to section: § 'Paragraph References'"&gt;Paragraph
References&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;Use &lt;code&gt;para.&lt;/code&gt; for paragraph-level precision:&lt;/p&gt;
&lt;p class="block"&gt;The retrospective opens with a personal anecdote about the moment the
team realized their architecture would generalize beyond machine
translation &lt;a class="citation" data-citation="(Vaswani et al., 2023, para. 3)" data-citation-keys="vaswani2023attention" href="#ref-vaswani2023attention" role="doc-noteref"&gt;(Vaswani et al., 2023, para. 3)&lt;/a&gt;.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="line-and-note-references" id="line-and-note-references"&gt;
&lt;h3 class="heading" data-level="3" data-slug="line-and-note-references" id="line-and-note-references"&gt;&lt;a href="#line-and-note-references" rel="noopener noreferrer" title="Link to section: § 'Line and Note References'"&gt;Line and
Note
References&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;Use &lt;code&gt;l.&lt;/code&gt; for line references and &lt;code&gt;n.&lt;/code&gt; for
notes:&lt;/p&gt;
&lt;p class="block"&gt;The footnote on experimental methodology deserves close reading, as
it contains a crucial caveat about the generalizability of the results
&lt;a class="citation" data-citation="(Chen &amp;amp;#38; Nakamura, 2024, Note 14)" data-citation-keys="chen2024neural" href="#ref-chen2024neural" role="doc-noteref"&gt;(Chen &amp;amp; Nakamura, 2024, Note 14)&lt;/a&gt;.&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-3"/&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="narrative-in-text-citations" id="narrative-in-text-citations"&gt;
&lt;h2 class="heading" data-level="2" data-slug="narrative-in-text-citations" id="narrative-in-text-citations"&gt;&lt;a href="#narrative-in-text-citations" rel="noopener noreferrer" title="Link to section: § 'Narrative (In-Text) Citations'"&gt;Narrative
(In-Text)
Citations&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;When the author’s name is part of the sentence structure, use a bare
&lt;code&gt;@key&lt;/code&gt; without brackets. The author name appears in the
running text with only the year parenthesized.&lt;/p&gt;
&lt;p class="block"&gt;&lt;a class="citation citation-narrative" data-citation="(Chen &amp;amp;#38; Nakamura, 2024)" data-citation-keys="chen2024neural" href="#ref-chen2024neural" role="doc-noteref"&gt;(Chen &amp;amp; Nakamura, 2024)&lt;/a&gt; demonstrate that prefrontal cortical
activity during uncertain decision tasks follows a pattern strikingly
similar to the attention mechanisms used in transformer architectures.
Their work extends the theoretical framework first articulated by
&lt;a class="citation citation-narrative" data-citation="(Meadows, 2008)" data-citation-keys="meadows2008thinking" href="#ref-meadows2008thinking" role="doc-noteref"&gt;(Meadows, 2008)&lt;/a&gt;, who argued that complex systems exhibit
universal structural patterns regardless of their substrate.&lt;/p&gt;
&lt;p class="block"&gt;The seminal paper by &lt;a class="citation citation-narrative" data-citation="(Vaswani et al., 2023)" data-citation-keys="vaswani2023attention" href="#ref-vaswani2023attention" role="doc-noteref"&gt;(Vaswani et al., 2023)&lt;/a&gt; has fundamentally
reshaped how researchers think about sequence modeling. Building on this
foundation, &lt;a class="citation citation-narrative" data-citation="(Kaplan et al., 2020)" data-citation-keys="kaplan2020scaling" href="#ref-kaplan2020scaling" role="doc-noteref"&gt;(Kaplan et al., 2020)&lt;/a&gt; established the empirical laws
governing how language model performance improves with scale. More
recently, &lt;a class="citation citation-narrative" data-citation="(Okonkwo, 2023)" data-citation-keys="okonkwo2023emergent" href="#ref-okonkwo2023emergent" role="doc-noteref"&gt;(Okonkwo, 2023)&lt;/a&gt; has shown that these scaling
relationships extend to multi-agent environments, where emergent
behaviors arise from the interaction of individually simple
policies.&lt;/p&gt;
&lt;p class="block"&gt;Institutional perspectives complement individual research
contributions. &lt;a class="citation citation-narrative" data-citation="(World Economic Forum, 2024)" data-citation-keys="worldeconomicforum2024global" href="#ref-worldeconomicforum2024global" role="doc-noteref"&gt;(World Economic Forum, 2024)&lt;/a&gt; identifies
artificial intelligence governance as one of the five critical risk
vectors for the coming decade, drawing on survey data from over 1,400
global leaders.&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-1"/&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="suppress-author-citations" id="suppress-author-citations"&gt;
&lt;h2 class="heading" data-level="2" data-slug="suppress-author-citations" id="suppress-author-citations"&gt;&lt;a href="#suppress-author-citations" rel="noopener noreferrer" title="Link to section: § 'Suppress-Author Citations'"&gt;Suppress-Author
Citations&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;When you have already named the author in your sentence and want only
the year in parentheses, use &lt;code&gt;[-@key]&lt;/code&gt;. This avoids the
redundancy of writing “Chen (Chen &amp;amp; Nakamura, 2024).”&lt;/p&gt;
&lt;p class="block"&gt;Chen and Nakamura’s landmark study &lt;a class="citation" data-citation="(2024)" data-citation-keys="chen2024neural" href="#ref-chen2024neural" role="doc-noteref"&gt;(2024)&lt;/a&gt; built on
three years of preliminary data collection across twelve research sites.
Meadows &lt;a class="citation" data-citation="(2008)" data-citation-keys="meadows2008thinking" href="#ref-meadows2008thinking" role="doc-noteref"&gt;(2008)&lt;/a&gt; had anticipated many of these
systemic dynamics decades earlier, though her work predated the
computational tools needed to verify them empirically. The World
Economic Forum &lt;a class="citation" data-citation="(2024)" data-citation-keys="worldeconomicforum2024global" href="#ref-worldeconomicforum2024global" role="doc-noteref"&gt;(2024)&lt;/a&gt; has increasingly
emphasized the need for adaptive governance frameworks that can respond
to rapidly evolving technological landscapes.&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-2"/&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="multi-source-citations" id="multi-source-citations"&gt;
&lt;h2 class="heading" data-level="2" data-slug="multi-source-citations" id="multi-source-citations"&gt;&lt;a href="#multi-source-citations" rel="noopener noreferrer" title="Link to section: § 'Multi-Source Citations'"&gt;Multi-Source
Citations&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;Cite multiple sources in a single bracketed reference by separating
them with semicolons. The citation processor sorts them according to the
active style’s rules (typically alphabetical by author or
chronological).&lt;/p&gt;
&lt;p class="block"&gt;The relationship between neural architecture and cognitive function
has been explored from multiple complementary perspectives
&lt;a class="citation" data-citation="(Chen &amp;amp;#38; Nakamura, 2024; Kaplan et al., 2020; Okonkwo, 2023)" data-citation-keys="chen2024neural kaplan2020scaling okonkwo2023emergent" href="#ref-chen2024neural" role="doc-noteref"&gt;(Chen &amp;amp; Nakamura, 2024; Kaplan et al., 2020; Okonkwo, 2023)&lt;/a&gt;. Systems
thinking provides a meta-framework for understanding how these
individual findings connect to form a coherent picture of intelligence,
whether biological or artificial
&lt;a class="citation" data-citation="(Meadows, 2008; Spiegelhalter et al., 1994)" data-citation-keys="meadows2008thinking spiegelhalter1994bayesian" href="#ref-meadows2008thinking" role="doc-noteref"&gt;(Meadows, 2008; Spiegelhalter et al., 1994)&lt;/a&gt;.&lt;/p&gt;
&lt;p class="block"&gt;Multi-source citations can also include locators on individual
sources. The experimental methodology draws on established Bayesian
frameworks
&lt;a class="citation" data-citation="(Chen &amp;amp;#38; Nakamura, 2024, Section 2; Spiegelhalter et al., 1994, pp. 360–370)" data-citation-keys="spiegelhalter1994bayesian chen2024neural" href="#ref-spiegelhalter1994bayesian" role="doc-noteref"&gt;(Chen &amp;amp; Nakamura, 2024, Section 2; Spiegelhalter et al., 1994, pp. 360–370)&lt;/a&gt;
while the theoretical interpretation follows the systems dynamics
tradition
&lt;a class="citation" data-citation="(Meadows, 2008, Chapter 3; World Economic Forum, 2024)" data-citation-keys="meadows2008thinking worldeconomicforum2024global" href="#ref-meadows2008thinking" role="doc-noteref"&gt;(Meadows, 2008, Chapter 3; World Economic Forum, 2024)&lt;/a&gt;.&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-3"/&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="unresolved-citations" id="unresolved-citations"&gt;
&lt;h2 class="heading" data-level="2" data-slug="unresolved-citations" id="unresolved-citations"&gt;&lt;a href="#unresolved-citations" rel="noopener noreferrer" title="Link to section: § 'Unresolved Citations'"&gt;Unresolved
Citations&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;If a citation key does not match any source in the library, it
renders as a visible error marker rather than failing silently. This
makes typos and missing sources easy to spot during editing.&lt;/p&gt;
&lt;p class="block"&gt;Some researchers have explored alternative architectures that avoid
attention entirely &lt;span class="citation-unresolved"&gt;[??nonexistent2024paper]&lt;/span&gt;. This reference will
render as a red &lt;code&gt;[??nonexistent2024paper]&lt;/code&gt; error marker
because no source with that key exists. Check the spelling of the key,
or create the missing source in &lt;strong&gt;Admin &amp;gt; Engine &amp;gt;
Sources&lt;/strong&gt; before publishing.&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-1"/&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="citations-with-footnotes" id="citations-with-footnotes"&gt;
&lt;h2 class="heading" data-level="2" data-slug="citations-with-footnotes" id="citations-with-footnotes"&gt;&lt;a href="#citations-with-footnotes" rel="noopener noreferrer" title="Link to section: § 'Citations with Footnotes'"&gt;Citations
with
Footnotes&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;Citations and footnotes use completely separate systems and do not
interfere with each other. You can use both freely in the same post. The
bibliography section appears before the footnotes section in the
rendered output.&lt;/p&gt;
&lt;p class="block"&gt;The interplay between theoretical frameworks and empirical validation
represents one of the enduring challenges of interdisciplinary research
&lt;a class="citation" data-citation="(Chen &amp;amp;#38; Nakamura, 2024; Meadows, 2008)" data-citation-keys="chen2024neural meadows2008thinking" href="#ref-chen2024neural" role="doc-noteref"&gt;(Chen &amp;amp; Nakamura, 2024; Meadows, 2008)&lt;/a&gt;.&lt;a class="footnote-ref" href="#fn1" id="fnref1" rel="noopener noreferrer"&gt;&lt;sup&gt;1&lt;/sup&gt;&lt;/a&gt;
Some scholars argue that this tension is itself productive, forcing
researchers to articulate their assumptions more precisely than they
otherwise would &lt;a class="citation" data-citation="(Spiegelhalter et al., 1994)" data-citation-keys="spiegelhalter1994bayesian" href="#ref-spiegelhalter1994bayesian" role="doc-noteref"&gt;(Spiegelhalter et al., 1994)&lt;/a&gt;.&lt;a class="footnote-ref" href="#fn2" id="fnref2" rel="noopener noreferrer"&gt;&lt;sup&gt;2&lt;/sup&gt;&lt;/a&gt;&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-2"/&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="citations-in-blockquotes" id="citations-in-blockquotes"&gt;
&lt;h2 class="heading" data-level="2" data-slug="citations-in-blockquotes" id="citations-in-blockquotes"&gt;&lt;a href="#citations-in-blockquotes" rel="noopener noreferrer" title="Link to section: § 'Citations in Blockquotes'"&gt;Citations
in
Blockquotes&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;Citations work within blockquotes, preserving the same syntax and
rendering behavior:&lt;/p&gt;
&lt;blockquote class="blockquote-level-1"&gt;
&lt;p class="first-graf"&gt;The fundamental insight of systems thinking is that the behavior of a
system cannot be understood by examining its parts in isolation. The
relationships between the parts — the feedback loops, the delays, the
nonlinearities — are what generate the system’s characteristic behavior
over time &lt;a class="citation" data-citation="(Meadows, 2008, pp. 12–13)" data-citation-keys="meadows2008thinking" href="#ref-meadows2008thinking" role="doc-noteref"&gt;(Meadows, 2008, pp. 12–13)&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote class="blockquote-level-1"&gt;
&lt;blockquote class="blockquote-level-2"&gt;
&lt;p class="first-graf"&gt;Even nested blockquotes support citations. As the scaling laws
research demonstrates, the predictable relationship between compute,
data, and model performance holds across multiple orders of magnitude
&lt;a class="citation" data-citation="(Kaplan et al., 2020)" data-citation-keys="kaplan2020scaling" href="#ref-kaplan2020scaling" role="doc-noteref"&gt;(Kaplan et al., 2020)&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;hr class="block horizontal-rule horizontal-rule-3"/&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="how-the-system-works" id="how-the-system-works"&gt;
&lt;h2 class="heading" data-level="2" data-slug="how-the-system-works" id="how-the-system-works"&gt;&lt;a href="#how-the-system-works" rel="noopener noreferrer" title="Link to section: § 'How the System Works'"&gt;How the System
Works&lt;/a&gt;&lt;/h2&gt;
&lt;section class="block level3" data-level="3" data-slug="rendering-pipeline" id="rendering-pipeline"&gt;
&lt;h3 class="heading" data-level="3" data-slug="rendering-pipeline" id="rendering-pipeline"&gt;&lt;a href="#rendering-pipeline" rel="noopener noreferrer" title="Link to section: § 'Rendering Pipeline'"&gt;Rendering
Pipeline&lt;/a&gt;&lt;/h3&gt;
&lt;p class="list-heading block first-graf"&gt;When you save a post, the following happens automatically:&lt;/p&gt;
&lt;ol class="list list-level-1 list-type-decimal block" type="1"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;The &lt;strong&gt;citation escaper&lt;/strong&gt; preprocessor converts all
&lt;code&gt;[@key]&lt;/code&gt; syntax into placeholder tokens before Pandoc
processes the markdown. This prevents Pandoc from interpreting or
corrupting the citation syntax.&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Pandoc converts the rest of the markdown to HTML as
normal.&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;The &lt;strong&gt;citation renderer&lt;/strong&gt; postprocessor finds all
placeholder tokens, batch-queries the Source table for matching keys,
sends the resolved CSL-JSON data to &lt;strong&gt;citeproc-js&lt;/strong&gt;
(running as a Node.js subprocess) for formatting, and replaces each
placeholder with a styled inline citation link.&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;A &lt;strong&gt;bibliography section&lt;/strong&gt; is automatically appended
at the end of the content, listing all cited sources formatted according
to the active citation style. Only sources actually referenced with
&lt;code&gt;[@key]&lt;/code&gt; appear — you cannot manually add sources to the
bibliography.&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;&lt;strong&gt;PostCitation&lt;/strong&gt; records are synced in the database,
tracking which sources are cited in which posts and in what order. These
records power the “Cited Sources” inline in the post admin and enable
queries like “which posts cite this source?”&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="citation-keys" id="citation-keys"&gt;
&lt;h3 class="heading" data-level="3" data-slug="citation-keys" id="citation-keys"&gt;&lt;a href="#citation-keys" rel="noopener noreferrer" title="Link to section: § 'Citation Keys'"&gt;Citation
Keys&lt;/a&gt;&lt;/h3&gt;
&lt;p class="list-heading block first-graf"&gt;Every source has a unique citation key — the identifier you use in
&lt;code&gt;[@key]&lt;/code&gt;. Keys are auto-generated from the first author’s
family name, the year, and the first significant word of the title. For
example:&lt;/p&gt;
&lt;ul class="list list-level-1 block"&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Chen &amp;amp; Nakamura (2024), “The Neural Basis of Decision Making…” →
&lt;code&gt;chen2024neural&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;Meadows (2008), “Thinking in Systems…” →
&lt;code&gt;meadows2008thinking&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list"&gt;&lt;p class="in-list first-graf"&gt;World Economic Forum (2024), “Global Risks Report…” →
&lt;code&gt;worldeconomicforum2024global&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="block first-graf"&gt;When two sources would produce the same key, a letter suffix is
appended: &lt;code&gt;smith2024a&lt;/code&gt;, &lt;code&gt;smith2024b&lt;/code&gt;. Once a key
is set, treat it as permanent — changing it will break all posts that
reference it.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="citation-styles" id="citation-styles"&gt;
&lt;h3 class="heading" data-level="3" data-slug="citation-styles" id="citation-styles"&gt;&lt;a href="#citation-styles" rel="noopener noreferrer" title="Link to section: § 'Citation Styles'"&gt;Citation
Styles&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;The site has a default citation style set in &lt;strong&gt;Admin &amp;gt; Site
Settings &amp;gt; Bibliography&lt;/strong&gt;. Individual posts can override this
with a different style in the &lt;strong&gt;Organization &amp;amp;
Taxonomy&lt;/strong&gt; section of the post admin.&lt;/p&gt;
&lt;p class="block"&gt;Available styles include: &lt;code&gt;apa&lt;/code&gt;, &lt;code&gt;mla&lt;/code&gt; (or
&lt;code&gt;modern-language-association&lt;/code&gt;), &lt;code&gt;chicago&lt;/code&gt; (or
&lt;code&gt;chicago-author-date&lt;/code&gt;), &lt;code&gt;chicago-notes&lt;/code&gt; (or
&lt;code&gt;chicago-notes-bibliography&lt;/code&gt;), &lt;code&gt;ieee&lt;/code&gt;,
&lt;code&gt;harvard&lt;/code&gt; (or &lt;code&gt;harvard-cite-them-right&lt;/code&gt;),
&lt;code&gt;vancouver&lt;/code&gt;, &lt;code&gt;nature&lt;/code&gt;.&lt;/p&gt;
&lt;p class="block"&gt;Short names like &lt;code&gt;mla&lt;/code&gt; and &lt;code&gt;chicago&lt;/code&gt; are
aliased to their full CSL filenames automatically.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="tooltips-and-navigation" id="tooltips-and-navigation"&gt;
&lt;h3 class="heading" data-level="3" data-slug="tooltips-and-navigation" id="tooltips-and-navigation"&gt;&lt;a href="#tooltips-and-navigation" rel="noopener noreferrer" title="Link to section: § 'Tooltips and Navigation'"&gt;Tooltips
and
Navigation&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;On desktop, hovering over any inline citation shows a tooltip with
the full formatted reference. Clicking the citation scrolls to its entry
in the bibliography section with a brief highlight animation. On mobile,
tapping a citation shows the tooltip; tapping elsewhere dismisses
it.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="zotero-integration" id="zotero-integration"&gt;
&lt;h3 class="heading" data-level="3" data-slug="zotero-integration" id="zotero-integration"&gt;&lt;a href="#zotero-integration" rel="noopener noreferrer" title="Link to section: § 'Zotero Integration'"&gt;Zotero
Integration&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;Sources can be imported from a Zotero library via &lt;strong&gt;Admin &amp;gt;
Management Commands&lt;/strong&gt; or the scheduled sync task. The sync only
imports top-level items (actual sources) — child items like PDF
attachments and notes are handled separately. PDFs attached to Zotero
items are automatically downloaded and stored as the source’s archived
file.&lt;/p&gt;
&lt;p class="block"&gt;To set up Zotero sync: go to &lt;strong&gt;Admin &amp;gt; Site Settings &amp;gt;
Zotero Integration&lt;/strong&gt;, enter your numeric user ID (from
zotero.org/&lt;wbr/&gt;settings/&lt;wbr/&gt;keys), select the library type, and paste your API
key.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="auto-populating-metadata" id="auto-populating-metadata"&gt;
&lt;h3 class="heading" data-level="3" data-slug="auto-populating-metadata" id="auto-populating-metadata"&gt;&lt;a href="#auto-populating-metadata" rel="noopener noreferrer" title="Link to section: § 'Auto-Populating Metadata'"&gt;Auto-Populating
Metadata&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;In the Source admin, the bulk actions &lt;strong&gt;“Fetch metadata from
DOI”&lt;/strong&gt; and &lt;strong&gt;“Fetch metadata from URL”&lt;/strong&gt; query
external APIs (CrossRef for DOIs, OpenGraph/&lt;wbr/&gt;meta tags for URLs) and fill
in any empty fields on the selected sources. This is a one-way fill —
existing data is never overwritten.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="link-rot-detection" id="link-rot-detection"&gt;
&lt;h3 class="heading" data-level="3" data-slug="link-rot-detection" id="link-rot-detection"&gt;&lt;a href="#link-rot-detection" rel="noopener noreferrer" title="Link to section: § 'Link Rot Detection'"&gt;Link Rot
Detection&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;The bulk action &lt;strong&gt;“Check URLs for availability”&lt;/strong&gt; sends
HTTP HEAD requests to each source’s URL and records the result. Broken
URLs are automatically checked against the Wayback Machine for archived
snapshots. URL health status is visible in the source list as a colored
badge: green (OK), yellow (redirect), red (broken), purple (archived),
gray (unchecked).&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="archived-files" id="archived-files"&gt;
&lt;h3 class="heading" data-level="3" data-slug="archived-files" id="archived-files"&gt;&lt;a href="#archived-files" rel="noopener noreferrer" title="Link to section: § 'Archived Files'"&gt;Archived
Files&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;Sources can have an attached file (PDF, HTML, EPUB) uploaded in the
&lt;strong&gt;File Archive&lt;/strong&gt; section of the source admin. When a source
has an archived file, a &lt;code&gt;[PDF]&lt;/code&gt; link appears next to its
bibliography entry, linking directly to the stored copy. Files are
stored in R2 via the same storage backend used for media assets.&lt;/p&gt;
&lt;hr class="block horizontal-rule horizontal-rule-1"/&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="complete-syntax-reference" id="complete-syntax-reference"&gt;
&lt;h2 class="heading" data-level="2" data-slug="complete-syntax-reference" id="complete-syntax-reference"&gt;&lt;a href="#complete-syntax-reference" rel="noopener noreferrer" title="Link to section: § 'Complete Syntax Reference'"&gt;Complete
Syntax
Reference&lt;/a&gt;&lt;/h2&gt;
&lt;div class="table-wrapper block"&gt;&lt;div class="table-scroll-wrapper"&gt;&lt;table&gt;
&lt;colgroup&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;col/&gt;
&lt;/colgroup&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Syntax&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;th&gt;Example Output&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Parenthetical citation&lt;/td&gt;
&lt;td&gt;(Chen &amp;amp; Nakamura, 2024)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key, p. 42]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;With single page&lt;/td&gt;
&lt;td&gt;(Chen &amp;amp; Nakamura, 2024, p. 42)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key, pp. 42-56]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;With page range&lt;/td&gt;
&lt;td&gt;(Chen &amp;amp; Nakamura, 2024, pp. 42-56)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key, ch. 3]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;With chapter&lt;/td&gt;
&lt;td&gt;(Meadows, 2008, ch. 3)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key, sec. 2]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;With section&lt;/td&gt;
&lt;td&gt;(Spiegelhalter et al., 1994, sec. 2)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key, vol. 5]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;With volume&lt;/td&gt;
&lt;td&gt;(Spiegelhalter et al., 1994, vol. 5)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key, fig. 2]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;With figure&lt;/td&gt;
&lt;td&gt;(Vaswani et al., 2023, fig. 2)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key, para. 3]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;With paragraph&lt;/td&gt;
&lt;td&gt;(Vaswani et al., 2023, para. 3)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key, n. 14]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;With note&lt;/td&gt;
&lt;td&gt;(Chen &amp;amp; Nakamura, 2024, n. 14)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key, l. 7]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;With line&lt;/td&gt;
&lt;td&gt;(Okonkwo, 2023, l. 7)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;@key&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Narrative citation&lt;/td&gt;
&lt;td&gt;Chen &amp;amp; Nakamura (2024)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[-@key]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Suppress author&lt;/td&gt;
&lt;td&gt;(2024)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key1; @key2]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Multiple sources&lt;/td&gt;
&lt;td&gt;(Chen &amp;amp; Nakamura, 2024; Meadows, 2008)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@key1, p. 5; @key2, ch. 3]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Multiple with locators&lt;/td&gt;
&lt;td&gt;(Chen &amp;amp; Nakamura, 2024, p. 5; Meadows, 2008, ch. 3)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;[@nonexistent]&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Unresolved reference&lt;/td&gt;
&lt;td&gt;[??nonexistent]&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="footnotes footnotes-end-of-document block" id="footnotes"&gt;
&lt;hr class="block horizontal-rule horizontal-rule-2"/&gt;&lt;a class="section-self-link graf-content-not" href="#footnotes" title="Link to section: § 'Footnotes'"&gt;&lt;/a&gt;
&lt;ol class="list list-level-1 block"&gt;
&lt;li class="in-list footnote block" id="fn1"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn1" title="Link to footnote 1"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;The methodological challenges of cross-disciplinary work
are well documented but rarely addressed systematically. Each field
brings its own standards of evidence, its own conventions for
statistical significance, and its own norms around replication.&lt;a class="footnote-back" href="#fnref1" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li class="in-list footnote block" id="fn2"&gt;&lt;a class="footnote-self-link graf-content-not" href="#fn2" title="Link to footnote 2"&gt; &lt;/a&gt;&lt;p class="in-list first-graf"&gt;The Bayesian vs. frequentist debate has generated
enormous heat over the past century, but the practical convergence
between the two frameworks in applied settings is far more notable than
their philosophical divergence.&lt;a class="footnote-back" href="#fnref2" rel="noopener noreferrer" role="doc-backlink" style=""&gt;&lt;svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M6.101 261.899L25.9 281.698c4.686 4.686 12.284 4.686 16.971 0L198 126.568V468c0 6.627 5.373 12 12 12h28c6.627 0 12-5.373 12-12V126.568l155.13 155.13c4.686 4.686 12.284 4.686 16.971 0l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L232.485 35.515c-4.686-4.686-12.284-4.686-16.971 0L6.101 244.929c-4.687 4.686-4.687 12.284 0 16.97z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
&lt;section class="references level1 block" id="references" role="doc-bibliography"&gt;
&lt;h1 class="heading"&gt;&lt;a href="#references" title="Link to section: § 'References'"&gt;References&lt;/a&gt;&lt;/h1&gt;
&lt;ol class="reference-list block" data-citation-format="author-date"&gt;
&lt;li class="reference-entry" id="ref-chen2024neural"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;Chen, W., &amp;amp; Nakamura, Y. (2024). The Neural Basis of Decision Making Under Uncertainty. &lt;i&gt;Nature Neuroscience&lt;/i&gt;, &lt;i&gt;27&lt;/i&gt;(6), 1042–1058. https://doi.org/10.1038/s41593-024-01632-4&lt;/div&gt;&lt;/span&gt; &lt;button aria-label="Copy reference to clipboard" class="copy-citation-button" tabindex="-1" title="Copy reference" type="button"&gt;&lt;svg aria-hidden="true" viewbox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M280 64h40c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128C0 92.7 28.7 64 64 64h40 9.6C121 27.5 153.3 0 192 0s71 27.5 78.4 64H280zM64 112c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V128c0-8.8-7.2-16-16-16H304v24c0 13.3-10.7 24-24 24H192 104c-13.3 0-24-10.7-24-24V112H64zm128-8a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/button&gt;
&lt;/li&gt;
&lt;li class="reference-entry" id="ref-kaplan2020scaling"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;Kaplan, J., McCandlish, S., Henighan, T., &amp;amp; Brown, T. B. (2020). Scaling Laws for Neural Language Models. &lt;i&gt;Proceedings of the International Conference on Machine Learning&lt;/i&gt;. https://doi.org/10.48550/arXiv.2001.08361&lt;/div&gt;&lt;/span&gt; &lt;button aria-label="Copy reference to clipboard" class="copy-citation-button" tabindex="-1" title="Copy reference" type="button"&gt;&lt;svg aria-hidden="true" viewbox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M280 64h40c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128C0 92.7 28.7 64 64 64h40 9.6C121 27.5 153.3 0 192 0s71 27.5 78.4 64H280zM64 112c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V128c0-8.8-7.2-16-16-16H304v24c0 13.3-10.7 24-24 24H192 104c-13.3 0-24-10.7-24-24V112H64zm128-8a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/button&gt;
&lt;/li&gt;
&lt;li class="reference-entry" id="ref-meadows2008thinking"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;Meadows, D. H. (2008). &lt;i&gt;Thinking in Systems: A Primer&lt;/i&gt; (D. Wright, Ed.). Chelsea Green Publishing.&lt;/div&gt;&lt;/span&gt; &lt;button aria-label="Copy reference to clipboard" class="copy-citation-button" tabindex="-1" title="Copy reference" type="button"&gt;&lt;svg aria-hidden="true" viewbox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M280 64h40c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128C0 92.7 28.7 64 64 64h40 9.6C121 27.5 153.3 0 192 0s71 27.5 78.4 64H280zM64 112c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V128c0-8.8-7.2-16-16-16H304v24c0 13.3-10.7 24-24 24H192 104c-13.3 0-24-10.7-24-24V112H64zm128-8a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/button&gt;
&lt;/li&gt;
&lt;li class="reference-entry" id="ref-okonkwo2023emergent"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;Okonkwo, A. (2023). &lt;i&gt;Emergent Complexity in Multi-Agent Reinforcement Learning Environments&lt;/i&gt;. Massachusetts Institute of Technology.&lt;/div&gt;&lt;/span&gt; &lt;button aria-label="Copy reference to clipboard" class="copy-citation-button" tabindex="-1" title="Copy reference" type="button"&gt;&lt;svg aria-hidden="true" viewbox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M280 64h40c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128C0 92.7 28.7 64 64 64h40 9.6C121 27.5 153.3 0 192 0s71 27.5 78.4 64H280zM64 112c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V128c0-8.8-7.2-16-16-16H304v24c0 13.3-10.7 24-24 24H192 104c-13.3 0-24-10.7-24-24V112H64zm128-8a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/button&gt;
&lt;/li&gt;
&lt;li class="reference-entry" id="ref-spiegelhalter1994bayesian"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;Spiegelhalter, D. J., Freedman, L. S., &amp;amp; Parmar, M. K. B. (1994). Bayesian Approaches to Clinical Trials. In J. M. Bernardo (Ed.), &lt;i&gt;Bayesian Statistics 5&lt;/i&gt; (pp. 357–386). Oxford University Press.&lt;/div&gt;&lt;/span&gt; &lt;button aria-label="Copy reference to clipboard" class="copy-citation-button" tabindex="-1" title="Copy reference" type="button"&gt;&lt;svg aria-hidden="true" viewbox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M280 64h40c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128C0 92.7 28.7 64 64 64h40 9.6C121 27.5 153.3 0 192 0s71 27.5 78.4 64H280zM64 112c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V128c0-8.8-7.2-16-16-16H304v24c0 13.3-10.7 24-24 24H192 104c-13.3 0-24-10.7-24-24V112H64zm128-8a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/button&gt;
&lt;/li&gt;
&lt;li class="reference-entry" id="ref-vaswani2023attention"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;Vaswani, A., Shazeer, N., &amp;amp; Parmar, N. (2023, December 4). &lt;i&gt;Attention Is All You Need: A Retrospective&lt;/i&gt;. Google Research Blog. https://research.google/blog/attention-is-all-you-need&lt;/div&gt;&lt;/span&gt; &lt;button aria-label="Copy reference to clipboard" class="copy-citation-button" tabindex="-1" title="Copy reference" type="button"&gt;&lt;svg aria-hidden="true" viewbox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M280 64h40c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128C0 92.7 28.7 64 64 64h40 9.6C121 27.5 153.3 0 192 0s71 27.5 78.4 64H280zM64 112c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V128c0-8.8-7.2-16-16-16H304v24c0 13.3-10.7 24-24 24H192 104c-13.3 0-24-10.7-24-24V112H64zm128-8a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/button&gt;
&lt;/li&gt;
&lt;li class="reference-entry" id="ref-worldeconomicforum2024global"&gt;

&lt;span class="reference-text"&gt;&lt;div class="csl-entry"&gt;World Economic Forum. (2024). &lt;i&gt;Global Risks Report 2024&lt;/i&gt;. World Economic Forum. http://web.archive.org/web/20260330170418/https://www.weforum.org/publications/global-risks-report-2024/&lt;/div&gt;&lt;/span&gt; &lt;button aria-label="Copy reference to clipboard" class="copy-citation-button" tabindex="-1" title="Copy reference" type="button"&gt;&lt;svg aria-hidden="true" viewbox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"&gt;&lt;path d="M280 64h40c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128C0 92.7 28.7 64 64 64h40 9.6C121 27.5 153.3 0 192 0s71 27.5 78.4 64H280zM64 112c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V128c0-8.8-7.2-16-16-16H304v24c0 13.3-10.7 24-24 24H192 104c-13.3 0-24-10.7-24-24V112H64zm128-8a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/button&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Matthew Bryant</dc:creator><pubDate>Sun, 12 Apr 2026 16:50:39 +0000</pubDate><guid isPermaLink="false">post:7</guid><category>Citations</category><category>Lorem</category><category>Markup</category><category>Administrative</category></item><item><title>Lorem Ipsum Dropcaps</title><link>https://architextual.net/posts/lorem-ipsum-dropcaps/</link><description>&lt;p class="block first-graf intro-graf dropcap"&gt;&lt;span class="dropcap-letter"&gt;T&lt;/span&gt;his paragraph has no markup of its own. Its initial comes from the
post’s &lt;em&gt;Dropcap&lt;/em&gt; setting, or from the site default when the post
is set to inherit. Change either and this letter changes with it; set
the post to &lt;em&gt;None&lt;/em&gt; and it becomes an ordinary paragraph.
Everything below names its style explicitly, so it stays put whatever
the setting says.&lt;/p&gt;
&lt;section class="block level2" data-level="2" data-slug="the-switches" id="the-switches"&gt;
&lt;h2 class="heading" data-level="2" data-slug="the-switches" id="the-switches"&gt;&lt;a href="#the-switches" rel="noopener noreferrer" title="Link to section: § 'The switches'"&gt;The
switches&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;A fenced block with the bare class reuses the document’s style on any
paragraph, not just the first one. This is how a chapter break inside a
long post gets its own initial.&lt;/p&gt;
&lt;p class="block dropcap"&gt;&lt;span class="dropcap-letter"&gt;O&lt;/span&gt;rnamented or plain, the initial here is whatever the document is
using. Every other paragraph in this section uses different words so the
faces can be compared, and this one shows the two-line variant next.&lt;/p&gt;
&lt;p class="block"&gt;The &lt;code&gt;lines=&lt;/code&gt; attribute sets the drop height, from two to
six lines. Two lines suits a minor break; four is for a grand
opening.&lt;/p&gt;
&lt;p class="block dropcap" style="--dropcap-lines: 2"&gt;&lt;span class="dropcap-letter"&gt;T&lt;/span&gt;wo lines is the quiet version. The letter sits on the second
baseline and the paragraph reads almost like any other, with just enough
emphasis to mark a beginning without stopping the eye.&lt;/p&gt;
&lt;p class="block dropcap" style="--dropcap-lines: 4"&gt;&lt;span class="dropcap-letter"&gt;F&lt;/span&gt;our lines is the grand version, best kept for the start of a long
piece where the extra height has room to settle. On a phone every drop
shortens to two lines unless the block names a height explicitly, as
this one does.&lt;/p&gt;
&lt;p class="block"&gt;A paragraph that opens with a quotation mark keeps the mark, small
and in the body face, inside the drop:&lt;/p&gt;
&lt;p class="block dropcap"&gt;&lt;span class="dropcap-letter"&gt;&lt;span class="dropcap-punct"&gt;“&lt;/span&gt;Q&lt;/span&gt;uotation marks that open a paragraph ride inside the drop in a
smaller size,” the manual says, “so the letter still lands in the margin
where it belongs.” The closing mark is left alone.&lt;/p&gt;
&lt;p class="block"&gt;Paragraphs that do not open with a letter are left alone, so a date
or a number never becomes an initial:&lt;/p&gt;
&lt;p class="block dropcap"&gt;1601 is the year of Paulus Franck’s &lt;em&gt;Schatzkammer&lt;/em&gt;, the source
of one of the calligraphic faces below. No dropcap here, by design.&lt;/p&gt;
&lt;p class="block"&gt;Indentation follows the initial. A paragraph carrying a dropcap drops
its first-line indent, since the float already sets the line off and the
indent would open a gap inside the word. The paragraph after it, this
one included, indents as usual; only the paragraph with the letter is
affected, and only while a style is active.&lt;/p&gt;
&lt;p class="block"&gt;To keep the automatic initial off a post’s opening paragraph without
touching the setting, wrap that paragraph in
&lt;code&gt;::: {.dropcap-not}&lt;/code&gt;. It only matters on the first paragraph,
so it is not demonstrated inline.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="the-catalogue" id="the-catalogue"&gt;
&lt;h2 class="heading" data-level="2" data-slug="the-catalogue" id="the-catalogue"&gt;&lt;a href="#the-catalogue" rel="noopener noreferrer" title="Link to section: § 'The catalogue'"&gt;The
catalogue&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;Each block names its style with &lt;code&gt;::: {.dropcap-KEY}&lt;/code&gt;; the
key is shown with the sample. Three faces are new this round: Goudy
Initialen among the classics, Deutsche Zierschrift among the
blackletters, and Cheshire Initials among the decorated faces.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="classic-roman" id="classic-roman"&gt;
&lt;h2 class="heading" data-level="2" data-slug="classic-roman" id="classic-roman"&gt;&lt;a href="#classic-roman" rel="noopener noreferrer" title="Link to section: § 'Classic &amp;amp; Roman'"&gt;Classic &amp;amp;
Roman&lt;/a&gt;&lt;/h2&gt;
&lt;section class="block level3" data-level="3" data-slug="cinzel" id="cinzel"&gt;
&lt;h3 class="heading" data-level="3" data-slug="cinzel" id="cinzel"&gt;&lt;a href="#cinzel" rel="noopener noreferrer" title="Link to section: § 'Cinzel'"&gt;Cinzel&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-cinzel}&lt;/code&gt; — Roman inscriptional
capitals.&lt;/p&gt;
&lt;p class="block dropcap dropcap-cinzel"&gt;&lt;span class="dropcap-letter"&gt;A&lt;/span&gt;mong the oldest habits of the printed page is the enlarged opening
letter, cut deep into the first lines of a chapter so the eye knows
where to begin. Handbooks of the trade warned against mixing more than
one initial style in a single work, advice this page ignores on
purpose.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="cinzel-decorative" id="cinzel-decorative"&gt;
&lt;h3 class="heading" data-level="3" data-slug="cinzel-decorative" id="cinzel-decorative"&gt;&lt;a href="#cinzel-decorative" rel="noopener noreferrer" title="Link to section: § 'Cinzel Decorative'"&gt;Cinzel
Decorative&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-cinzel-decorative}&lt;/code&gt; — Inscriptional
capitals with flourishes.&lt;/p&gt;
&lt;p class="block dropcap dropcap-cinzel-decorative"&gt;&lt;span class="dropcap-letter"&gt;B&lt;/span&gt;efore movable type, the scribe left a blank square at the head of
the text and a rubricator came later with red and blue ink to fill it.
It is the contrast that matters: the initial should be unmistakably not
the body face, or it looks like a mistake in the setting.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="cormorant-garamond" id="cormorant-garamond"&gt;
&lt;h3 class="heading" data-level="3" data-slug="cormorant-garamond" id="cormorant-garamond"&gt;&lt;a href="#cormorant-garamond" rel="noopener noreferrer" title="Link to section: § 'Cormorant Garamond'"&gt;Cormorant
Garamond&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-cormorant-garamond}&lt;/code&gt; — Elegant Garamond
with sharp serifs.&lt;/p&gt;
&lt;p class="block dropcap dropcap-cormorant-garamond"&gt;&lt;span class="dropcap-letter"&gt;C&lt;/span&gt;onsider how much work a single letter does here: it announces the
start, sets the tone, and holds the margin like a carved post. Just as a
title page sets expectations for a book, the initial sets them for a
chapter, and a reader notices when it changes.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="playfair-display" id="playfair-display"&gt;
&lt;h3 class="heading" data-level="3" data-slug="playfair-display" id="playfair-display"&gt;&lt;a href="#playfair-display" rel="noopener noreferrer" title="Link to section: § 'Playfair Display'"&gt;Playfair
Display&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-playfair-display}&lt;/code&gt; — High-contrast
transitional display.&lt;/p&gt;
&lt;p class="block dropcap dropcap-playfair-display"&gt;&lt;span class="dropcap-letter"&gt;D&lt;/span&gt;ecorated initials survived the transition from manuscript to press
because printers wanted their books to look like the ones people already
trusted. Keeping the cap on the first line and the foot on the third
baseline is the whole craft; everything else is decoration.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="cardo" id="cardo"&gt;
&lt;h3 class="heading" data-level="3" data-slug="cardo" id="cardo"&gt;&lt;a href="#cardo" rel="noopener noreferrer" title="Link to section: § 'Cardo'"&gt;Cardo&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-cardo}&lt;/code&gt; — Bembo-style scholarly serif.&lt;/p&gt;
&lt;p class="block dropcap dropcap-cardo"&gt;&lt;span class="dropcap-letter"&gt;E&lt;/span&gt;very face in this catalogue was chosen for how it behaves at three
lines tall, where hairlines thin out and counters either open up or fill
in. Later printers cut initials in wood so they could be reused across
editions, which is why the same acorn or arabesque turns up in unrelated
books.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="im-fell-english" id="im-fell-english"&gt;
&lt;h3 class="heading" data-level="3" data-slug="im-fell-english" id="im-fell-english"&gt;&lt;a href="#im-fell-english" rel="noopener noreferrer" title="Link to section: § 'IM Fell English'"&gt;IM Fell
English&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-im-fell-english}&lt;/code&gt; — Seventeenth-century
Fell types.&lt;/p&gt;
&lt;p class="block dropcap dropcap-im-fell-english"&gt;&lt;span class="dropcap-letter"&gt;F&lt;/span&gt;or a long time the initial was the only illustration a book could
afford, and whole workshops specialised in nothing else. Most of these
faces come from Google Fonts under the SIL Open Font License; the rest
are revivals of historical initials, nearly all of them Dieter
Steffmann’s.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="decorated-roman-initials" id="decorated-roman-initials"&gt;
&lt;h3 class="heading" data-level="3" data-slug="decorated-roman-initials" id="decorated-roman-initials"&gt;&lt;a href="#decorated-roman-initials" rel="noopener noreferrer" title="Link to section: § 'Decorated Roman Initials'"&gt;Decorated
Roman
Initials&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-decorated-roman-initials}&lt;/code&gt; — Decorated
roman initials.&lt;/p&gt;
&lt;p class="block dropcap dropcap-decorated-roman-initials"&gt;&lt;span class="dropcap-letter"&gt;G&lt;/span&gt;othic initials lean on vertical strokes and tight spacing, which is
why they read well even when the surrounding text is a calm roman.
Nothing about the letter is special in the source: it is the first
character of the paragraph, wrapped so the stylesheet can enlarge
it.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="goudy-initialen" id="goudy-initialen"&gt;
&lt;h3 class="heading" data-level="3" data-slug="goudy-initialen" id="goudy-initialen"&gt;&lt;a href="#goudy-initialen" rel="noopener noreferrer" title="Link to section: § 'Goudy Initialen'"&gt;Goudy
Initialen&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-goudy-initialen}&lt;/code&gt; — Frederic Goudy’s
floriated Lanston initials (No. 296); capitals only.&lt;/p&gt;
&lt;p class="block dropcap dropcap-goudy-initialen"&gt;&lt;span class="dropcap-letter"&gt;G&lt;/span&gt;oudy drew these floriated initials in the early 1900s, and under his
direction Lanston Monotype cut the matrices and sold them as Goudy
Initials No. 296. The face contains only capitals, so a paragraph
opening with a lowercase letter falls back to the body face; open with a
capital, as nearly every paragraph does, and the leaves and vines fill
the square.&lt;/p&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="blackletter-medieval" id="blackletter-medieval"&gt;
&lt;h2 class="heading" data-level="2" data-slug="blackletter-medieval" id="blackletter-medieval"&gt;&lt;a href="#blackletter-medieval" rel="noopener noreferrer" title="Link to section: § 'Blackletter &amp;amp; Medieval'"&gt;Blackletter
&amp;amp;
Medieval&lt;/a&gt;&lt;/h2&gt;
&lt;section class="block level3" data-level="3" data-slug="unifrakturmaguntia" id="unifrakturmaguntia"&gt;
&lt;h3 class="heading" data-level="3" data-slug="unifrakturmaguntia" id="unifrakturmaguntia"&gt;&lt;a href="#unifrakturmaguntia" rel="noopener noreferrer" title="Link to section: § 'UnifrakturMaguntia'"&gt;UnifrakturMaguntia&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-unifraktur-maguntia}&lt;/code&gt; — Textura-derived
fraktur.&lt;/p&gt;
&lt;p class="block dropcap dropcap-unifraktur-maguntia"&gt;&lt;span class="dropcap-letter"&gt;H&lt;/span&gt;andbooks of the trade warned against mixing more than one initial
style in a single work, advice this page ignores on purpose. Ornamented
initials sit inside a square, so they are sized to fill the height of
three lines rather than to match a cap height.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="grenze-gotisch" id="grenze-gotisch"&gt;
&lt;h3 class="heading" data-level="3" data-slug="grenze-gotisch" id="grenze-gotisch"&gt;&lt;a href="#grenze-gotisch" rel="noopener noreferrer" title="Link to section: § 'Grenze Gotisch'"&gt;Grenze
Gotisch&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-grenze-gotisch}&lt;/code&gt; — Contemporary
blackletter.&lt;/p&gt;
&lt;p class="block dropcap dropcap-grenze-gotisch"&gt;&lt;span class="dropcap-letter"&gt;I&lt;/span&gt;t is the contrast that matters: the initial should be unmistakably
not the body face, or it looks like a mistake in the setting. Printers
called the space the initial occupies the drop, and a three-line drop
was the workhorse; two lines for minor heads, four for grand ones.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="new-rocker" id="new-rocker"&gt;
&lt;h3 class="heading" data-level="3" data-slug="new-rocker" id="new-rocker"&gt;&lt;a href="#new-rocker" rel="noopener noreferrer" title="Link to section: § 'New Rocker'"&gt;New
Rocker&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-new-rocker}&lt;/code&gt; — Rock-poster blackletter.&lt;/p&gt;
&lt;p class="block dropcap dropcap-new-rocker"&gt;&lt;span class="dropcap-letter"&gt;J&lt;/span&gt;ust as a title page sets expectations for a book, the initial sets
them for a chapter, and a reader notices when it changes. Quotation
marks that open a paragraph ride inside the drop in a smaller size, so
the letter still lands in the margin where it belongs.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="fruktur" id="fruktur"&gt;
&lt;h3 class="heading" data-level="3" data-slug="fruktur" id="fruktur"&gt;&lt;a href="#fruktur" rel="noopener noreferrer" title="Link to section: § 'Fruktur'"&gt;Fruktur&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-fruktur}&lt;/code&gt; — Playful fraktur-inspired
display.&lt;/p&gt;
&lt;p class="block dropcap dropcap-fruktur"&gt;&lt;span class="dropcap-letter"&gt;K&lt;/span&gt;eeping the cap on the first line and the foot on the third baseline
is the whole craft; everything else is decoration. Reading a page set
this way is slightly slower at the start and faster after, which is
roughly what the device is for.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="astloch" id="astloch"&gt;
&lt;h3 class="heading" data-level="3" data-slug="astloch" id="astloch"&gt;&lt;a href="#astloch" rel="noopener noreferrer" title="Link to section: § 'Astloch'"&gt;Astloch&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-astloch}&lt;/code&gt; — Light hairline gothic.&lt;/p&gt;
&lt;p class="block dropcap dropcap-astloch"&gt;&lt;span class="dropcap-letter"&gt;L&lt;/span&gt;ater printers cut initials in wood so they could be reused across
editions, which is why the same acorn or arabesque turns up in unrelated
books. Script initials bring their own swashes, and those swashes
overrun the letter’s own width, so they are given a wider gap from the
text.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="kanzlei-initialen" id="kanzlei-initialen"&gt;
&lt;h3 class="heading" data-level="3" data-slug="kanzlei-initialen" id="kanzlei-initialen"&gt;&lt;a href="#kanzlei-initialen" rel="noopener noreferrer" title="Link to section: § 'Kanzlei Initialen'"&gt;Kanzlei
Initialen&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-kanzlei-initialen}&lt;/code&gt; — Chancery blackletter
initials.&lt;/p&gt;
&lt;p class="block dropcap dropcap-kanzlei-initialen"&gt;&lt;span class="dropcap-letter"&gt;M&lt;/span&gt;ost of these faces come from Google Fonts under the SIL Open Font
License; the rest are revivals of historical initials, nearly all of
them Dieter Steffmann’s. The face used here inherits whatever the post
or the site setting chose, unless a block like this one names a style
directly.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="koenigsberger-gotisch" id="koenigsberger-gotisch"&gt;
&lt;h3 class="heading" data-level="3" data-slug="koenigsberger-gotisch" id="koenigsberger-gotisch"&gt;&lt;a href="#koenigsberger-gotisch" rel="noopener noreferrer" title="Link to section: § 'Koenigsberger Gotisch'"&gt;Koenigsberger
Gotisch&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-koenigsberger-gotisch}&lt;/code&gt; — Königsberg
gothic.&lt;/p&gt;
&lt;p class="block dropcap dropcap-koenigsberger-gotisch"&gt;&lt;span class="dropcap-letter"&gt;N&lt;/span&gt;othing about the letter is special in the source: it is the first
character of the paragraph, wrapped so the stylesheet can enlarge it.
Under the hood a paragraph carries one extra span; the choice of face
lives in the stylesheet, so switching styles costs nothing.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="grusskarten-gotisch" id="grusskarten-gotisch"&gt;
&lt;h3 class="heading" data-level="3" data-slug="grusskarten-gotisch" id="grusskarten-gotisch"&gt;&lt;a href="#grusskarten-gotisch" rel="noopener noreferrer" title="Link to section: § 'Grusskarten Gotisch'"&gt;Grusskarten
Gotisch&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-grusskarten-gotisch}&lt;/code&gt; — Greeting-card
gothic.&lt;/p&gt;
&lt;p class="block dropcap dropcap-grusskarten-gotisch"&gt;&lt;span class="dropcap-letter"&gt;O&lt;/span&gt;rnamented initials sit inside a square, so they are sized to fill
the height of three lines rather than to match a cap height. Versal
letters, the tall painted capitals of medieval books, are the ancestors
of everything on this page.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="hansa-gotisch" id="hansa-gotisch"&gt;
&lt;h3 class="heading" data-level="3" data-slug="hansa-gotisch" id="hansa-gotisch"&gt;&lt;a href="#hansa-gotisch" rel="noopener noreferrer" title="Link to section: § 'Hansa Gotisch'"&gt;Hansa
Gotisch&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-hansa-gotisch}&lt;/code&gt; — Hanseatic gothic.&lt;/p&gt;
&lt;p class="block dropcap dropcap-hansa-gotisch"&gt;&lt;span class="dropcap-letter"&gt;P&lt;/span&gt;rinters called the space the initial occupies the drop, and a
three-line drop was the workhorse; two lines for minor heads, four for
grand ones. Woodcut initials were often signed with a tiny mark hidden
in the foliage, the engraver’s only claim on a book that named the
printer alone.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="hermann-gotisch" id="hermann-gotisch"&gt;
&lt;h3 class="heading" data-level="3" data-slug="hermann-gotisch" id="hermann-gotisch"&gt;&lt;a href="#hermann-gotisch" rel="noopener noreferrer" title="Link to section: § 'Hermann Gotisch'"&gt;Hermann
Gotisch&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-hermann-gotisch}&lt;/code&gt; — Hermann gothic.&lt;/p&gt;
&lt;p class="block dropcap dropcap-hermann-gotisch"&gt;&lt;span class="dropcap-letter"&gt;Q&lt;/span&gt;uotation marks that open a paragraph ride inside the drop in a
smaller size, so the letter still lands in the margin where it belongs.
Xylography, the art of cutting images into wood, gave the early press
nearly all of its ornament, initials included.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="westminster-gotisch" id="westminster-gotisch"&gt;
&lt;h3 class="heading" data-level="3" data-slug="westminster-gotisch" id="westminster-gotisch"&gt;&lt;a href="#westminster-gotisch" rel="noopener noreferrer" title="Link to section: § 'Westminster Gotisch'"&gt;Westminster
Gotisch&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-westminster-gotisch}&lt;/code&gt; — Westminster
gothic.&lt;/p&gt;
&lt;p class="block dropcap dropcap-westminster-gotisch"&gt;&lt;span class="dropcap-letter"&gt;R&lt;/span&gt;eading a page set this way is slightly slower at the start and
faster after, which is roughly what the device is for. Years of use wore
the wooden blocks soft at the corners, and a worn initial is one way
scholars date an unsigned printing.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="deutsche-zierschrift" id="deutsche-zierschrift"&gt;
&lt;h3 class="heading" data-level="3" data-slug="deutsche-zierschrift" id="deutsche-zierschrift"&gt;&lt;a href="#deutsche-zierschrift" rel="noopener noreferrer" title="Link to section: § 'Deutsche Zierschrift'"&gt;Deutsche
Zierschrift&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-deutsche-zierschrift}&lt;/code&gt; — Rudolf Koch’s 1919
decorative blackletter.&lt;/p&gt;
&lt;p class="block dropcap dropcap-deutsche-zierschrift"&gt;&lt;span class="dropcap-letter"&gt;K&lt;/span&gt;och drew Deutsche Zierschrift for the Klingspor foundry between 1919
and 1921, a blackletter loosened into something closer to a pen hand,
and the capitals carry flourishes that hang below the drop the way
Koenigsberger’s do. Unlike the framed initials it comes with a full
lowercase and figures, so it works as a text face as well as an
opening.&lt;/p&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="calligraphic" id="calligraphic"&gt;
&lt;h2 class="heading" data-level="2" data-slug="calligraphic" id="calligraphic"&gt;&lt;a href="#calligraphic" rel="noopener noreferrer" title="Link to section: § 'Calligraphic'"&gt;Calligraphic&lt;/a&gt;&lt;/h2&gt;
&lt;section class="block level3" data-level="3" data-slug="berkshire-swash" id="berkshire-swash"&gt;
&lt;h3 class="heading" data-level="3" data-slug="berkshire-swash" id="berkshire-swash"&gt;&lt;a href="#berkshire-swash" rel="noopener noreferrer" title="Link to section: § 'Berkshire Swash'"&gt;Berkshire
Swash&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-berkshire-swash}&lt;/code&gt; — Swashed roman
capitals.&lt;/p&gt;
&lt;p class="block dropcap dropcap-berkshire-swash"&gt;&lt;span class="dropcap-letter"&gt;S&lt;/span&gt;cript initials bring their own swashes, and those swashes overrun
the letter’s own width, so they are given a wider gap from the text.
Zeal for decoration comes and goes; the plain roman initial of the
nineteenth century was a reaction to exactly the kind of page this
is.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="romantik" id="romantik"&gt;
&lt;h3 class="heading" data-level="3" data-slug="romantik" id="romantik"&gt;&lt;a href="#romantik" rel="noopener noreferrer" title="Link to section: § 'Romantik'"&gt;Romantik&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-romantik}&lt;/code&gt; — Romantic decorated script
capitals.&lt;/p&gt;
&lt;p class="block dropcap dropcap-romantik"&gt;&lt;span class="dropcap-letter"&gt;T&lt;/span&gt;he face used here inherits whatever the post or the site setting
chose, unless a block like this one names a style directly. Among the
oldest habits of the printed page is the enlarged opening letter, cut
deep into the first lines of a chapter so the eye knows where to
begin.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="coelnische-current" id="coelnische-current"&gt;
&lt;h3 class="heading" data-level="3" data-slug="coelnische-current" id="coelnische-current"&gt;&lt;a href="#coelnische-current" rel="noopener noreferrer" title="Link to section: § 'Coelnische Current'"&gt;Coelnische
Current&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-coelnische-current}&lt;/code&gt; — Cologne Kurrent
hand.&lt;/p&gt;
&lt;p class="block dropcap dropcap-coelnische-current"&gt;&lt;span class="dropcap-letter"&gt;U&lt;/span&gt;nder the hood a paragraph carries one extra span; the choice of face
lives in the stylesheet, so switching styles costs nothing. Before
movable type, the scribe left a blank square at the head of the text and
a rubricator came later with red and blue ink to fill it.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="paulus-franck-initialen" id="paulus-franck-initialen"&gt;
&lt;h3 class="heading" data-level="3" data-slug="paulus-franck-initialen" id="paulus-franck-initialen"&gt;&lt;a href="#paulus-franck-initialen" rel="noopener noreferrer" title="Link to section: § 'Paulus Franck Initialen'"&gt;Paulus
Franck
Initialen&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-paulus-franck-initialen}&lt;/code&gt; — After Paulus
Franck’s 1601 calligraphic initials.&lt;/p&gt;
&lt;p class="block dropcap dropcap-paulus-franck-initialen"&gt;&lt;span class="dropcap-letter"&gt;V&lt;/span&gt;ersal letters, the tall painted capitals of medieval books, are the
ancestors of everything on this page. Consider how much work a single
letter does here: it announces the start, sets the tone, and holds the
margin like a carved post.&lt;/p&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="script" id="script"&gt;
&lt;h2 class="heading" data-level="2" data-slug="script" id="script"&gt;&lt;a href="#script" rel="noopener noreferrer" title="Link to section: § 'Script'"&gt;Script&lt;/a&gt;&lt;/h2&gt;
&lt;section class="block level3" data-level="3" data-slug="lobster" id="lobster"&gt;
&lt;h3 class="heading" data-level="3" data-slug="lobster" id="lobster"&gt;&lt;a href="#lobster" rel="noopener noreferrer" title="Link to section: § 'Lobster'"&gt;Lobster&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-lobster}&lt;/code&gt; — Bold retro script.&lt;/p&gt;
&lt;p class="block dropcap dropcap-lobster"&gt;&lt;span class="dropcap-letter"&gt;W&lt;/span&gt;oodcut initials were often signed with a tiny mark hidden in the
foliage, the engraver’s only claim on a book that named the printer
alone. Decorated initials survived the transition from manuscript to
press because printers wanted their books to look like the ones people
already trusted.&lt;/p&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="display-decorative" id="display-decorative"&gt;
&lt;h2 class="heading" data-level="2" data-slug="display-decorative" id="display-decorative"&gt;&lt;a href="#display-decorative" rel="noopener noreferrer" title="Link to section: § 'Display &amp;amp; Decorative'"&gt;Display
&amp;amp;
Decorative&lt;/a&gt;&lt;/h2&gt;
&lt;section class="block level3" data-level="3" data-slug="rye" id="rye"&gt;
&lt;h3 class="heading" data-level="3" data-slug="rye" id="rye"&gt;&lt;a href="#rye" rel="noopener noreferrer" title="Link to section: § 'Rye'"&gt;Rye&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-rye}&lt;/code&gt; — Western wood-type display.&lt;/p&gt;
&lt;p class="block dropcap dropcap-rye"&gt;&lt;span class="dropcap-letter"&gt;X&lt;/span&gt;ylography, the art of cutting images into wood, gave the early press
nearly all of its ornament, initials included. Every face in this
catalogue was chosen for how it behaves at three lines tall, where
hairlines thin out and counters either open up or fill in.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="emblema-one" id="emblema-one"&gt;
&lt;h3 class="heading" data-level="3" data-slug="emblema-one" id="emblema-one"&gt;&lt;a href="#emblema-one" rel="noopener noreferrer" title="Link to section: § 'Emblema One'"&gt;Emblema
One&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-emblema-one}&lt;/code&gt; — Inline outlined
capitals.&lt;/p&gt;
&lt;p class="block dropcap dropcap-emblema-one"&gt;&lt;span class="dropcap-letter"&gt;Y&lt;/span&gt;ears of use wore the wooden blocks soft at the corners, and a worn
initial is one way scholars date an unsigned printing. For a long time
the initial was the only illustration a book could afford, and whole
workshops specialised in nothing else.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="monoton" id="monoton"&gt;
&lt;h3 class="heading" data-level="3" data-slug="monoton" id="monoton"&gt;&lt;a href="#monoton" rel="noopener noreferrer" title="Link to section: § 'Monoton'"&gt;Monoton&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-monoton}&lt;/code&gt; — Art-deco lined display.&lt;/p&gt;
&lt;p class="block dropcap dropcap-monoton"&gt;&lt;span class="dropcap-letter"&gt;Z&lt;/span&gt;eal for decoration comes and goes; the plain roman initial of the
nineteenth century was a reaction to exactly the kind of page this is.
Gothic initials lean on vertical strokes and tight spacing, which is why
they read well even when the surrounding text is a calm roman.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="limelight" id="limelight"&gt;
&lt;h3 class="heading" data-level="3" data-slug="limelight" id="limelight"&gt;&lt;a href="#limelight" rel="noopener noreferrer" title="Link to section: § 'Limelight'"&gt;Limelight&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-limelight}&lt;/code&gt; — Art-deco high-contrast
display.&lt;/p&gt;
&lt;p class="block dropcap dropcap-limelight"&gt;&lt;span class="dropcap-letter"&gt;A&lt;/span&gt;mong the oldest habits of the printed page is the enlarged opening
letter, cut deep into the first lines of a chapter so the eye knows
where to begin. Handbooks of the trade warned against mixing more than
one initial style in a single work, advice this page ignores on
purpose.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="lettres-ombrées-ornées" id="lettres-ombrées-ornées"&gt;
&lt;h3 class="heading" data-level="3" data-slug="lettres-ombrées-ornées" id="lettres-ombrées-ornées"&gt;&lt;a href="#lettres-ombrées-ornées" rel="noopener noreferrer" title="Link to section: § 'Lettres Ombrées Ornées'"&gt;Lettres
Ombrées
Ornées&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-lettres-ombrees-ornees}&lt;/code&gt; — Shaded,
ornamented French capitals.&lt;/p&gt;
&lt;p class="block dropcap dropcap-lettres-ombrees-ornees"&gt;&lt;span class="dropcap-letter"&gt;B&lt;/span&gt;efore movable type, the scribe left a blank square at the head of
the text and a rubricator came later with red and blue ink to fill it.
It is the contrast that matters: the initial should be unmistakably not
the body face, or it looks like a mistake in the setting.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="acorn-initials" id="acorn-initials"&gt;
&lt;h3 class="heading" data-level="3" data-slug="acorn-initials" id="acorn-initials"&gt;&lt;a href="#acorn-initials" rel="noopener noreferrer" title="Link to section: § 'Acorn Initials'"&gt;Acorn
Initials&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-acorn-initials}&lt;/code&gt; — Initials wreathed in oak
leaves and acorns.&lt;/p&gt;
&lt;p class="block dropcap dropcap-acorn-initials"&gt;&lt;span class="dropcap-letter"&gt;C&lt;/span&gt;onsider how much work a single letter does here: it announces the
start, sets the tone, and holds the margin like a carved post. Just as a
title page sets expectations for a book, the initial sets them for a
chapter, and a reader notices when it changes.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="arabesque-initialen" id="arabesque-initialen"&gt;
&lt;h3 class="heading" data-level="3" data-slug="arabesque-initialen" id="arabesque-initialen"&gt;&lt;a href="#arabesque-initialen" rel="noopener noreferrer" title="Link to section: § 'Arabesque Initialen'"&gt;Arabesque
Initialen&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-arabesque-initialen}&lt;/code&gt; — Initials on
arabesque grounds.&lt;/p&gt;
&lt;p class="block dropcap dropcap-arabesque-initialen"&gt;&lt;span class="dropcap-letter"&gt;D&lt;/span&gt;ecorated initials survived the transition from manuscript to press
because printers wanted their books to look like the ones people already
trusted. Keeping the cap on the first line and the foot on the third
baseline is the whole craft; everything else is decoration.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="typographer-woodcut-initials" id="typographer-woodcut-initials"&gt;
&lt;h3 class="heading" data-level="3" data-slug="typographer-woodcut-initials" id="typographer-woodcut-initials"&gt;&lt;a href="#typographer-woodcut-initials" rel="noopener noreferrer" title="Link to section: § 'Typographer Woodcut Initials'"&gt;Typographer
Woodcut
Initials&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-typographer-woodcut}&lt;/code&gt; — Woodcut-style
initials.&lt;/p&gt;
&lt;p class="block dropcap dropcap-typographer-woodcut"&gt;&lt;span class="dropcap-letter"&gt;E&lt;/span&gt;very face in this catalogue was chosen for how it behaves at three
lines tall, where hairlines thin out and counters either open up or fill
in. Later printers cut initials in wood so they could be reused across
editions, which is why the same acorn or arabesque turns up in unrelated
books.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="annstone" id="annstone"&gt;
&lt;h3 class="heading" data-level="3" data-slug="annstone" id="annstone"&gt;&lt;a href="#annstone" rel="noopener noreferrer" title="Link to section: § 'AnnStone'"&gt;AnnStone&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-annstone}&lt;/code&gt; — Carved, stone-look
capitals.&lt;/p&gt;
&lt;p class="block dropcap dropcap-annstone"&gt;&lt;span class="dropcap-letter"&gt;F&lt;/span&gt;or a long time the initial was the only illustration a book could
afford, and whole workshops specialised in nothing else. Most of these
faces come from Google Fonts under the SIL Open Font License; the rest
are revivals of historical initials, nearly all of them Dieter
Steffmann’s.&lt;/p&gt;
&lt;/section&gt;
&lt;section class="block level3" data-level="3" data-slug="cheshire-initials" id="cheshire-initials"&gt;
&lt;h3 class="heading" data-level="3" data-slug="cheshire-initials" id="cheshire-initials"&gt;&lt;a href="#cheshire-initials" rel="noopener noreferrer" title="Link to section: § 'Cheshire Initials'"&gt;Cheshire
Initials&lt;/a&gt;&lt;/h3&gt;
&lt;p class="block first-graf"&gt;&lt;code&gt;::: {.dropcap-cheshire-initials}&lt;/code&gt; — Scanned Victorian
decorated initials.&lt;/p&gt;
&lt;p class="block dropcap dropcap-cheshire-initials"&gt;&lt;span class="dropcap-letter"&gt;C&lt;/span&gt;heshire Initials were scanned from a Victorian specimen by House of
Lime, each capital wound about with tendrils inside its square, and the
lowercase keys simply repeat the capitals, so this face never falls back
whatever letter opens the paragraph. Like the other framed initials it
is sized to fill the drop rather than to match a cap height.&lt;/p&gt;
&lt;/section&gt;
&lt;/section&gt;
&lt;section class="block level2" data-level="2" data-slug="licences" id="licences"&gt;
&lt;h2 class="heading" data-level="2" data-slug="licences" id="licences"&gt;&lt;a href="#licences" rel="noopener noreferrer" title="Link to section: § 'Licences'"&gt;Licences&lt;/a&gt;&lt;/h2&gt;
&lt;p class="block first-graf"&gt;The Google Fonts faces are under the SIL Open Font License. The
historical initials are Dieter Steffmann’s, distributed as freeware for
private and commercial use; Goudy Initialen came by way of 1001fonts and
Deutsche Zierschrift from dafont. Cheshire Initials is House of Lime’s,
under the 1001Fonts Free For Commercial Use licence, which permits
conversion to web formats and embedding. Every face ships with its
licence text beside it.&lt;/p&gt;
&lt;/section&gt;
</description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Matthew Bryant</dc:creator><pubDate>Wed, 16 Sep 2026 16:47:37 +0000</pubDate><guid isPermaLink="false">post:10</guid><category>Engine</category><category>Lorem</category><category>Markup</category><category>Administrative</category></item></channel></rss>