:root{
 --page:#f8f9fa; --card:#fff; --fg:#202122; --mut:#54595d; --line:#a2a9b1;
 --line2:#c8ccd1; --link:#3366cc; --head:#eaecf0; --alt:#f8f9fa;
 --ibhead:#ddd; --cross:#a1652b; --crossbg:#fdf3e7; --grid:#c6c6c6; --slot:#8b8b8b;
}
@media(prefers-color-scheme:dark){:root{
 --page:#101418; --card:#1b1f24; --fg:#e6e6e6; --mut:#a2a9b1; --line:#43484d;
 --line2:#33383d; --link:#88a4e6; --head:#26292d; --alt:#20242a;
 --ibhead:#2b3036; --cross:#d9a066; --crossbg:#2a2016; --grid:#3a3f45; --slot:#4a5058;
}}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--fg);font:14px/1.65 sans-serif}
.shell{max-width:1180px;margin:0 auto;padding:0 12px 40px}
.card{background:var(--card);border:1px solid var(--line2);border-top:0;padding:18px 24px 30px}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:0 0 .25em;
 padding-bottom:.15em;border-bottom:1px solid var(--line)}
h2{font-family:Georgia,serif;font-weight:400;font-size:22px;margin:1.2em 0 .4em;
 padding-bottom:.15em;border-bottom:1px solid var(--line)}
h3{font-weight:700;font-size:15px;margin:1.1em 0 .3em}
p{margin:.5em 0}
code{font-family:monospace,monospace;background:var(--head);
 border:1px solid var(--line2);border-radius:2px;padding:0 4px;font-size:12px}
.crumb{font-size:12px;color:var(--mut);padding:8px 24px;background:var(--card);
 border:1px solid var(--line2);border-bottom:0}
.layout{display:flow-root}
.infobox{float:right;width:270px;margin:0 0 14px 20px;background:var(--card);
 border:1px solid var(--line);font-size:12px;line-height:1.5}
@media(max-width:760px){.infobox{float:none;width:auto;margin:0 0 16px}}
.infobox .ibtitle{background:var(--ibhead);text-align:center;font-weight:700;
 padding:5px;font-size:14px;border-bottom:1px solid var(--line)}
.infobox .ibimg{text-align:center;padding:14px 0;background:var(--alt);
 border-bottom:1px solid var(--line2)}
.infobox .ibimg img{width:64px;height:64px;image-rendering:pixelated}
.infobox table{width:100%;border-collapse:collapse}
.infobox th{text-align:left;padding:4px 8px;width:44%;vertical-align:top;
 border-bottom:1px solid var(--line2);font-weight:700}
.infobox td{padding:4px 8px;vertical-align:top;border-bottom:1px solid var(--line2)}
.infobox .na{color:var(--mut);font-style:italic}
table.wt{border-collapse:collapse;margin:.6em 0;background:var(--card);
 border:1px solid var(--line2)}
table.wt th{background:var(--head);border:1px solid var(--line2);padding:5px 10px;
 text-align:center;font-weight:700}
table.wt td{border:1px solid var(--line2);padding:6px 10px;vertical-align:middle}
table.wt tr:nth-child(even) td{background:var(--alt)}
table.wt.full{width:100%}
table.wt td.c{text-align:center}
table.wt td.n{text-align:right;font-variant-numeric:tabular-nums}
table.wt td.ic{width:34px;text-align:center;padding:2px 4px}
table.wt td.ic img{width:24px;height:24px;image-rendering:pixelated}
.ing{display:block;margin:2px 0}
.ing img{width:22px;height:22px;image-rendering:pixelated;vertical-align:-6px;margin-right:5px}
.tag{color:var(--mut)}
.cgrid{display:inline-grid;grid-template-columns:repeat(3,32px);gap:2px;
 background:var(--grid);border:2px solid var(--grid);border-radius:2px}
.cgrid .s{width:32px;height:32px;background:var(--alt);
 border:1px solid var(--slot);display:flex;align-items:center;justify-content:center;
 overflow:hidden;font-size:8px;color:var(--mut);text-align:center;line-height:1.1}
.cgrid .s img{width:26px;height:26px;image-rendering:pixelated}
.res img{width:32px;height:32px;image-rendering:pixelated;vertical-align:-9px}
.arrow{font-size:22px;color:var(--mut);padding:0 4px}
.navbox{border:1px solid var(--line2);margin-top:26px;font-size:12px;background:var(--card)}
.navbox .nbtitle{background:var(--head);text-align:center;font-weight:700;padding:5px;
 border-bottom:1px solid var(--line2)}
.navbox .nbrow{display:flex;border-bottom:1px solid var(--line2)}
.navbox .nbrow:last-child{border-bottom:0}
.navbox .nbk{width:150px;flex:0 0 150px;background:var(--alt);padding:5px 10px;
 font-weight:700;text-align:right;border-right:1px solid var(--line2)}
.navbox .nbv{padding:5px 10px}
ul.adv{margin:.5em 0;padding-left:20px}
ul.adv ul{margin:.3em 0;padding-left:22px;border-left:1px solid var(--line2)}
ul.adv li{margin:.35em 0;list-style:none;position:relative}
ul.adv li::before{content:"\25B8";position:absolute;left:-14px;color:var(--mut)}
.quote{border-left:3px solid var(--line);padding:2px 0 2px 12px;color:var(--mut);margin:.6em 0}
.src{font-size:11px;color:var(--mut)}
.why{border-left:3px solid var(--line);padding:2px 0 2px 12px;color:var(--mut);margin:.6em 0}
footer{margin-top:26px;padding:14px 24px;font-size:11px;color:var(--mut);
 background:var(--card);border:1px solid var(--line2);border-top:0;letter-spacing:.02em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:1em 0}
.grid .b{border:1px solid var(--line2);background:var(--card);padding:10px 12px}
.grid .b b{display:block;font-family:Georgia,serif;font-size:26px;font-weight:400}
.grid .b span{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em}
.cols{columns:220px;column-gap:22px;margin:.6em 0;font-size:13px}
.cols a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill{display:inline-block;font-size:11px;border:1px solid var(--line2);border-radius:9px;
 padding:0 7px;margin:1px 3px 1px 0;color:var(--mut);white-space:nowrap}
.pill.interop{border-color:var(--cross);color:var(--cross)}
.letter{font-family:Georgia,serif;font-size:18px;margin:1.1em 0 .2em;
 border-bottom:1px solid var(--line2)}
section.credit{margin-top:26px}
section.credit h2{font-size:18px}
section.credit table.wt{width:100%;max-width:640px}
section.credit table.wt th{text-align:left;width:180px;background:var(--alt)}