:root{--font-body: "Lora", serif;--font-display: "Playfair Display SC", serif;--foreground: #383838;--background: #FFFFEB;--brand: tomato}@media (prefers-color-scheme: dark){:root{--foreground: #c0c0c0;--background: #1c1b1b}}html,body{height:100%}body{font-size:22px;line-height:1.75;font-family:var(--font-body);background-color:var(--background);color:var(--foreground)}a{color:currentColor;text-decoration:none;position:relative;line-height:1.75}a:before{content:"";position:absolute;bottom:6%;width:0;height:2px;background:var(--brand);transition:width .3s ease-in-out}a:hover:before{width:100%}.container{display:grid;height:100%;grid-template-columns:minmax(auto,2%) 1fr minmax(0,48rem) 1fr minmax(auto,2%);grid-template-rows:auto 1fr auto}footer{grid-column:3/4}.heading{font-size:7vw;margin-bottom:0;grid-column:2/4;font-family:var(--font-display);font-weight:900}.heading span{font-size:6vw;margin-right:1.5rem;color:var(--brand)}.heading-separator{position:relative;grid-column:2/5;grid-row:2;width:100%;height:3px;background:var(--foreground)}ol.list{list-style:none}ol.list li{counter-increment:list;padding-left:1rem}ol.list li::marker{content:"\2116" counter(list);font-size:1.1em}.list-heading{font-size:2rem;margin-bottom:0;font-family:var(--font-body);font-weight:800;color:var(--foreground);text-decoration:none;display:block;width:-moz-fit-content;width:fit-content}@media (min-width: 820px){.list-heading{font-size:3rem}}.article,.list{grid-column:3;grid-row:2}