.logs-index{min-height:100vh;padding:3vw 6vw 10vh;background:var(--paper);color:var(--ink)}.logs-index>nav{display:flex;justify-content:space-between;border-bottom:1px solid;padding-bottom:1rem;font:11px var(--mono)}.logs-index a{color:inherit;text-decoration:none}.logs-index>header{margin:10vh 0 6vh}.logs-index>header small{font:10px var(--mono);color:var(--moss);letter-spacing:.12em}.logs-index h1{font:900 clamp(4rem,10vw,9rem)/.86 var(--serif);letter-spacing:-.07em;margin:1.5rem 0}.logs-index>header p{font:1.2rem var(--serif)}.logs-filters{display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:1px solid;padding-bottom:1.5rem}.logs-filters a{border:1px solid;padding:.65rem 1rem;font:10px var(--mono)}.logs-filters a.active{background:var(--ink);color:var(--paper)}.log-index-entry{display:grid;grid-template-columns:60px 1fr 120px;grid-gap:2rem;gap:2rem;padding:2.2rem 0;border-bottom:1px solid;transition:padding .2s}.log-index-entry:hover{padding-left:1rem}.log-index-entry small,.log-index-entry time,.log-index-entry>span{font:10px var(--mono);color:var(--muted)}.log-index-entry h2{font:700 clamp(1.6rem,3vw,2.8rem)/1.05 var(--serif);margin:.6rem 0}.log-index-entry p{max-width:680px;margin:0;color:var(--muted);line-height:1.6}.log-index-entry time{text-align:right}@media(max-width:600px){.logs-index{padding:0 5vw 10vh}.logs-index>nav{position:-webkit-sticky;position:sticky;top:0;z-index:5;margin:0 -5vw;padding:1rem 5vw;background:#efeee8ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logs-index>header{margin:8vh 0 5vh}.logs-index h1{font-size:16vw}.logs-filters{overflow-x:auto;flex-wrap:nowrap;margin:0 -5vw;padding:0 5vw 1.2rem}.logs-filters a{white-space:nowrap}.log-index-entry{grid-template-columns:34px 1fr;gap:1rem;padding:1.8rem 0}.log-index-entry time{grid-column:2;text-align:left}.log-index-entry h2{font-size:1.65rem}.log-index-entry p{font-size:.9rem}.log-index-entry:hover{padding-left:0}}