.fn{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar body""action action";align-items:start;gap:18px 14px;display:grid}.fn-avatar{object-fit:cover;-webkit-user-select:none;user-select:none;background:linear-gradient(140deg,#6f71f0 0%,#9b8cf0 48%,#f3a06f 100%);border-radius:50%;grid-area:avatar;width:40px;height:40px;display:block}.fn-body{flex-direction:column;grid-area:body;gap:4px;min-width:0;display:flex}.fn-from{color:var(--ov-ink-3);margin:0;font-size:13px;line-height:1.4}.fn-from b{color:var(--ov-ink);font-weight:500}.fn-title{color:var(--ov-ink);font-family:var(--ov-f-display);letter-spacing:-.02em;text-wrap:balance;margin:2px 0 0;font-size:17px;font-weight:500;line-height:1.3}.fn-text{max-width:60ch;color:var(--ov-ink-2);text-wrap:pretty;margin:0;font-size:14px;line-height:1.5}.fn-action{grid-area:action;display:flex}.fn-cta{width:100%}.fn-mark{color:#2aabee;flex:none;width:20px;height:20px}@media (min-width:640px){.fn{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar body action";column-gap:16px}.fn-action{align-self:center}.fn-cta{width:auto}}.fn[data-surface=cabinet]{margin-top:48px}.fn[data-surface=cabinet]+.cabinet-foot{margin-top:32px}.fn[data-surface=site]{max-width:50rem;margin-bottom:clamp(36px,4.4vw,56px)}.fn[data-surface=site] .fn-avatar{width:44px;height:44px}.fn[data-surface=site] .fn-title{letter-spacing:-.03em;font-size:clamp(19px,1.05rem + .45vw,23px);font-weight:400;line-height:1.2}.fn[data-surface=site] .fn-text{font-size:15.5px}@media (min-width:640px){.fn[data-surface=site]{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar body"".action";column-gap:18px}.fn[data-surface=site] .fn-action{align-self:start}}