:root{font-size:10px;--border-color: #ddd;--nav-border-color: #888;--primary-color: #8ecca8;--primary-color-dark: #42b171}body,html{margin:0;padding:0;min-height:100vh;font-size:16px;scroll-behavior:smooth}body{display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"header header header" "nav nav nav" "aside1 article aside2" "footer footer footer";font-family:Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;font-weight:normal;font-family:ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;font-weight:normal}body.narrow article{max-width:800px;margin:0 auto;width:100%}body>header{grid-area:header;padding:1rem;text-align:center}body>header .tagline{font-size:.8em}body>nav{grid-area:nav;margin-bottom:2rem}body>article{grid-area:article;min-width:0}body>article h1{margin-top:0;background-color:var(--primary-color);color:white;text-align:center;padding:1rem}body>aside#primary{grid-area:aside1}body>aside#secondary{grid-area:aside2}body>footer{grid-area:footer}a:hover svg{stroke:var(--primary-color-dark)}#search{width:100%;padding:1rem 2rem;font-size:2rem}#search-count{text-align:center;margin-top:3rem}#search-results{display:flex;flex-direction:column;gap:2rem;padding:4rem 0}#search-results .result{display:none;width:100%}#search-results .visible{display:flex !important}#search-results .visible .post{flex:1}#search-results #empty{display:none;width:100%;margin:2rem auto;color:var(--nav-border-color);font-size:12px;justify-content:center}footer{padding:1rem;text-align:center;font-size:.8em;border-top:1px solid var(--border-color)}#top{display:flex;justify-content:space-between;align-items:center;max-width:350px;margin:0 auto;flex:1;gap:3rem}#top a{color:black;text-decoration:none}.logo{text-align:center;text-transform:uppercase;font-size:2.2rem}.logo span:last-child{border:1px solid currentColor}nav ul{display:flex;list-style-type:none;padding:0;margin:0;justify-content:center;padding:5px 10px;border-top:1px solid var(--nav-border-color);border-bottom:1px solid var(--nav-border-color)}nav li a{letter-spacing:.1em;padding:0 1rem;color:black;text-decoration:none}nav li a.current{color:var(--primary-color-dark);text-decoration:underline;font-weight:bold}body.home{grid-template-columns:1fr 5fr 1fr}body.home h2{border-bottom:1px solid var(--border-color);font-size:1.2em;padding:0.5rem 0;margin-top:4rem}aside#primary,aside#secondary{padding:2rem}img.half{width:50%;height:auto}img.original{width:auto !important;max-width:100% !important}img.full{width:100%;height:auto}img.square{aspect-ratio:1 / 1}img.rounded{border-radius:5%}#posts{padding:2rem}#posts ul{list-style-type:none;padding:0;margin:0}.all-posts,.recent-posts,.featured-posts{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill, minmax(450px, 1fr))}.recent-posts .post img,.featured-posts .post img{width:20rem;height:20rem}.all-posts{grid-template-columns:repeat(4, 1fr)}.post{display:flex;border:1px solid var(--border-color);border-radius:3px;overflow:hidden;gap:1rem;text-decoration:none;transition:border-color 0.2s ease, box-shadow 0.2s ease;margin-bottom:2rem;margin:0;padding:5px}.post.vertical{flex-direction:column}.post.vertical img{width:100%;height:auto;aspect-ratio:1 / 1;display:block}.post .info{display:flex;flex-direction:column;padding:10px;flex:1}.post .title{color:black;line-height:1.2em;height:2.4em;display:flex;overflow:hidden;align-items:flex-start;flex:none}.post img{background-color:#eee;width:15rem;height:15rem;object-fit:cover;flex:none;box-sizing:border-box;transform:scale(1);transition:transform 0.2s ease}.post .description{font-size:.8em;color:#999;flex:1;align-items:flex-start}.post .description p{line-clamp:3;line-height:1.4;max-height:4.2em;overflow:hidden;text-overflow:ellipsis;margin:0}.post .meta-data img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;float:left;margin-right:10px}.post .meta-data div{color:#999;font-size:1.1rem}.post .meta-data div.author{padding-top:5px;color:black}.post .date-posted{flex:none;font-size:.7em;color:black;margin-top:2rem}.post:hover{border-color:var(--primary-color-dark);box-shadow:0px 0px 0px 2px var(--primary-color-dark)}.post:hover>img{transform:scale(1.05)}.tag{padding:2px 5px;border:1px solid var(--border-color);text-align:center;border-radius:100px}#post{padding:2rem 2rem 10rem}#post .post-meta{display:flex;justify-content:space-between;padding:2rem 0}#post .post-meta .author-meta{display:flex;gap:1rem}#post .post-meta .author-meta img{border-radius:200px;width:6rem;height:6rem;object-fit:cover}#post .post-meta .author-meta div{font-size:1.1rem;line-height:1.7em;display:flex;flex-direction:column}#post .post-meta .author-meta div span:first-child{font-weight:700;font-size:1.4rem;line-height:1.8em;padding-bottom:2px}#post .post-meta .post-info{display:flex;flex-direction:column;font-size:1.1rem;text-align:right;gap:0.4rem}#post figure.highlight{margin:0;width:100%;padding:1rem 2rem;background-color:#eef4ff;overflow-x:auto;border:1px solid var(--border-color);border-radius:1rem;box-sizing:border-box;min-width:0}#post code.highlighter-rouge{background-color:#eef4ff;border:1px solid var(--border-color);border-radius:3px;padding:0 5px}#post a{color:var(--primary-color-dark)}#post p>img{width:100%;max-width:800px;max-height:600px;object-fit:contain;border-radius:2%;margin:5rem auto;display:block}#post h2{margin-top:4rem;margin-bottom:0.5rem}#outline{position:sticky;top:20px}#outline header{display:flex;justify-content:space-between}#outline header .icon{font-size:1.5rem;line-height:1.5rem;background-color:#eee;border-radius:100%;display:flex;width:2.5rem;height:2.5rem;color:var(--primary-color-dark);justify-content:center;align-items:center;text-decoration:none;font-weight:900}#outline ul{list-style-type:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}#outline ul ul{padding-left:1rem;margin-top:0.5rem}#outline ul a{font-size:0.8em;line-height:1.2em;text-decoration:none;padding:0.4rem;color:var(--primary-color-dark);display:block;background-color:#EEE}#outline ul a:hover{text-decoration:underline}.pagination{display:flex;justify-content:space-between;padding:3rem 0;max-width:400px;margin:30px auto}.pagination span:first-child,.pagination span:last-child{color:#BBB}.pagination a{color:var(--primary-color-dark);text-decoration:none}@media screen and (max-width: 1400px){body.home{grid-template-columns:1fr 5fr 1fr}.all-posts{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 1100px){#outline span span{display:none}}@media screen and (max-width: 900px){body.post-show{grid-template-columns:3fr 1fr;grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"header header" "nav nav" "article aside1" "aside2 aside2" "footer footer"}body.home,body.narrow{grid-template-columns:1fr 12fr 1fr}}@media screen and (max-width: 700px){body.post-show{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr auto auto;grid-template-areas:"header" "nav" "article" "aside2" "footer"}body.post-show #primary{display:none}.all-posts{grid-template-columns:1fr 1fr}}@media screen and (max-width: 550px){body.home{grid-template-columns:2rem 1fr 2rem}.featured-posts,.all-posts,#search-results{grid-template-columns:1fr}.featured-posts .post,.all-posts .post,#search-results .post{flex-direction:column}.featured-posts .post>img,.all-posts .post>img,#search-results .post>img{width:100%;height:20rem;display:block}}.highlight .hll{background-color:#ffc}.highlight .c{color:#60a0b0;font-style:italic}.highlight .err{border:1px solid red}.highlight .k{color:#007020;font-weight:bold}.highlight .o{color:#666}.highlight .cm{color:#60a0b0;font-style:italic}.highlight .cp{color:#007020}.highlight .c1{color:#60a0b0;font-style:italic}.highlight .cs{color:#60a0b0;background-color:#fff0f0}.highlight .gd{color:#A00000}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#000080;font-weight:bold}.highlight .gi{color:#00A000}.highlight .go{color:gray}.highlight .gp{color:#c65d09;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#800080;font-weight:bold}.highlight .gt{color:#0040D0}.highlight .kc{color:#007020;font-weight:bold}.highlight .kd{color:#007020;font-weight:bold}.highlight .kn{color:#007020;font-weight:bold}.highlight .kp{color:#007020}.highlight .kr{color:#007020;font-weight:bold}.highlight .kt{color:#902000}.highlight .m{color:#40a070}.highlight .s{color:#4070a0}.highlight .na{color:#4070a0}.highlight .nb{color:#007020}.highlight .nc{color:#0e84b5;font-weight:bold}.highlight .no{color:#60add5}.highlight .nd{color:#555555;font-weight:bold}.highlight .ni{color:#d55537;font-weight:bold}.highlight .ne{color:#007020}.highlight .nf{color:#06287e}.highlight .nl{color:#002070;font-weight:bold}.highlight .nn{color:#0e84b5;font-weight:bold}.highlight .nt{color:#062873;font-weight:bold}.highlight .nv{color:#bb60d5}.highlight .ow{color:#007020;font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#40a070}.highlight .mh{color:#40a070}.highlight .mi{color:#40a070}.highlight .mo{color:#40a070}.highlight .sb{color:#4070a0}.highlight .sc{color:#4070a0}.highlight .sd{color:#4070a0;font-style:italic}.highlight .s2{color:#4070a0}.highlight .se{color:#4070a0;font-weight:bold}.highlight .sh{color:#4070a0}.highlight .si{color:#70a0d0;font-style:italic}.highlight .sx{color:#c65d09}.highlight .sr{color:#235388}.highlight .s1{color:#4070a0}.highlight .ss{color:#517918}.highlight .bp{color:#007020}.highlight .vc{color:#bb60d5}.highlight .vg{color:#bb60d5}.highlight .vi{color:#bb60d5}.highlight .il{color:#40a070}