.article-html{box-sizing:border-box;color:var(--soft-white);contain:inline-size;font-family:var(--font-text);font-size:calc(var(--ratio)*20);font-weight:400;line-height:1.5;max-width:calc(var(--ratio)*1030);overflow-wrap:break-word;text-align:left;width:100%}.article-html :where(*,:before,:after){box-sizing:border-box}.article-html :where(h1,h2,h3,h4,h5,h6){color:inherit;font-family:var(--font-main);font-weight:700;line-height:1.2;margin:calc(var(--ratio)*40) 0 calc(var(--ratio)*20)}.article-html :where(h1){font-size:calc(var(--ratio)*40);margin-top:calc(var(--ratio)*30)}.article-html :where(h2){font-size:calc(var(--ratio)*32)}.article-html :where(h3){font-size:calc(var(--ratio)*25)}.article-html :where(h4){font-size:calc(var(--ratio)*21)}.article-html :where(h5,h6){font-size:calc(var(--ratio)*20)}.article-html :where(p){margin:calc(var(--ratio)*20) 0}.article-html :where(a){color:var(--soft-white);text-decoration:underline;text-underline-offset:.15em}.article-html :where(strong,b){font-weight:700}.article-html :where(ul,ol){margin:calc(var(--ratio)*20) 0;padding-left:calc(var(--ratio)*30)}.article-html :where(li){margin:calc(var(--ratio)*6) 0}.article-html :where(img,video,svg){height:auto;max-width:100%}.article-html :where(img){display:block}.article-html :where(figure){margin:calc(var(--ratio)*30) 0}.article-html :where(figcaption){color:var(--muted-light);font-size:calc(var(--ratio)*16);margin-top:calc(var(--ratio)*10)}.article-html :where(blockquote){border-left:calc(var(--ratio)*3) solid var(--soft-white);font-style:italic;margin:calc(var(--ratio)*25) 0;padding-left:calc(var(--ratio)*20)}.article-html :where(hr){border:none;border-top:1px solid hsla(0,0%,100%,.2);margin:calc(var(--ratio)*40) 0}.article-html :where(table){border-collapse:collapse;width:100%}.article-html :where(th,td){border-bottom:1px solid hsla(0,0%,100%,.133);padding:calc(var(--ratio)*10) calc(var(--ratio)*12);text-align:left;vertical-align:top}.article-html :where(code,kbd){font-family:Courier New,Courier,monospace;font-size:.9em}.article-html :where(button,input,select,textarea){color:inherit;font:inherit}.article-html :where(details>summary){cursor:pointer}.article-html :where(iframe[data-embed-board],iframe[src^="/embed/board"]){aspect-ratio:1030/590;background:var(--background);border:0;display:block;margin:calc(var(--ratio)*30) 0;width:100%}.article-html :where([data-chess-board] iframe){margin:0}.article-html :where([data-chess-board]){margin:calc(var(--ratio)*30) 0}.article-html :where(.chess-diagram){margin:calc(var(--ratio)*30) auto;max-width:calc(var(--ratio)*480);width:100%}.article-html :where(.chess-diagram figcaption){color:var(--soft-white);font-size:calc(var(--ratio)*17);margin-top:calc(var(--ratio)*10);opacity:.8;text-align:center}.article-html :where(.chess-diagram-board){border-radius:calc(var(--ratio)*6);display:block;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.article-html :where(.chess-diagram-board) .dg-l{fill:var(--dg-light,#ebecd0)}.article-html :where(.chess-diagram-board) .dg-d{fill:var(--dg-dark,#739552)}.article-html :where(.chess-diagram-board) .dg-tl{fill:var(--dg-light,#ebecd0)}.article-html :where(.chess-diagram-board) .dg-td{fill:var(--dg-dark,#739552)}.article-html :where(.chess-diagram-board) .dg-last{fill:#ffff334d}.article-html :where(.chess-diagram-board) .dg-coord{font-family:var(--font-text);font-size:10px;font-weight:700}.article-html :where(.chess-diagram-board) .dg-circle{fill:none;stroke-width:3.2;opacity:.6}.article-html :where(.chess-diagram-board) .dg-arrow{opacity:.75}.article-html :where(.chess-diagram-board) .dg-glyph text{font-family:var(--font-main);font-size:10px;font-weight:800;fill:#1b1b1b}.article-html :where(.chess-diagram-error){border:1px dashed #c0392b;border-radius:calc(var(--ratio)*8);color:var(--soft-white);margin:calc(var(--ratio)*30) 0;padding:calc(var(--ratio)*16) calc(var(--ratio)*20)}@media (max-aspect-ratio:3/4){.article-html :where(h1){font-size:calc(var(--ratio)*30)}.article-html :where(h2){font-size:calc(var(--ratio)*26)}.article-html :where(h3){font-size:calc(var(--ratio)*22)}.article-html :where(iframe[data-embed-board],iframe[src^="/embed/board"]){aspect-ratio:406/760}.article-html :where(.chess-diagram){max-width:none}}