body{font:normal 16px/24px "Noto Sans",sans-serif;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;min-height:100vh}body>header,main,footer{width:100%;max-width:1020px;margin:0 auto;box-sizing:border-box}body>header .title,footer .title{font-size:30px;font-weight:600;line-height:70px}body>header .title a,footer .title a{color:inherit;text-decoration:none}body>header .title,body>header nav,footer .title,footer nav{padding:0 10px}body>header nav,footer nav{border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#555;line-height:32px;font-size:14px;overflow:hidden;display:flex;flex-direction:row}body>header nav ul,footer nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:20px}body>header nav .sections,footer nav .sections{flex-grow:1}body>header nav .social,footer nav .social{gap:5px}body>header nav .social a,footer nav .social a{display:block;width:20px;height:20px;padding:6px}body>header nav .social svg,footer nav .social svg{width:20px;height:20px}body>header nav a,footer nav a{color:inherit;text-decoration:none}body>header nav a:hover,footer nav a:hover{text-decoration:underline}main{flex-grow:1}main .wrapper{padding:0 10px}main h1{font-size:42px;font-weight:400;line-height:1.15;margin:10px 0}main h2{font-size:32px;font-weight:400;line-height:1.15;margin:20px 0 10px}main h3{font-size:24px;font-weight:400;line-height:1.15;margin:20px 0 10px}main p{margin:5px 0 10px}main>.wrapper>ul{padding:0 0 0 20px}main img.portrait{float:right;margin:0 0 20px 20px;width:500px;max-width:30vw}main img{background-color:#f0f0f0}main blockquote{font-style:italic;border-left:4px solid #ccc;margin-left:0;padding-left:8px}main img{max-width:100%}main .post-date{opacity:.5;font-size:85%}footer{margin-bottom:0px}footer nav{border-bottom:0}.translations{font-size:85%;font-style:italic;opacity:.5}.translations a{color:inherit}.translations span+span::before{content:" · "}.paginator{display:flex;flex-direction:row;margin-top:50px;gap:50px;font-size:85%}.paginator .tab{flex-basis:33%}.paginator .tab.next{text-align:right}.paginator .tab.center{text-align:center}pre{padding:10px;background-color:#f0f0f0;overflow-x:scroll;border-radius:4px;white-space:nowrap}@media screen and (max-width: 800px){body>header nav{display:none}main{}main h1{font-size:36px}main h2{font-size:28px}main img{margin-left:-10px;max-width:100vw}.paginator{border-top:1px solid #ccc;padding-top:20px;flex-direction:column;gap:10px}.paginator .tab.next,.paginator .tab.center{text-align:left}}