.guide-index{min-height:70vh;max-width:var(--page-w);padding:140px var(--page-gutter) 90px;color:var(--h-ink);margin:0 auto}.guide-index-head{max-width:780px}.guide-index-head h1{font:400 clamp(36px, 5vw, 64px)/1.08 var(--font-title);margin:12px 0 16px}.guide-index-head p{color:var(--h-muted);line-height:1.7}.guide-filters{flex-wrap:wrap;align-items:end;gap:12px;margin:34px 0 18px;display:flex}.guide-filters label{min-width:min(100%,220px);color:var(--h-muted);gap:7px;font-size:13px;display:grid}.guide-filters input,.guide-filters select{border:1px solid var(--h-line);background:var(--h-bg);width:100%;min-height:42px;color:var(--h-ink);font:inherit;border-radius:6px;padding:8px 12px}.guide-filters button{border:1px solid var(--h-gold);background:var(--h-gold);color:#161b1b;cursor:pointer;border-radius:6px;min-height:42px;padding:8px 18px}.guide-filters>a{color:var(--h-gold);padding:10px}.guide-filters :is(input,select,button,a):focus-visible,.guide-index a:focus-visible{outline:2px solid var(--h-gold);outline-offset:3px}.guide-count{color:var(--h-faint);margin:0 0 12px;font-size:13px}.guide-list{gap:16px;display:grid}.guide-card{border:1px solid var(--h-line);background:#142027;border-radius:8px;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:22px;padding:18px;display:grid}.guide-card:not(:has(.guide-card-art)){grid-template-columns:1fr}.guide-card-art{border-radius:5px;display:block;overflow:hidden}.guide-card-art img{object-fit:cover;object-position:center top;width:100%;height:150px;display:block}.guide-card h2{font:400 clamp(22px, 3vw, 30px)/1.2 var(--font-title);margin:7px 0 8px}.guide-card h2 a{color:var(--h-ink);text-decoration:none}.guide-card h2 a:hover{color:var(--h-gold)}.guide-card p{color:var(--h-muted);margin:0 0 12px;line-height:1.55}.guide-card small{color:var(--h-faint)}.guide-empty{color:var(--h-muted);padding:40px 0}.guide-pages{color:var(--h-muted);align-items:center;gap:20px;margin-top:28px;display:flex}.guide-pages a{color:var(--h-gold)}@media (max-width:640px){.guide-index{padding-top:112px}.guide-card{grid-template-columns:1fr}.guide-card-art img{height:190px}}
