@media screen,print{article.post{& header{overflow:hidden;& h1,& h2{text-align:left;letter-spacing:-.05ex;margin:0 0 16px;line-height:1.3}& [itemprop=author]{float:left;margin:8px 0 0;& a{align-items:center;display:flex}}}& [itemprop=keywords]{float:right;clear:right;justify-content:flex-start;margin:0}}.taxonomy{flex-wrap:wrap;justify-content:center;margin:16px 0;padding:0;list-style:none;display:flex;&:empty{display:none}& .term{margin:0;padding:0;& a{border-radius:4px;margin:4px;padding:8px;font-size:.875rem;line-height:100%;display:inline-block}}}}@media screen{body{background-color:#f3f5f8}#main-content .col{margin:32px 16px}body[data-page=index] #blog>header{position:absolute;left:-99999px}#main-feature{background-color:#fff;position:relative;overflow:visible;background-image:none!important;& .inner{overflow:hidden}&:before,&:after{content:"";width:100%;height:8px;display:block;position:absolute}&:before{background-image:linear-gradient(#0000,#0000001a);bottom:100%}&:after{background-image:linear-gradient(#0000001a,#0000);top:100%}& header:after{content:"";background:url(/images/template/spacer.svg) 100%/cover no-repeat;width:100%;max-width:714px;height:48px;margin:0 auto;display:block}& hgroup a{color:inherit;vertical-align:top;display:inline-block}}main{& .tiles{flex-wrap:wrap;margin:0 -16px;display:flex;& article{box-sizing:border-box;margin:16px}}& .headlines article header{flex-direction:column-reverse;display:flex}}article.post{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin:16px 0;padding:16px;overflow:hidden;& header time{float:right}& figure.featured{justify-content:center;align-items:center;margin:16px -16px;display:flex;overflow:hidden;& img{width:100%}}& h2,& h3,& h4{margin-top:2rem}& hr{background-color:#ccc;border:0;height:2px;margin:2rem 0}& blockquote{color:#464646;background-color:#f3f3f3;border-radius:0 2rem;margin:1rem;padding:2rem 2rem 2rem 10rem;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000030;&:before{z-index:0;color:#ddd;content:"“";font-size:20rem;font-weight:700;line-height:1;display:block;position:absolute;top:-1.5rem;left:-1.5rem}&>*{z-index:1;position:relative}}& table{border-collapse:collapse;border:2px solid #ccc;margin:1rem auto;padding:0}& thead{background-color:#eee}& th,& td{text-align:left;border:1px solid #ccc;padding:.2rem .8rem}& [role=note]{border:2px solid #ccc;margin:1rem;padding:1rem;font-size:.875rem}& blockquote>:first-child,& [role=note]>:first-child{margin-top:0}& blockquote>:last-child,& [role=note]>:last-child{margin-bottom:0}& iframe[src^="https://www.youtube-nocookie.com/"]{aspect-ratio:16/9;width:100%;max-width:800px;height:auto;margin:1rem auto;display:block}& .footnotes{margin-top:2rem;font-size:.875rem}& .share{border-top:1px solid #ccc;margin-top:32px;padding-top:16px;& h3{color:#353c48;text-align:center;background:url(/images/updates/footprints-gray.svg) bottom/21px 21px no-repeat;padding-bottom:32px;font-size:1.5rem}& ul{justify-content:center;margin:16px auto 0;padding:0;list-style:none;display:flex}& li{height:40px;margin:0 8px;padding:0}& .fab{margin:0;font-size:2.5rem}& .label{text-indent:-99999px;position:absolute}& a{position:relative;&:hover,&:focus,&:active{outline:0;top:-2px}}& .facebook{color:#0866ff}& .twitter{color:#000}& .hatena-bookmark{background:#00a4de url(/images/updates/hatena-bookmark-button.svg) 50%/60% no-repeat;border-radius:10%;width:35px;height:35px;margin:2px 0;display:inline-block}}}main{& footer nav{& ul{justify-content:space-between;margin:16px 8px;padding:0;list-style:none;display:flex}& li{width:280px;margin:0;padding:0;font-size:.875rem;list-style:none}& li a{display:block}& .next{text-align:right}& .next .fas{float:right;line-height:inherit;margin:0 0 0 .5em}}& aside h2{color:#a51d3c;text-align:center;background:url(/images/updates/footprints-red.svg) bottom/21px 21px no-repeat;padding-bottom:32px}}.taxonomy .term a{color:#858585;background-color:#dbe0ea;&:hover,&:focus,&:active{color:#fff;background-color:#858585;outline:0}}.profile{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin:80px 0 0;padding:0 32px 32px;& .avatar{border:4px solid #fff;border-radius:50%;width:160px;height:160px;margin:-80px auto 0;overflow:hidden;box-shadow:0 0 4px #999;& img{width:100%;height:auto}}& h2{text-align:center;margin:8px 0}& dl{margin-bottom:0}& dt{float:left;clear:both;width:120px;font-weight:700}& dd{margin:0 0 0 120px}}}@media screen and (width>=1440px){main .tiles article{width:432px;&:first-of-type,&:nth-of-type(7){width:896px}}}@media screen and (width>=1280px) and (width<=1439px){main .tiles article{width:352px;&:first-of-type,&:nth-of-type(7){width:736px}}}@media screen and (width>=1024px) and (width<=1279px){main .tiles article{width:288px;&:first-of-type,&:nth-of-type(7){width:608px}}}@media screen and (width>=1280px){article.post{padding:32px;& figure.featured{margin:32px -32px}}}@media screen and (width>=1024px){article.wide header,article.wide [itemprop=articleBody]{max-width:800px;margin:0 auto}}@media screen and (width<=1023px){#news{margin:32px 0}}@media screen and (width>=768px) and (width<=1023px){article.news.headline{& header{flex-direction:row-reverse}& time{width:80px}}}@media screen and (width>=768px){article.wide{padding:32px;& figure.featured{margin:32px -32px}}main .headlines article{&:not(.simple) header{flex-direction:row-reverse}&:not(.simple) header time{width:144px}}}@media screen and (width<=767px){#main-feature:before{display:none}#main-content .col{margin:32px 16px}main{& .tiles article{width:100%;margin:0 16px 16px;&:last-of-type{margin-bottom:16px}}& footer nav{& ul{display:block}& li{width:100%;margin:16px 0}}}article.post{& header.release{& h2{margin:2rem 0}& .lead{margin:2rem 0;font-size:1rem}}& blockquote{margin:1rem 0;padding:1rem}& [role=note]{margin:1rem 0}}.profile{text-align:center;padding:0 16px 16px;& .avatar{width:120px;height:120px;margin:-60px auto 0}& dt{float:none;width:auto;margin:16px 0 0}& dd{margin:0}}}@media print{#tags{display:none}.taxonomy .term a{border:1px solid #666}}