diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index dc966604..4a95b319 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -14,8 +14,9 @@ {{ end }} - + + diff --git a/static/css/matcha.css b/static/css/matcha.css new file mode 100644 index 00000000..9165703c --- /dev/null +++ b/static/css/matcha.css @@ -0,0 +1,6 @@ +/** + * matcha.css + * Copyright © 2024 Lecoq Simon (@lowlighter) + * MIT license — https://github.com/lowlighter/matcha + */ + abbr,button,code,dd,dt,figcaption,h1,h2,h3,h4,h5,h6,legend,li,p,var{hyphens:auto;word-break:break-word}body.layout-simple{display:grid;max-width:none;padding:0 1.5rem;column-gap:1.5rem;grid-template-areas:"header""aside1""main""footer";grid-template-rows:auto 1fr auto}body.layout-simple>:is(header:first-of-type,footer:last-of-type){display:flex;height:max-content;flex-wrap:wrap;align-items:center;justify-content:center;padding:0 .5rem;margin-bottom:0;background:var(--ly-bg-brand);color:var(--ly-brand);grid-area:header}body.layout-simple>:is(header:first-of-type,footer:last-of-type)>*{margin-top:0;margin-bottom:0}body.layout-simple>header:first-of-type{position:sticky;z-index:200;top:0;height:var(--ly-header-size);white-space:nowrap}body.layout-simple>main:only-of-type{grid-area:main}body.layout-simple>footer:last-of-type{overflow:auto;grid-area:footer}body.layout-simple>:is(header:first-of-type,footer:last-of-type)>nav>menu{justify-content:center}body.layout-simple>aside{display:none;padding:0;border-left:none;margin:0;backdrop-filter:blur(100px)}body.layout-simple>aside>nav:only-child{position:sticky;top:var(--ly-header-size);overflow:auto;max-height:calc(100vh - var(--ly-header-size));box-sizing:border-box;padding:.5rem;margin:0}body.layout-simple>aside:nth-of-type(1):is([data-expandable],[data-expand]){display:block;overflow:hidden;max-height:var(--ly-aside-size-small);margin-right:-1.5rem;margin-left:-1.5rem;grid-area:aside1}body.layout-simple>aside:nth-of-type(1)[data-expand],body.layout-simple>aside:nth-of-type(1)[data-expandable]:hover,body.layout-simple>aside:nth-of-type(1)[data-expandable][data-expand]{max-height:none}body.layout-simple>aside:nth-of-type(1)[data-expandable]::before{display:flex;height:var(--ly-aside-size-small);align-items:center;justify-content:center;content:attr(data-expandable);cursor:pointer}body.layout-simple>aside:nth-of-type(1)[data-expandable]:hover::before{color:var(--accent)}body.layout-simple>aside>nav:only-child>ul{height:100%}body.layout-simple>aside a{color:var(--default)}@media (min-width:960px){body.layout-simple>aside:nth-of-type(1)[data-expandable]::before{display:none}body.layout-simple>aside:nth-of-type(1):is([data-expandable],[data-expand]){overflow:unset;max-height:none;margin-right:0;margin-left:0}body.layout-simple:has(>aside:nth-of-type(1)){padding-left:0;grid-template-areas:"header header""aside1 main""footer footer";grid-template-columns:minmax(0,.4fr) 1fr;grid-template-rows:auto 1fr auto}body.layout-simple:has(>aside:nth-of-type(1))>:is(header:first-of-type,footer:last-of-type){margin-left:0}body.layout-simple>aside:nth-of-type(1){display:block;box-shadow:var(--shadow-r);grid-area:aside1}}@media (min-width:1280px){body.layout-simple:has(>aside:nth-of-type(1)){grid-template-areas:"header header header""aside1 main .""footer footer footer";grid-template-columns:minmax(0,.3fr) 1fr minmax(0,.3fr)}body.layout-simple:has(>aside:nth-of-type(2)){padding-right:0;grid-template-areas:"header header header""aside1 main aside2""footer footer footer"}body.layout-simple:has(>aside:nth-of-type(2))>:is(header:first-of-type,footer:last-of-type){margin-right:0}body.layout-simple>aside:nth-of-type(2){display:block;box-shadow:var(--shadow-l);grid-area:aside2}}body.layout-simple>header:first-of-type>nav{position:absolute;top:0;right:0;left:0;justify-content:center;background:var(--ly-bg-brand);opacity:0;pointer-events:none;transition:opacity var(--tr-duration),top var(--tr-duration)}body.layout-simple>header:first-of-type:hover>nav{top:100%;opacity:1;pointer-events:auto}@media (min-width:768px){body.layout-simple>header:first-child{justify-content:space-between}body.layout-simple>header:first-child>nav{position:static;height:var(--ly-header-size);justify-content:flex-start;opacity:1;pointer-events:auto}}:root,[data-color-scheme=light]{--ft:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ft-mono:ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--ft-size:18px;--tr-duration:.2s;--ct-width:1024px;--ly-header-size:3.5rem;--ly-aside-size-small:2.5rem;--ly-brand:#e6edf3;--ly-bg-brand:#010409;--default:#1f2328;--subtle:#1f2328;--contrast:#e6edf3;--muted:#656d76;--accent:#0969da;--active:#8250df;--variant:#bf3989;--success:#1a7f37;--attention:#9a6700;--severe:#bc4c00;--danger:#d1242f;--bg-default:#ffffff;--bg-subtle:#d0d7de;--bg-contrast:#24292f;--bg-muted:#f6f8fa;--bg-accent:#ddf4ff;--bg-active:#fbefff;--bg-variant:#ffeff7;--bg-success:#dafbe1;--bg-attention:#fff8c5;--bg-severe:#fff1e5;--bg-danger:#ffebe9;--backdrop:#8c959f33;--bd-muted:#d0d7deb3;--bd-radius:6px}[data-color-scheme=dark]{--default:#e6edf3;--subtle:#e6edf3;--contrast:#1f2328;--muted:#848d97;--accent:#4493f8;--active:#a371f7;--variant:#db61a2;--success:#3fb950;--attention:#d29922;--severe:#db6d28;--danger:#f85149;--bg-default:#0d1117;--bg-subtle:#30363d;--bg-contrast:#6e7681;--bg-muted:#161b22;--bg-accent:#121d2f;--bg-active:#231f39;--bg-variant:#221926;--bg-success:#12261e;--bg-attention:#272115;--bg-severe:#221a19;--bg-danger:#25171c;--bd-muted:#30363db3;--backdrop:#161b2266}:root{--shadow:0px 0px 0px 1px var(--bg-subtle), 0px 6px 12px -3px var(--backdrop), 0px 6px 18px 0px var(--backdrop);--shadow-r:6px 0px 18px 0px var(--backdrop);--shadow-l:-6px 0px 18px 0px var(--backdrop);--white:#e6edf3}@media (prefers-color-scheme:dark){:root:not([data-color-scheme=light]){--default:#e6edf3;--subtle:#e6edf3;--contrast:#1f2328;--muted:#848d97;--accent:#4493f8;--active:#a371f7;--variant:#db61a2;--success:#3fb950;--attention:#d29922;--severe:#db6d28;--danger:#f85149;--bg-default:#0d1117;--bg-subtle:#30363d;--bg-contrast:#6e7681;--bg-muted:#161b22;--bg-accent:#121d2f;--bg-active:#231f39;--bg-variant:#221926;--bg-success:#12261e;--bg-attention:#272115;--bg-severe:#221a19;--bg-danger:#25171c;--bd-muted:#30363db3;--backdrop:#161b2266}}:root,[data-color-scheme=light]{--comment:#57606a;--function:#6639ba;--language:#0550ae;--string:#0a307b;--keyword:#cf2248;--html:#0550ae;--section:#0349b4;--bullet:#953800}[data-color-scheme=dark]{--comment:#8b949e;--function:#d2a8ff;--language:#79c0ff;--string:#a5d6ff;--keyword:#ff7b72;--html:#7ee787;--section:#409eff;--bullet:#ffa657}@media (prefers-color-scheme:dark){:root:not([data-color-scheme=light]){--comment:#8b949e;--function:#d2a8ff;--language:#79c0ff;--string:#a5d6ff;--keyword:#ff7b72;--html:#7ee787;--section:#409eff;--bullet:#ffa657}}.hljs-comment{color:var(--comment)}.hljs-keyword,.hljs-name,.hljs-symbol,.hljs-type{color:var(--keyword)}.hljs-meta,.hljs-title{color:var(--function)}.hljs-attr,.hljs-attribute,.hljs-built_in,.hljs-code,.hljs-literal,.hljs-number,.hljs-operator,.hljs-property,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo{color:var(--language)}.hljs-link,.hljs-regexp,.hljs-string{color:var(--string)}.hljs-selector-attr,.hljs-subst,.hljs-tag,.hljs-title.class_,.hljs-variable{color:var(--default)}.hljs-quote,.hljs-selector-tag,.hljs-tag .hljs-name{color:var(--html)}.hljs-section{color:var(--section);font-weight:700}.hljs-bullet{color:var(--bullet)}.hljs-emphasis{font-style:italic}.hljs-strong,b,strong{font-weight:700}.hljs-addition{background-color:var(--bg-success);color:var(--success)}.hljs-deletion{background-color:var(--bg-danger);color:var(--danger)}::-webkit-scrollbar{width:.5rem;height:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:var(--bd-radius);background-color:var(--muted)}.default{color:var(--default)}.muted,label>small{color:var(--muted)}.accent,a{color:var(--accent)}.active,a:active:hover{color:var(--active)}.variant{color:var(--variant)}.success{color:var(--success)}.attention{color:var(--attention)}.severe{color:var(--severe)}.danger{color:var(--danger)}.hidden{display:none}.flash,abbr[data-title]::after{border-radius:var(--bd-radius);color:var(--default)}.flash{padding:1rem;border:1px solid var(--default);margin:1rem 0}.flash.muted{border-color:var(--muted);background-color:var(--bg-muted)}.flash.accent{border-color:var(--accent);background-color:var(--bg-accent)}.flash.active{border-color:var(--active);background-color:var(--bg-active)}.flash.variant{border-color:var(--variant);background-color:var(--bg-variant)}.flash.success{border-color:var(--success);background-color:var(--bg-success)}.flash.attention{border-color:var(--attention);background-color:var(--bg-attention)}.flash.severe{border-color:var(--severe);background-color:var(--bg-severe)}.flash.danger{border-color:var(--danger);background-color:var(--bg-danger)}abbr,rp,rt{color:var(--muted)}abbr{text-decoration:underline dotted}abbr[data-title],abbr[title]{position:relative;color:var(--accent);cursor:help}abbr[data-title]::after{position:absolute;top:-125%;left:50%;display:none;padding:.5em;border:1px solid var(--bd-muted);background:var(--bg-muted);box-shadow:var(--shadow);content:attr(data-title);font-size:.75em;opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity var(--tr-duration);white-space:nowrap}abbr[data-title]:hover::after,menu>li:hover>menu{display:block;opacity:1}a{text-decoration:inherit}a:hover,summary:hover{text-decoration:underline}rp,rt{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}mark{color:var(--active)}del,ins,mark{padding:0 .25rem;background:var(--bg-active)}ins{background:var(--bg-success);color:var(--success);text-decoration:underline}del{background:var(--bg-danger);color:var(--danger);text-decoration:line-through}meter,progress{overflow:hidden;width:100%;height:.5rem;border:transparent;border-radius:calc(.5*var(--bd-radius));margin:.5rem 0;appearance:none;background:var(--bg-subtle)}progress{vertical-align:baseline}progress::-webkit-progress-value{background-color:currentColor}progress::-moz-progress-bar{background-color:currentColor}meter::-webkit-meter-inner-element{position:relative;display:block}meter::-webkit-meter-bar,progress::-webkit-progress-bar{border:transparent;background:var(--bg-subtle)}meter::-webkit-meter-optimum-value{background:var(--success)}meter::-webkit-meter-suboptimum-value{background:var(--attention)}meter::-webkit-meter-even-less-good-value{background:var(--danger)}meter:-moz-meter-optimum::-moz-meter-bar{background:var(--success)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--attention)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--danger)}details{display:block;padding:1rem;border:1px solid var(--bd-muted);border-radius:var(--bd-radius);margin:0 0 1rem}summary{display:list-item;color:var(--accent);cursor:pointer;user-select:none}details[open]>summary{padding:1rem;border-bottom:1px solid var(--bd-muted);margin:-1rem -1rem 1rem;background:var(--bg-muted)}summary>:is(h1,h2,h3,h4,h5,h6){display:inline}code,kbd,output,samp,var{border-radius:var(--bd-radius)}code,kbd,samp,var{padding:.2rem .4rem;margin:0;background:var(--bg-muted);font-family:var(--ft-mono);font-size:85%;font-style:inherit;white-space:break-spaces}var{background:var(--bg-accent);color:var(--accent)}kbd,samp{border:1px solid var(--bd-muted)}kbd{border-color:var(--bg-muted);background:var(--bg-subtle)}output{padding:.25rem .5rem;border:2px dashed var(--bd-muted);background:var(--bg-default);font:inherit;line-height:1.5;user-select:all}p,pre{margin:0 auto 1rem}:is(form,label):last-child,:is(p,pre):last-child{margin-bottom:0}pre{position:relative;overflow:auto;padding:1rem;border-radius:var(--bd-radius);background:var(--bg-muted);font-size:.85rem;line-height:1.45}pre>code{overflow:visible;padding:0;border-radius:0;background:0 0;font-size:100%}blockquote{padding:.25rem 1rem;border-left:.25rem solid var(--bd-muted);margin:0 0 1rem;color:var(--muted)}blockquote>cite:last-child{display:block;padding-left:2rem;margin-top:.25rem;text-decoration:none}blockquote>cite:last-child::before{content:"— "}figure{display:flex;flex-wrap:wrap;justify-content:space-around}figcaption{display:block;width:100%;margin:1rem 0;color:var(--muted);text-align:center}fieldset,form{border-radius:var(--bd-radius)}form{overflow:auto;padding:1rem;margin:0 auto 1rem;background:var(--bg-muted)}fieldset{padding:.5rem 1rem;border:2px solid var(--bd-muted);margin-bottom:1rem}legend{padding:0 .5rem;font-weight:600}label{position:relative;display:table;margin:0 0 1rem}label>small:first-child::after,label>small:first-child::before{content:"\a";white-space:pre}label:has(>:is(input,textarea,button)){cursor:pointer}label:has(>:is(input,textarea,select,button):disabled){color:var(--muted);cursor:not-allowed}label:has(>:is(input,textarea,select):required)::before{position:absolute;left:-.6rem;color:var(--danger);content:"*"}label:has(>textarea){display:block}button,input,select,textarea{display:block;box-sizing:border-box;border:1px solid var(--bd-muted);border-radius:var(--bd-radius);margin-top:.25rem;background:var(--bg-default);color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.5;transition:border-color var(--tr-duration)}textarea{width:calc(100% - 1rem);padding:.5rem;appearance:none;cursor:text;resize:none}input,textarea{width:100%}:is(textarea,select):hover{border-color:var(--accent)}:is(input,textarea,select):disabled{background-color:var(--bg-muted);cursor:not-allowed}input:not([type=radio],[type=checkbox],[type=range],[type=submit],[type=image]):user-invalid,select:user-invalid,textarea:user-invalid{border:1px solid var(--danger)}input:not([type=radio],[type=checkbox],[type=range],[type=submit],[type=image]):user-valid,select:user-valid,textarea:user-valid{border:1px solid var(--success)}select{width:100%;padding:.35rem .5rem;text-transform:none}input{appearance:none}input:not(:disabled):hover{border-color:var(--accent)}input:not([type=radio],[type=checkbox]){position:relative;min-height:1.5rem;padding:.25rem .5rem}input:is([type=radio],[type=checkbox]),input[type=checkbox]::before{display:inline-block;width:1rem;height:1rem;margin:0 .25rem;vertical-align:middle}input[type=checkbox]{border-radius:0}input[type=radio]{border-width:2px;border-radius:50%}input[type=radio]:checked{border-width:.25rem;border-color:var(--accent)}input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent)}input[type=checkbox]:checked::before{position:absolute;margin:0;background:var(--white);content:"";mask:center center/75%no-repeat;mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)}input:is([type=radio],[type=checkbox]):disabled{background-color:var(--bd-muted)}input[type=range]{height:.5rem;border:transparent;margin:.75rem 0;accent-color:var(--accent);appearance:auto;background:var(--bg-subtle)}input[type=file]::file-selector-button{border:1px solid var(--bd-muted);border-radius:var(--bd-radius);background:0 0;color:var(--accent);font:inherit}input[type=file]:hover::file-selector-button{background:var(--accent);color:var(--default)}button,input:is([type=submit],[type=reset],[type=button],[type=image]){display:inline-block;padding:.25rem .75rem;margin:.25rem .125rem;background:0 0;color:var(--accent);text-transform:none;transition:background var(--tr-duration),color var(--tr-duration),filter var(--tr-duration)}input:is([type=image],[type=file],[type=color]){padding:.25rem}:is(button,input:is([type=submit],[type=reset],[type=button],[type=image])):disabled{cursor:not-allowed;opacity:.5}:is(button,input)[type=reset]{color:var(--danger)}:is(button,input:is([type=submit],[type=reset],[type=button],[type=image])):not(:disabled):active{filter:brightness(80%)}button[type]:not([type=button]),input:is([type=submit],[type=reset]){border-color:currentColor}:is(button,input:is([type=submit],[type=reset],[type=button],[type=image])):not(:disabled):active,:is(button,input:is([type=submit],[type=reset],[type=button],[type=image])):not(:disabled):hover{border-color:transparent;background:var(--accent);color:var(--default)}:is(button,input)[type=reset]:not(:disabled):active,:is(button,input)[type=reset]:not(:disabled):hover{border-color:transparent;background:var(--danger);color:var(--default)}button:is(.default,.accent,.active,.variant,.success,.attention,.severe,.danger),fieldset:is(.accent,.active,.variant,.success,.attention,.severe,.danger){border-color:currentColor}button.default:not(:disabled):active,button.default:not(:disabled):hover{background:var(--default)}button.accent:not(:disabled):active,button.accent:not(:disabled):hover{background:var(--accent)}button.active:not(:disabled):active,button.active:not(:disabled):hover{background:var(--active)}button.variant:not(:disabled):active,button.variant:not(:disabled):hover{background:var(--variant)}button.success:not(:disabled):active,button.success:not(:disabled):hover{background:var(--success)}button.attention:not(:disabled):active,button.attention:not(:disabled):hover{background:var(--attention)}button.severe:not(:disabled):active,button.severe:not(:disabled):hover{background:var(--severe)}button.danger:not(:disabled):active,button.danger:not(:disabled):hover{background:var(--danger)}fieldset.accent{color:var(--accent)}fieldset.active{color:var(--active)}fieldset.variant{color:var(--variant)}fieldset.success{color:var(--success)}fieldset.attention{color:var(--attention)}fieldset.severe{color:var(--severe)}fieldset.danger{color:var(--danger)}hgroup{padding:.25rem .5rem;border-left:.25rem solid currentColor;margin:0 0 1rem}hgroup>:is(h1,h2,h3,h4,h5,h6)[id]>a:hover::before{right:calc(100% + 1.25rem)}h1,h2,h3,h4,h5,h6{border-bottom:1px solid transparent;margin:0 0 1rem;line-height:1.25}:not(:is(dialog,article,body)>header:first-child)>:is(h1,h2){border-color:var(--bd-muted)}:not(hgroup,blockquote,header)>:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:1.5rem}:is(h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}h5{font-size:.875rem}h6{color:var(--muted);font-size:.85rem}:is(h1,h2,h3,h4,h5,h6)[id]>a{position:relative;color:inherit}:is(h1,h2,h3,h4,h5,h6)[id]>a:hover{text-decoration:none}:is(h1,h2,h3,h4,h5,h6)[id]>a:hover::before{position:absolute;top:.125rem;right:calc(100% + .25rem);color:var(--muted);content:"#"}:is(h1,h2,h3,h4,h5,h6)[id]:has(>a:hover){border-color:currentColor}dl,ol,ul{padding-left:2rem;margin:0 0 1rem}li>:is(ul,ol,dl){margin:0}dl,dt{padding:0}dt{margin:1rem 0 0;font-weight:600}dd{padding:0 1rem;margin:0 0 1rem}iframe,img,video{max-width:100%;border-radius:var(--bd-radius);margin:auto}iframe{width:100%;border:0}dialog{max-width:min(calc(100% - 4rem),640px);height:fit-content;max-height:calc(100% - 4rem);padding:1rem;border:var(--bd-muted);border-radius:calc(2*var(--bd-radius));background:var(--bg-default);box-shadow:var(--shadow);color:inherit}dialog>header:first-child{padding:0 1rem 1rem;border-bottom:1px solid var(--bd-muted);margin-right:-1rem;margin-left:-1rem}dialog>header:first-child>:is(h1,h2){font-size:1.25rem}dialog>footer:last-child{padding:1rem 1rem 0;border-top:1px solid var(--bd-muted);margin:0-1rem}dialog>footer:last-child>form[method=dialog]{padding:0;margin:0;background:0 0}dialog::backdrop{background:var(--backdrop)}menu{display:flex;flex-direction:row;flex-wrap:wrap;padding:0;border-bottom:1px solid var(--bd-muted);list-style:none}menu>li{position:relative;flex-shrink:0;padding:.375rem .5rem;margin:.5rem .25rem;cursor:pointer}menu>li:hover{border-radius:var(--bd-radius);background-color:var(--bg-muted);color:var(--default);transition:background-color var(--tr-duration),color var(--tr-duration)}menu>li.selected{color:var(--accent)}menu>li.selected::before{position:absolute;right:0;bottom:-.5rem;left:0;border-bottom:2px solid currentColor;content:""}menu>li.disabled{color:var(--muted);cursor:not-allowed}menu>li>:is(a,a:hover){color:inherit;text-decoration:none}menu>li:has(>menu)::after{content:"▾"}menu>li>menu{position:absolute;z-index:100;top:100%;left:0;display:none;width:max-content;flex-direction:column;padding:.5rem;border:1px solid var(--bd-muted);border-radius:var(--bd-radius);margin:0;background:var(--bg-muted);color:var(--default);opacity:.25;transition:opacity var(--tr-duration)}menu>li>menu>li{margin:0}menu>li>menu>li:hover{background:var(--bg-subtle)}menu>li>menu>li>menu{top:0;left:100%}menu>li>menu>li.selected::before{top:calc(.5*var(--bd-radius));bottom:calc(.5*var(--bd-radius));left:0;border-bottom:none;border-left:2px solid currentColor}nav{display:flex;margin:0 0 1rem}nav>menu{border-bottom:none;margin:0}nav :is(ul,ol){padding:0 0 0 1rem;margin:0;list-style:none}nav>:is(ul,ol){padding-left:0}nav>ol{display:flex;flex-wrap:wrap}nav>ol>li:not(:last-child):has(>a)::after{display:inline-block;margin:0 .25rem;color:var(--default);content:"/"}nav>ol>li:last-child{color:var(--default);font-weight:600}nav>ol>li:last-child>a{color:inherit}nav ul{position:relative;overflow:hidden;padding:0;color:var(--muted)}nav ul>li{position:relative;padding-left:1.25rem;border-left:1px solid transparent}nav ul>li.disabled>a{color:var(--muted);cursor:not-allowed}nav ul>li:hover{border-color:var(--accent)}nav ul>li.selected{color:var(--default);font-weight:600}nav ul>li.selected>a{color:inherit}nav ul>li::after,nav ul>li::before{position:absolute;left:0;content:""}nav ul>li::before{top:.75rem;width:1rem;height:0;border-top:1px solid var(--bg-subtle)}nav ul>li::after{top:-.75rem;width:0;height:100%;border-left:1px solid var(--bg-subtle)}nav>ul>li::after{top:.75rem}nav>ul>li:last-child::after{display:none}body{max-width:var(--ct-width);padding:0 1.5rem;margin:0 auto;background:var(--bg-default);color:var(--default);font-family:var(--ft);font-size:var(--ft-size);line-height:1.5}header,main{margin:0 0 1rem}body>footer:last-child,body>header:first-child{margin-right:-1.5rem;margin-left:-1.5rem}footer{text-align:right}section{max-width:var(--ct-width);margin:0 auto 2rem}aside{padding:1rem;border-left:4px solid var(--bd-muted);margin:0 0 0 .5rem;color:var(--muted);float:right}aside.left{border-right:4px solid var(--bd-muted);border-left:none;margin:0 .5rem 0 0;float:left}article{display:flex;flex:1 1 0;flex-direction:column;justify-content:space-between;padding:1rem;border:1px solid var(--bd-muted);border-radius:var(--bd-radius);margin:1rem}article>*{width:100%;box-sizing:border-box}article>header:first-child{box-sizing:content-box;padding:0 1rem 1rem;border-bottom:1px solid var(--bd-muted);margin:0-1rem 1rem}article>footer:last-child{box-sizing:content-box;padding:1rem 1rem 0;border-top:1px solid var(--bd-muted);margin:auto -1rem 0}hr{overflow:visible;height:.25em;box-sizing:content-box;padding:0;border:0;margin:1.5em 0;background:var(--bd-muted)}cite,dfn,em,i,q,strong{font-style:italic}q::before{content:"« "}q::after{content:" »"}dfn,em{font-weight:600}cite,u{text-decoration:underline}u>u{text-decoration:underline double}s{text-decoration:line-through}s>s{text-decoration:line-through double}small{font-size:85%}table{display:block;max-width:100%;margin:0 auto 1rem;border-collapse:collapse;border-spacing:0;inline-size:fit-content;overflow-x:auto}.table-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));overflow-x:auto}.table-responsive table{display:table}caption{margin-top:.5rem;caption-side:bottom;color:var(--muted)}tbody>tr:nth-child(2n){background:var(--bg-muted)}td,th{padding:.375rem .8125rem;border:1px solid var(--bd-muted)}th{border-color:var(--bg-contrast);background:var(--bg-subtle);font-weight:700}table.center td,th{text-align:center} \ No newline at end of file