.blog.index{display:flex;flex-flow:column}.blog-cards>a{border-radius:6px;overflow:hidden}.blog-cards>a time{border-radius:0 0 6px 0}.blog .meta-headline,.blog-cards>a{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.blog-cards>a span,.slist thead{font-family:Roboto,sans-serif}.slist thead{background:var(--c-bg-metal);color:var(--c-font-metal);text-shadow:var(--metal-shadow)}.blog-cards{padding:5vh var(--box-padding)}.blog .body .embed{display:block;width:100%}.blog .body .embed>*{border:none}.blog .body .embed{height:0;padding-bottom:56.25%;position:relative}.blog .body .embed--game{padding-bottom:calc(170% + 3rem)}@media (min-width:649.3px){.blog .body .embed--game{padding-bottom:56.25%}}.blog .body .embed>*{height:100%;position:absolute;width:100%}.slist{width:100%}.slist,.slist thead th{border-bottom:var(--border)}.slist thead th{border-top:var(--border);padding:.5rem .8rem}.slist thead th.large{font-size:1.2rem}.slist td{padding:1rem}.slist td .label{font-family:monospace;font-size:.8rem}.slist tbody tr:nth-child(2n){background:var(--c-bg-zebra)}.slist td:first-child,.slist th:first-child{padding-left:1.5rem}.slist-pad td:first-child,.slist-pad th:first-child{padding-left:var(--box-padding)}.slist-pad td:last-child,.slist-pad th:last-child{padding-right:var(--box-padding)}.slist-invert tbody tr:nth-child(odd){background:var(--c-bg-zebra)}.slist-clean tbody tr:nth-child(2n),.slist-clean tbody tr:nth-child(odd),.slist-invert tbody tr:nth-child(2n){background:none}.blog .atom{color:var(--c-accent);font-size:2.6em}.blog .meta-headline{background:var(--c-bg-zebra);margin-bottom:3rem;padding:1.4rem var(--box-padding) .4rem var(--box-padding);text-align:center}.blog .meta span{display:inline-block;margin-right:2em}.blog .meta{margin-bottom:1.4rem}.blog .headline{display:block;font-size:1.3em;font-style:italic;font-weight:400}.blog .illustration,.blog [data-oembed]{text-align:center}.blog .illustration{aspect-ratio:26/9;overflow:hidden}.blog .illustration img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blog .block-img,.blog img{max-width:100%}.blog .block-img img{height:auto;width:auto}.blog [data-oembed] iframe,.blog twitter-widget{margin:30px auto!important;max-width:calc(100vw - 2 * var(--box-padding))!important}.blog.post h1 a{font-size:.6em;vertical-align:middle}.blog .body{cursor:auto;font-size:1.2em;line-height:1.8;margin:0 var(--box-padding) 4em var(--box-padding)}.blog .body strong{font-weight:700}.blog .body em{font-style:italic;margin-right:.2ch}.blog .body .block-img{text-align:center}.blog .body ol,.blog .body ul{margin:25px}.blog .body li{list-style:disc outside}.blog .body h2{border-bottom:2px solid var(--c-brag);font-size:20px;margin:1.5em 0 1em}@media (min-width:320px){.blog .body h2{font-size:calc(20px + 12 * (100vw - 320px) / 880)}}@media (min-width:1200px){.blog .body h2{font-size:32px}}.blog .body h3{border-bottom:var(--border);font-size:16px;margin:1.2em 0 .6em}@media (min-width:320px){.blog .body h3{font-size:calc(16px + 12 * (100vw - 320px) / 880)}}@media (min-width:1200px){.blog .body h3{font-size:28px}}.blog .body h4{font-size:14px}@media (min-width:320px){.blog .body h4{font-size:calc(14px + 12 * (100vw - 320px) / 880)}}@media (min-width:1200px){.blog .body h4{font-size:26px}}.blog .body img{border:var(--border);padding:5px}.blog .body pre{border:var(--border);font-size:.9em;line-height:1.2;padding:1em;white-space:pre-wrap}.blog .body .embed{margin:2vmin auto}.blog .footer{font-size:1.3em;margin-bottom:40px;text-align:center}.blog .footer .button{display:block;margin:0 var(--box-padding);text-transform:none;white-space:normal}.blog .footer .button:before{vertical-align:bottom}.blog .footer .connect-links{margin-top:2em}.blog .footer .connect-links a{display:inline-block;font-size:.85em;margin:0 .5em}.blog-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));grid-gap:3vmin}.blog-cards>a{background:var(--c-bg-zebra);color:var(--c-font);display:flex;flex-direction:column;position:relative}.blog-cards>a time{background:var(--m-bg-box_alpha_neg20);color:var(--c-font-clear);left:0;opacity:1;padding:.2em .5em;position:absolute;top:0}.blog-cards>a img{background:var(--c-bg-zebra);width:100%}.blog-cards>a .content{padding:2vmin}.blog-cards>a .title{color:var(--c-font-clear);display:block;font-size:1.3em}.blog-cards>a span{display:block;margin-top:2vmin}.blog-cards>a:hover{background:var(--m-primary_bg-zebra_mix_10);color:var(--c-font-clear)}