:root{color-scheme:light dark;--bg:#f2f6f1;--text:#222222;--border:#a4a4a4;--accent:#255f38;--opacity-secondary:0.8}@media(prefers-color-scheme:dark){:root{--bg:#0f1115;--text:#e6e8eb;--border:#3a4048;--accent:#a0d585}}body{color:var(--text);background:var(--bg);font-family:sans-serif;line-height:1.5;max-width:768px;margin:0 auto;padding:0 20px}footer{border-top:1px solid var(--border);margin-top:1rem;color:var(--text);opacity:var(--opacity-secondary)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header{margin-bottom:1.5rem;display:flex;align-items:baseline;flex-wrap:wrap;row-gap:.1rem}header .site-title{margin-right:1.5rem;margin-bottom:.5rem;font-size:2rem;font-weight:700}header nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:.75rem}header nav li{margin:0;padding:0}header a{color:var(--text)}header a:hover{text-decoration:underline;text-decoration-color:var(--accent)}.home-intro{border-bottom:1px solid var(--border);margin-bottom:1rem}.tag-bar{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem}.tag-item{font-size:.875rem;color:var(--text);padding:2px 6px;border-radius:4px;text-decoration:none;transition:background .1s,color .1s}.tag-item:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);text-decoration:none}.tag-item.active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-weight:600}.tag-filter-label{font-size:.875rem;color:var(--text);opacity:.7;margin-bottom:1.5rem}.tag-filter-name{font-weight:600;opacity:1;color:var(--accent)}.tag-filter-label a{color:var(--accent)}.post-list{list-style:none;padding:0;margin:0}.post-item{border-radius:4px}.post-item:hover .post-item-link{background:color-mix(in srgb,var(--text) 6%,transparent)}.post-item-link{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;width:100%;padding:.4rem .5rem;border-radius:4px;transition:background .1s;font-weight:700;color:var(--accent);text-decoration:none}.post-item-link:hover{text-decoration:none}.post-date{margin-left:auto;font-size:.875rem;color:var(--text);opacity:var(--opacity-secondary);white-space:nowrap;flex-shrink:0}article time{opacity:var(--opacity-secondary)}ul li,ol li{margin-bottom:.25rem}figure{margin:2rem 0}figure img{display:block;max-width:100%;max-height:70vh;height:auto;width:auto}figcaption{margin-top:.5rem;font-size:.85em;opacity:var(--opacity-secondary);text-align:left;font-style:italic}.highlight table{width:100%;table-layout:fixed;border-collapse:collapse}.highlight td:first-child{width:2.5rem}.highlight td:last-child pre{overflow-x:auto;max-width:100%}.highlight td:last-child code{display:block;min-width:max-content}table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95em}table th{text-align:left;font-weight:600;padding:.5rem 1rem .5rem 0;border-bottom:2px solid var(--border)}table td{padding:.5rem 1rem .5rem 0;border-bottom:1px solid var(--border);opacity:.85}table tr:last-child td{border-bottom:none}blockquote{margin:1.5rem 0;padding:.75rem 1.25rem;border-left:3px solid var(--accent);border-radius:0 6px 6px 0;background:color-mix(in srgb,var(--accent) 8%,transparent);font-style:normal}blockquote p{margin:.5em 0}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}.post-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:2rem}.recent-posts-section{border-top:1px solid var(--border);margin-top:2rem}