:root{color-scheme:light dark;--bg-root:#ccc;--bg-main:#f8f8f8;--bg-main-shadow:#888;--fg-main-border:#aaa;--fg-main:#222;--bg-banner:#e9e9e9;--fg-banner-border:#5446;--fg-banner:#544;--bg-accent:#b884;--fg-accent-border:brown;--fg-accent:brown;--bg-key:#8884;--fg-key-border:#888}@media(prefers-color-scheme:dark){:root{--bg-root:#151417;--bg-main:#1a1a1f;--bg-main-shadow:#111;--fg-main-border:#111;--fg-main:#ccc;--bg-banner:#29292d;--fg-banner-border:#cbb5;--fg-banner:#cbb;--fg-accent-border:#f967;--fg-accent:#f96}}:root{--main-padding:12px;--list-indent:1.5em}html{height:100%;width:100%;font-family:sans-serif;background-color:var(--bg-root)}.quack{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='1em' font-size='5rem'>🦆</text></svg>");background-repeat:repeat;background-size:10rem}body{display:flex;flex-direction:column;justify-content:space-between;margin:auto;max-width:60em;min-height:100%;line-height:1.4em;border-left:1px solid var(--fg-main-border);border-right:1px solid var(--fg-main-border);box-shadow:0 1px 10px var(--bg-main-shadow);background-color:var(--bg-main);color:var(--fg-main)}main{display:block;flex:fit-content;flex-direction:column;justify-content:space-evenly;padding:0 var(--main-padding)}h2{color:var(--fg-accent);border-bottom:1px inset var(--fg-accent-border)}h3{border-bottom:1px dotted}h2,h3,footer{margin-top:2em}.author{margin-top:-1em;text-align:right}dialog::backdrop{backdrop-filter:blur(5px)}.highlight{max-width:42em;margin:auto;padding:1em;background-color:var(--bg-banner)}sup{vertical-align:super;line-height:.4em}ol,ul{padding-left:var(--list-indent);margin-left:0}.dialog>ul{list-style-type:"— ";padding-left:2ch}dd{margin-left:var(--list-indent);padding-left:0}dd,dt{margin-bottom:.5em}li,dd p{margin:.2em 0}a[href]{color:var(--fg-accent);text-decoration:none}a[href]:hover{text-decoration:underline}.ext a::after{display:inline-block;content:url("data:image/svg+xml,<svg stroke='rgb(205,103,52)' fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");width:1.1em;height:1.1em;margin-left:.25em}table{width:100%}th,td{padding:.2em .5em}table caption{caption-side:bottom}figure{margin:2em 0;text-align:center}pre{overflow:scroll;background-color:var(--bg-banner);padding:.5em 1em}pre code{background-color:transparent;font-family:monospace;font-weight:400;padding:0}figure figcaption,figure img{margin:auto;max-width:100%}img{max-width:100%}blockquote,blockquote+p{margin:0 auto;padding:.5em 2em .5em 3em;box-sizing:border-box;position:relative}blockquote::before{content:"»";font-size:2em;position:absolute;top:.25em;left:.5em}blockquote p{margin:0}blockquote p+p{margin-top:.5em}blockquote+p{text-align:right;padding:0 2em}blockquote+hr{display:none}#banner{min-height:50px;box-sizing:border-box;background:var(--main-padding)no-repeat url(../favicon.svg);background-size:50px;background-color:var(--bg-banner);padding:.5em 0 .5em calc(var(--main-padding) + 64px);border-bottom:1px solid var(--fg-banner-border)}#banner p.title{font-size:2em;font-weight:700}#banner p{margin:.4em 0 0}#banner,#banner a,footer{color:var(--fg-banner)}footer{padding-left:var(--main-padding);padding-right:var(--main-padding);border-top:1px solid var(--fg-banner-border);text-align:right}h1{text-align:center;font-size:2em;line-height:1em;margin:1.8em auto 1.2em}h1+time{display:block;text-align:right;margin:-1.5em auto 0}h1+p{text-align:center;text-wrap:balance;margin:-1em auto 2em}footer{padding-bottom:.5rem}footer small{float:left}header+nav ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;list-style-type:none;padding:0 var(--main-padding);margin:0;background-color:var(--bg-main)}header+nav a{display:inline-block;padding:.2em 1em}header+nav li{padding:0;margin:0}header+nav li:has(.active) a{background-color:var(--bg-main);color:var(--fg-banner)}header+nav ul ul{display:none}@media only screen and (min-width:480px){header+nav{position:sticky;z-index:10;top:0}}#layout option:disabled{color:var(--fg-accent);font-size:1.2em}.icon::after{content:"";display:inline-block;background-size:contain;background-color:currentColor;background-repeat:no-repeat;background-position:50%;margin-left:.2em;height:1.25em;width:1.25em}.icon-rss::after{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 20.001C19 11.729 12.271 5 4 5v2c7.168 0 13 5.832 13 13.001h2z'/><path d='M12 20.001h2C14 14.486 9.514 10 4 10v2c4.411 0 8 3.589 8 8.001z'/><circle cx='6' cy='18' r='2'/></svg>")}.icon-ext::after{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='m13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z'/><path d='M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z'/></svg>")}.icon-talk::after{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 3H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h7v3H8v2h8v-2h-3v-3h7c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM4 15V5h16l.001 10H4z'/><path d='m10 13 5-3-5-3z'/></svg>")}.icon-video::after{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 7c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-3.333L22 17V7l-4 3.333V7zm-1.998 10H4V7h12l.001 4.999L16 12l.001.001.001 4.999z'/></svg>")}.icon-article::after{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19.875 3H4.125C2.953 3 2 3.897 2 5v14c0 1.103.953 2 2.125 2h15.75C21.047 21 22 20.103 22 19V5c0-1.103-.953-2-2.125-2zm0 16H4.125c-.057 0-.096-.016-.113-.016-.007 0-.011.002-.012.008L3.988 5.046c.007-.01.052-.046.137-.046h15.75c.079.001.122.028.125.008l.012 13.946c-.007.01-.052.046-.137.046z'/><path d='M6 7h6v6H6zm7 8H6v2h12v-2h-4zm1-4h4v2h-4zm0-4h4v2h-4z'/></svg>")}kbd,span.odk{margin:0 2px;font-size:1em;border:1px outset var(--bg-key-border);background-color:var(--bg-key);padding:2px 3px}code{font-weight:700;font-family:serif;background-color:var(--bg-accent);padding:2px 4px;border-radius:2px}@media only screen and (min-width:768px){:root{--main-padding:40px;--list-indent:2.5em}.highlight{border-radius:6px}header+nav ul{justify-content:flex-start;background-color:var(--bg-banner)}header+nav li{border-left:1px solid var(--fg-banner-border)}header+nav li:last-child{border-right:1px solid var(--fg-banner-border)}header+nav li:has(.active) ul{display:flex;position:absolute;left:0;width:100%;padding:0 var(--main-padding);box-sizing:border-box;background-color:var(--bg-main)}header+nav li:has(.active) li{border:none;font-size:smaller}header+nav li:has(.active) a{color:var(--fg-accent)}header+nav li:has(.active) a.active{color:var(--fg-banner)}figure figcaption,figure img{max-width:45em}}