/* Страничные стили trees. Извлечено из макета v2/20-trees.html. */
.trees{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
@media (max-width:900px){ .trees{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .trees{ grid-template-columns:1fr; } }
.tree{ padding:20px; text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:10px; }
.tree b{ font-family:var(--f-head); font-weight:600; font-size:17px; letter-spacing:-.01em; }
.tree .meta{ display:flex; gap:14px; font-size:14px; color:var(--ink-faint); font-variant-numeric:tabular-nums; flex-wrap:wrap; }
.tree p{ font-size:14.5px; color:var(--ink-soft); }
.trees-search{ max-width:520px; }