img{display:block;max-width:100%;margin-inline:auto}#article-wrapper{width:100%}#article{width:calc(min(120ch,calc(100vw - 25px)));margin-inline:auto;padding-inline:10px;border-inline:1px solid var(--panel-color);background:var(--background-color);border-block:1px solid var(--background-color)}pre{overflow-x:scroll;display:block;border:1px solid var(--faded-text-color);border-radius:10px;padding:.5em;background:var(--content-background-color)}#selector{width:calc(min(900px,calc(100vw - 250px)));margin-inline:auto;padding-inline:100px;margin-block:2em}.selection{width:100%;border:1px solid var(--panel-highlight-color);background:var(--panel-color);height:150px;display:flex;border-radius:3px}.thumbnail{width:130px;height:130px;display:flex;flex-grow:0;flex-shrink:0;margin-right:.5em;padding:10px}.thumbnail img{border-radius:10px;object-fit:cover;border:1px solid #151515}.selection .article{flex-grow:1;margin-right:1.25em}.selection .title{border:1px solid #111;background:var(--content-background-color);border-radius:5px;margin-block:.5em;font-size:1.25em;padding:.25em .5em}.selection .brief{color:#888;font-weight:400}table{border:3px double var(--faded-text-color);border-collapse:collapse}thead{background:var(--background-color)}td,th{border:1px solid var(--panel-highlight-color);padding:.2em}tbody{background:var(--content-background-color)}