.blog-head{border-bottom:1px solid var(--rule);padding:72px 0 36px}@media (max-width:880px){.blog-head{padding:48px 0 24px}}.blog-head h1{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(40px,6vw,76px);font-weight:500;line-height:.96}.blog-head p{color:var(--ink-2);max-width:56ch;margin:0;font-size:16px;line-height:1.6}.row-head{justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 20px;display:flex}.row-head h2{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px;font-weight:500}.row-head .count{font-family:var(--mono);color:var(--ink-3);font-size:11px}.archive-wrap{margin-top:56px}.archive-toolbar{grid-template-columns:1fr auto;align-items:center;gap:16px;margin:0 0 20px;display:grid}@media (max-width:700px){.archive-toolbar{grid-template-columns:1fr}}.search-box{border:1px solid var(--rule);background:var(--paper);border-radius:4px;align-items:center;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent)14%,transparent)}.search-box .ico{font-family:var(--mono);color:var(--ink-3);margin-right:10px;font-size:13px}.search-box input{font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-size:15px}.search-box input::placeholder{color:var(--ink-3)}.search-box .clear{color:var(--ink-3);cursor:pointer;font-family:var(--mono);visibility:hidden;background:0 0;border:0;padding:4px 8px;font-size:11px}.search-box.has-value .clear{visibility:visible}.search-box .clear:hover{color:var(--accent)}.sort-box{font-family:var(--mono);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.sort-box select{border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;font-family:var(--mono);cursor:pointer;border-radius:4px;padding:8px 10px}.filter-chips{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.chip{border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);font-family:var(--mono);letter-spacing:.04em;cursor:pointer;border-radius:999px;padding:6px 11px;font-size:11px;transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--ink);border-color:var(--ink-3)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip .n{color:var(--ink-3);margin-left:6px;font-size:10px}.chip[aria-pressed=true] .n{color:color-mix(in oklab,var(--paper)70%,transparent)}ul.posts{margin:0;padding:0;list-style:none}.posts li{border-bottom:1px solid var(--rule)}.posts li:first-child{border-top:1px solid var(--rule)}.post-row{grid-template-columns:90px 1fr 230px 90px;align-items:baseline;gap:24px;padding:18px 0;transition:padding .25s,background .15s;display:grid}.post-row:hover{background:var(--paper-2);padding-left:14px;padding-right:14px}.post-row:hover .title{color:var(--accent)}.post-row .date{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:11px}.post-row .title{letter-spacing:-.01em;color:var(--ink);font-size:16px;font-weight:500;line-height:1.35;transition:color .15s}.post-row .title .tag{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--rule);vertical-align:2px;border-radius:3px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:400;display:inline-block}.post-row .where{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:11px}.post-row .where b{color:var(--accent);font-weight:500}.post-row .ext{font-family:var(--mono);color:var(--ink-3);text-align:right;letter-spacing:.04em;font-size:11px}.post-row:hover .ext{color:var(--accent)}@media (max-width:880px){.post-row{grid-template-columns:80px 1fr 90px;gap:16px}.post-row .where{display:none}}@media (max-width:600px){.post-row{grid-template-columns:1fr;gap:4px;padding:16px 0}.post-row .ext{text-align:left}.post-row .title .tag{display:none}}.empty{text-align:center;font-family:var(--mono);color:var(--ink-3);padding:48px 0;font-size:13px}.empty mark{color:var(--accent);background:0 0}.post-row mark{background:color-mix(in oklab,var(--accent)22%,transparent);color:inherit;border-radius:2px;padding:1px 2px}