/* Страничные стили generator-fio. Извлечено из макета v2/32-generator-fio.html. */
.gen-form{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; align-items:end;
  border:1px solid var(--line); border-radius:var(--r-card); padding:22px 24px; }
@media (max-width:860px){ .gen-form{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .gen-form{ grid-template-columns:1fr; } }
/* Ячейка формы — подпись и поле под ней. */
.gen-form > div{ display:flex; flex-direction:column; gap:6px; }
.gen-form label{ font-size:13.5px; color:var(--ink-faint); }
.gen-out{ border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; }
.gen-out li{ display:flex; align-items:center; gap:16px; padding:14px 22px; border-top:1px solid var(--line); }
.gen-out li:first-child{ border-top:0; }
.gen-out li:nth-child(odd){ background:var(--surface); }
.gen-out .who{ font-family:var(--f-head); font-weight:600; font-size:18px; letter-spacing:-.01em; }
.gen-out .note{ color:var(--ink-faint); font-size:14px; }
.gen-out .act{ margin-left:auto; display:flex; gap:8px; flex-wrap:wrap; }
@media (max-width:609px){ .gen-out li{ flex-wrap:wrap; } .gen-out .act{ margin-left:0; width:100%; } }