.guides-page .search-wrap{padding:22px 0 4px}.guides-page .search{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow-s);align-items:center;gap:10px;padding:12px 16px;display:flex}.guides-page .search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.guides-page .search svg{width:18px;height:18px;color:var(--muted);flex:none}.guides-page .search input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:15px}.guides-page .search input::placeholder{color:var(--muted)}.guides-page .search .kbd{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);flex:none;padding:3px 7px;font-size:11.5px;font-weight:700}.guides-page .banner{background:var(--tint);border:1px solid var(--hi-line);border-radius:var(--r);align-items:flex-start;gap:14px;margin:22px 0 0;padding:16px 18px;display:flex}.guides-page .banner svg{width:20px;height:20px;color:var(--accent-strong);flex:none;margin-top:1px}.guides-page .banner .bt{color:var(--ink);margin-bottom:3px;font-size:14.5px;font-weight:700}.guides-page .banner .bd{color:var(--ink-2);word-break:keep-all;font-size:13.5px}.guides-page .cat{padding:38px 0 8px}.guides-page .cat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.guides-page .cat-head h2{letter-spacing:-.02em;font-size:21px;font-weight:600}.guides-page .cat-head .cnt{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.guides-page .cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:960px){.guides-page .cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.guides-page .cards{grid-template-columns:1fr}}.guides-page .card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow-s);cursor:pointer;color:inherit;flex-direction:column;gap:10px;padding:17px 18px;text-decoration:none;transition:all .14s;display:flex}.guides-page .card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.guides-page .card .tag{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-strong);background:var(--accent-soft);border-radius:5px;align-self:flex-start;padding:3px 8px;font-size:10.5px;font-weight:700}.guides-page .card h3{letter-spacing:-.01em;color:var(--ink);word-break:keep-all;font-size:15.5px;font-weight:600;line-height:1.3}.guides-page .card p{color:var(--muted);word-break:keep-all;flex:1;font-size:13px;line-height:1.5}.guides-page .card .cf{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:2px;padding-top:10px;font-size:12px;font-weight:600;display:flex}.guides-page .card .cf .rt{align-items:center;gap:5px;display:flex}.guides-page .card .cf svg{width:13px;height:13px}.guides-page .card .cf .arr{color:var(--accent-strong);opacity:0;transition:all .14s;transform:translate(-3px)}.guides-page .card-soon{cursor:default;opacity:.72}.guides-page .card-soon:hover{border-color:var(--line-2);box-shadow:var(--shadow-s);transform:none}.guides-page .card-soon .cf .arr{color:var(--muted);opacity:1;transform:none}.guides-page .card:hover .cf .arr{opacity:1;transform:none}.guides-page .no-res{text-align:center;color:var(--muted);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);margin-top:22px;padding:40px 16px;font-size:14.5px}