:root{--main-width:1200px;--nav-width:1200px}body{font-size:16px}.post-tags a,.post-categories a{position:relative;z-index:2;pointer-events:auto}.post-categories a{display:inline-block;padding:1px 8px;font-size:.8rem;color:#fff;border-radius:4px;text-decoration:none}.post-tags a{display:inline-block;padding:1px 8px;font-size:.8rem;border-radius:4px;text-decoration:none;line-height:1.5}.post-tags a::before{content:"#";color:#6b7280;margin-right:4px}.post-categories-tags{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;flex:1}.entry-footer{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-top:16px}.post-single .post-meta{margin-top:16px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between}article.post-entry,article.tag-entry{display:flex;flex-direction:row !important;align-items:center;gap:32px}article.post-entry figure,article.tag-entry figure{flex:none;width:200px;height:150px;margin:0;padding:16px;border-radius:8px;overflow:hidden;position:relative;padding:0}article.post-entry figure img,article.tag-entry figure img{width:100%;height:100%;object-fit:cover}article.post-entry .entry-content-wrapper{flex:auto}.post-content li pre code{margin-left:3rem}.post-content li p{margin-bottom:1rem}.category-frontend{background-color:#42a5f5}.category-backend{background-color:#7e57c2}.category-infra{background-color:#00897b}.category-db{background-color:#8bc34a}.category-genai{background-color:#ef5350}.category-column{background-color:#ffb74d}.category-web{background-color:#2980b9}.category-default{background-color:#9e9e9e}.layout-2col{display:flex;gap:1rem;align-items:flex-start}.post-main{flex:1 1 100%;max-width:calc(100% - 250px);border-right:1px solid #aaa4;padding-right:3rem}.post-toc{width:250px;flex:0 0 250px;position:sticky;top:1rem;font-size:.85rem;line-height:1.6}.post-toc .toc .inner{margin:0}.post-toc div.toc{padding-left:0;background:0 0;border:none}.post-toc summary{display:none}.post-toc .toc ul{list-style:none;padding-left:0;margin-left:0}.post-toc .toc li{margin:.6rem 0}.post-toc .toc a{text-decoration:none;opacity:.5}.post-toc .toc a.active{font-weight:currentColor;opacity:1}.post-toc .toc a:hover{box-shadow:none;opacity:.75}.post-toc .toc ul ul{margin-left:1rem}.highlight{margin:24px 0 !important}@media(max-width:768px){.post-toc{display:none}.post-main{border-right:none;padding-right:0;max-width:100%}article.post-entry{flex-direction:column !important;gap:20px}article.post-entry figure{width:100%;height:200px}}.post-single h1{font-size:2rem;margin-bottom:24px}.post-single h2{font-size:1.5rem;margin-top:48px;margin-bottom:8px;border-bottom:1px solid #aaa4;padding-bottom:8px}.post-single h3{font-size:1.3rem;margin-top:32px;margin-bottom:16px}.post-single h3::before{content:"■";margin-right:8px;color:#6b7280}.post-content ul li{margin-top:20px}.post-single figure{height:300px}.post-single figure img{width:100%;height:100%;object-fit:cover}.post-content blockquote{background:#0001;padding:.6rem 8px}.dark .post-content blockquote{background:#fff1}.post-content blockquote p{margin:0}.post-content ol li{margin:16px 0}.post-content table td,.post-content table th{padding:8px 10px !important}