/* Страничные стили notable. Извлечено из макета v2/18-notable.html. */
.pgrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
@media (max-width:900px){ .pgrid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .pgrid{ grid-template-columns:1fr; } }
.pcard{ display:flex; gap:16px; align-items:flex-start; padding:18px; text-decoration:none; color:inherit; }
.pcard .meta{ min-width:0; display:flex; flex-direction:column; gap:4px; }
.pcard b{ font-weight:600; font-size:16.5px; }
.pcard .y{ color:var(--ink-faint); font-size:14px; font-variant-numeric:tabular-nums; }
.pcard p{ font-size:14.5px; color:var(--ink-soft); }
.pcard .avatar{ width:54px; height:54px; font-size:17px; }
.notable-search{ max-width:520px; }
/* Панели переключателя вида. Без JS видна та, что помечена is-shown на сервере. */
[data-panel="notable-view"]{ display:none; }
[data-panel="notable-view"].is-shown{ display:grid; }
[data-panel="notable-view"].list.is-shown{ display:block; }
.toolbar{ display:flex; gap:14px; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; }
/* min-width:0 — панель сортировки лежит во флексе .toolbar и без этого не
   сжимается уже своих выпадашек: подпись «по распространённости фамилии»
   неразрывна и на узком экране выносила страницу за край вьюпорта. */
.sort-form{ display:flex; gap:16px; flex-wrap:wrap; align-items:flex-end; min-width:0; }
.rank-list .name a{ color:inherit; text-decoration:none; }
.rank-list .name a:hover{ color:var(--accent); }