Something went wrong. Try again.
New TLE Community website using Eleventy. tlecommunity.com
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231/* Defaults */:root { --font-family: -apple-system, system-ui, sans-serif; --font-family-monospace: Victor Mono, Victor Mono Nerd Font Mono, Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;}
/* Theme colors */:root { --color-gray-20: #e0e0e0; --color-gray-50: #c0c0c0; --color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90); --text-color-link: #082840; --text-color-link-active: #5f2b48; --text-color-link-visited: #17050f;
--syntax-tab-size: 2;}
@media (prefers-color-scheme: dark) { :root { --color-gray-20: #e0e0e0; --color-gray-50: #c0c0c0; --color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */ --text-color-link: #1493fb; --text-color-link-active: #6969f7; --text-color-link-visited: #a6a6f8;
--background-color: #15202b; }}
/* Global stylesheet */* { box-sizing: border-box;}
@view-transition { navigation: auto;}
html,body { padding: 0; margin: 0 auto; font-family: var(--font-family); color: var(--text-color); background-color: var(--background-color);}html { overflow-y: scroll;}body { max-width: 40em;}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */.visually-hidden:not(:focus):not(:active) { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px;}
/* Fluid images via https://www.zachleat.com/web/fluid-images/ */img { max-width: 100%;}img[width][height] { height: auto;}img[src$='.svg'] { width: 100%; height: auto; max-width: none;}video,iframe { width: 100%; height: auto;}iframe { aspect-ratio: 16/9;}
p:last-child { margin-bottom: 0;}p { line-height: 1.5;}
li { line-height: 1.5;}
a[href] { color: var(--text-color-link);}a[href]:visited { color: var(--text-color-link-visited);}a[href]:hover,a[href]:active { color: var(--text-color-link-active);}
main,footer { padding: 1rem;}main :first-child { margin-top: 0;}
header { border-bottom: 1px dashed var(--color-gray-20);}
#skip-link { text-decoration: none; background: var(--background-color); color: var(--text-color); padding: 0.5rem 1rem; border: 1px solid var(--color-gray-90); border-radius: 2px;}
/* Prevent visually-hidden skip link fom pushing content around when focused */#skip-link.visually-hidden:focus { position: absolute; top: 1rem; left: 1rem; /* Ensure it is positioned on top of everything else when it is shown */ z-index: 999;}
.links-nextprev { display: flex; justify-content: space-between; gap: 0.5em 1em; list-style: ''; border-top: 1px dashed var(--color-gray-20); padding: 1em 0;}.links-nextprev > * { flex-grow: 1;}.links-nextprev-next { text-align: right;}
table { margin: 1em 0;}table td,table th { padding-right: 1em;}
pre,code { font-family: var(--font-family-monospace);}pre:not([class*='language-']) { margin: 0.5em 0; line-height: 1.375; /* 22px /16 */ -moz-tab-size: var(--syntax-tab-size); -o-tab-size: var(--syntax-tab-size); tab-size: var(--syntax-tab-size); -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; overflow-x: auto;}code { word-break: break-all;}
/* Header */header { display: flex; gap: 1em; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 1em;}.home-link { flex-grow: 1; font-size: 1em; /* 16px /16 */ font-weight: 700;}.home-link:link:not(:hover) { text-decoration: none;}
/* Nav */.nav { display: flex; gap: 0.5em 1em; padding: 0; margin: 0; list-style: none;}.nav-item { display: inline-block;}.nav-item a[href]:not(:hover) { text-decoration: none;}.nav a[href][aria-current='page'] { text-decoration: underline;}