.typography{& h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700;letter-spacing:-.025rem;line-height:1.15;@media screen and (max-width: 1000px){font-size:2rem}margin-bottom:2rem}& h1 a{color:inherit}& h2{margin-bottom:1rem;font-size:1.55rem;font-weight:700;letter-spacing:0;line-height:1.33;@media screen and (max-width: 1000px){font-size:1.4rem}margin-top:2.5rem}& h2 a{color:inherit}& h3 a{color:inherit}& h3{margin-bottom:.5rem;font-size:1.2rem;font-weight:600;letter-spacing:0;line-height:1.4;letter-spacing:.01em;@media screen and (max-width: 1000px){font-size:1.15rem}margin-top:1.75rem}& h4{margin-bottom:.5rem;font-size:1rem;font-weight:600;letter-spacing:0;line-height:1.4;letter-spacing:.01em;@media screen and (max-width: 1000px){font-size:1.15rem}}& h2,h3,h4{.anchor-link{display:inline-block;width:1em;height:1em;background:url(../../../icon-link.svg) no-repeat center center;background-size:contain;border-radius:.25rem;vertical-align:middle;margin-left:.25em;transform:translateY(-1px);opacity:0;& *{display:none}}&:hover{.anchor-link{opacity:1}}}& p,ul,ol{margin-bottom:1.25rem}& img,video{margin:1.5rem 0;border-radius:var(--radius-200);overflow:hidden}& picture>img,img.screenshot{box-shadow:0 0 0 1px #ffffff20}&.imageBleed p img{display:block;position:relative;border-radius:var(--radius-100);@media screen and (max-width: 1000px){margin:2rem 0;max-width:100%}}& strong,b{font-weight:600}& code{font-family:var(--font-family-code),monospace;color:#fff}& pre{margin:1.25rem 0;background:var(--code-block-background);border-radius:var(--radius-300);line-height:1.66;font-size:.825rem;white-space:pre;border:1px solid rgba(255,255,255,.125)}& h2>code,h3>code,h4>code,p>code,li>code,a>code{padding:.15rem .33rem;background:var(--code-block-background);border:1px solid rgba(255,255,255,.125);border-radius:var(--radius-300);font-size:.85em}& a>code{color:var(--color-link)}& ul>li{margin:0 0 .25rem;padding-left:1.4rem;position:relative;&:before{content:"";display:block;opacity:.5;position:absolute;width:7px;height:7px;left:0;top:.625em;background:var(--body-text-color);border-radius:var(--radius-100)}}& ol{counter-reset:list;>li{margin:0 0 .25rem;padding-left:1.4rem;position:relative;&:before{counter-increment:list;content:counter(list) ".";display:block;position:absolute;width:7px;height:7px;left:0;top:0;border-radius:var(--radius-round)}}}& blockquote{position:relative;margin:1.5rem 0;padding-left:1.25rem;&:before{content:"";display:block;position:absolute;width:1.5px;left:1px;top:7px;bottom:6px;background-color:currentColor;border-radius:999px}}& hr{margin:2rem 0;border:none;height:1px;background:#444;width:8rem}& a{color:var(--color-link);&[href*="github.com"]:before{content:"";display:inline-block;width:14px;height:14px;background:url(../../../github-mark-white.svg) no-repeat;background-size:cover;margin-right:4px;position:relative;top:1px;filter:sepia(8) saturate(8) hue-rotate(57deg) brightness(.9);margin-left:.25rem}}.footnote{font-size:13px;+:not(.footnote){margin-top:1rem}}table{border-collapse:separate;border-spacing:0;margin-bottom:1rem;& tr{& th,td{border-right:1px solid #3e464a;border-bottom:1px solid #3e464a;padding:.5rem 1rem}& th:first-child,td:first-child{border-left:1px solid #3e464a}& th{text-align:left;border-top:solid 1px #3e464a}}tr:first-child th:first-child{border-top-left-radius:4px}tr:first-child th:last-child{border-top-right-radius:4px}tr:last-child td:first-child{border-bottom-left-radius:4px}tr:last-child td:last-child{border-bottom-right-radius:4px}}}