.blog-post,.blog-index{max-width:760px;line-height:1.65}.blog-post h1{line-height:1.2;display:block}.blog-post h2{margin:36px 0 8px}.blog-post h3{margin:24px 0 6px;font-size:16px}.blog-post ul,.blog-post ol{padding-left:22px}.blog-post li{margin:6px 0}.blog-post p a,.blog-post li a,.blog-table td a{color:var(--hot);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.blog-post .note,.blog-index .note{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:10px;padding:10px 14px}.blog-post .draft{border-color:var(--hot);color:var(--text)}.blog-index .posts{gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.blog-index .posts li{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:16px 18px}.blog-index .posts h2{margin:0 0 6px;font-size:19px;line-height:1.3}.blog-index .posts h2 a:hover{color:var(--hot)}.blog-index .posts p{color:var(--muted);margin:0 0 8px}.blog-index time{color:var(--muted);font-size:13px}.blog-post figure{margin:20px 0 28px}.blog-post figcaption,.blog-table caption{caption-side:top;text-align:left;color:var(--muted);margin-bottom:10px;font-size:13px}.blog-table{overflow-x:auto}.blog-post table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.blog-post th,.blog-post td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:7px 10px}.blog-post th{color:var(--muted);font-size:13px;font-weight:600}.blog-table .bar{isolation:isolate;min-width:96px;padding:0 6px;display:block;position:relative}.blog-table .bar i{z-index:-1;background:#ff3d7f47;border-radius:4px;position:absolute;inset:-2px auto -2px 0}.blog-cols .cols{border-bottom:1px solid var(--line);grid-template-columns:repeat(24,1fr);align-items:end;gap:3px;height:180px;padding:0 2px;display:grid}.blog-cols .cols div{flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}.blog-cols .cols i{background:var(--hot);opacity:.85;border-radius:3px 3px 0 0;min-height:2px;display:block}.blog-cols .cols span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.blog-cols .cols div:not(:nth-child(6n+1)) span{visibility:hidden}.blog-cols details{margin-top:30px;font-size:14px}.blog-cols summary{cursor:pointer;color:var(--muted)}.blog-cols summary:hover{color:var(--text)}.blog-cols table{max-width:320px;margin-top:8px}@media (max-width:480px){.blog-cols .cols{gap:2px;height:150px}}