body{margin:0;padding:0;min-height:100vh;font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";display:flex;flex-direction:column;gap:30px}header .wrapper,main .wrapper,footer .wrapper{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:0 30px}header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;line-height:54px;height:54px;color:#424242}header a{color:inherit;text-decoration:none}header a:hover{text-decoration:underline}header .wrapper{display:flex;flex-direction:row;line-height:54px}header .title{font-size:26px;letter-spacing:-1px;flex-grow:1}header nav{display:flex;flex-direction:row;gap:20px}header nav a,header nav a:visited{display:block;color:inherit}main{flex:1}main a{color:#1756a9;text-decoration:none}main a:hover{color:#111;text-decoration:underline}main a:visited{color:#1756a9}main h1{font-size:42px;letter-spacing:-1px;line-height:1.15;font-weight:400;margin:10px 0}main h2{font-size:32px;font-weight:400;margin:0 0 15px}main ul{margin:0 0 15px 30px;padding:0}main blockquote{color:#828282;letter-spacing:-1px;border-left:8px solid #e8e8e8;padding:0 0 0 15px;margin:0 0 15px;font-style:italic}main img{max-width:100%}main .post-date,main .translate{opacity:.5;font-size:85%}footer{border-top:1px solid #e8e8e8;padding:30px 0;color:#828282;font-size:15px}footer .wrapper{display:flex;flex-direction:row;gap:50px}footer p{margin:0 0 15px}footer a{color:inherit}footer .text{display:flex;flex-direction:column;gap:10px}footer .text p{margin:0}footer .social{display:flex;flex-direction:row;gap:10px}footer .social a{display:block;width:30px;height:30px}footer .social a svg{width:100%;height:100%}.translate span+span::before{content:" · "}.translate a,.translate a:visited{color:inherit}@media screen and (max-width: 600px){header nav{display:none}header .wrapper,main .wrapper,footer .wrapper{padding:0 10px}main h1{font-size:36px}main h2{font-size:28px}footer .wrapper{flex-direction:column;gap:10px}footer .social{gap:20px}}main .hotnav{line-height:30px;list-style-type:none;margin:0 0 50px;padding:0;display:flex;flex-direction:row;gap:5px}main .hotnav li{background-color:#ccc;border-radius:5px;padding:5px;flex-grow:1;text-align:center;line-height:30px}main .hotnav a{display:block;text-decoration:none}main .hotnav svg{width:30px;height:30px;vertical-align:middle}