.wrap.wrap-blog{max-width:1080px}.blog-shell{grid-template-columns:minmax(0,1fr) 220px;gap:48px;margin-top:40px;display:grid}.blog-main{grid-area:1/1}.blog-aside{grid-area:1/2}.blog-shell .post-list{margin-top:0}.tag-panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:14px 16px;position:sticky;top:24px}.tag-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.tag-panel>summary::-webkit-details-marker{display:none}.tag-panel>summary:after{content:"+";color:var(--text-dim);font-family:var(--font-mono)}.tag-panel[open]>summary:after{content:"−"}.tag-panel-list{flex-direction:column;gap:8px;margin-top:14px;list-style:none;display:flex}.tag-panel-list li{justify-content:space-between;align-items:center;gap:8px;display:flex}.tag-panel .tag[aria-current=page]{border-color:var(--accent);color:var(--accent)}.tag-panel-all{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.tag-panel-all a{color:var(--text-dim);font-size:.875rem;text-decoration:none}.tag-panel-all a:hover{color:var(--accent)}@media (width<=980px){.blog-shell{grid-template-columns:1fr;gap:0}.blog-main,.blog-aside{grid-area:auto}.blog-main{margin-top:28px}.tag-panel{position:static}.tag-panel-list{flex-flow:wrap;gap:10px}.tag-panel-list li{justify-content:flex-start;gap:5px}}.post-list{border-top:1px solid var(--line);margin-top:40px;list-style:none}.post-item{border-bottom:1px solid var(--line);padding:28px 0}.post-item h2{margin-top:6px;font-size:1.375rem}.post-item h2 a{text-decoration:none}.post-item p{color:var(--text-dim);margin-top:8px}.post-date{font-family:var(--font-mono);color:var(--text-dim);font-size:.875rem}.post-empty{color:var(--text-dim);margin-top:40px}.post-foot{margin-top:28px}.post-foot a{color:var(--text-dim);text-decoration:none}.post-foot a:hover{color:var(--accent)}.tag-row{flex-wrap:wrap;gap:8px;margin-top:14px;list-style:none;display:flex}.tag{border:1px solid var(--line);background:var(--surface);color:var(--text-dim);border-radius:999px;padding:3px 10px;font-size:.8125rem;text-decoration:none;display:inline-block}.tag:hover{border-color:var(--accent);color:var(--accent)}.tag-index{flex-wrap:wrap;gap:12px;margin-top:40px;list-style:none;display:flex}.tag-index li{align-items:baseline;gap:6px;display:flex}.tag-index .tag{padding:5px 14px;font-size:.9375rem}.tag-count{color:var(--text-dim);font-size:.8125rem}.article-date{margin-bottom:12px;display:block}.article-lede{color:var(--text-dim);font-size:1.125rem}article>header .tag{border-color:var(--cyan)}article>header .tag:hover{background:var(--cyan);border-color:var(--cyan);color:var(--bg)}.article-body{overflow-wrap:break-word;margin-top:48px}.article-body>:first-child{margin-top:0}.article-body p{color:var(--text-dim)}.article-body h2{margin-top:56px;font-size:1.5rem}.article-body h3{margin-top:36px;font-size:1.125rem}.article-body strong{color:var(--text);font-weight:600}.article-body a{text-decoration-color:var(--line);text-underline-offset:3px}.article-body ul,.article-body ol{color:var(--text-dim);margin:1em 0 0 1.4em}.article-body li{margin-top:8px}.article-body blockquote{border-left:2px solid var(--line);color:var(--text-dim);margin-top:1.5em;padding-left:20px}.article-body img{border:1px solid var(--line);border-radius:10px;max-width:100%;height:auto;margin-top:40px;display:block}.article-body figcaption{color:var(--text-dim);margin-top:12px;font-size:.875rem}.article-body code{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:.9375rem}.article-body pre{border:1px solid var(--line);border-radius:10px;margin-top:1.5em;padding:16px 20px;overflow-x:auto}.article-body pre code{background:0 0;border:0;padding:0;font-size:.875rem}.article-body table{border-collapse:collapse;width:100%;margin-top:1.5em;font-size:.9375rem;display:block;overflow-x:auto}.article-body th,.article-body td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 16px}.article-body th{font-weight:600}.article-body td{color:var(--text-dim)}.article-body hr{border:0;border-top:1px solid var(--line);margin-top:48px}.article-foot{border-top:1px solid var(--line);margin-top:64px;padding-top:28px}.article-foot a{color:var(--text-dim);text-decoration:none}.article-foot a:hover{color:var(--accent)}