/* Site settings */
.st-top { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }
.st-top:empty { display: none; }
.st-last { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 13px; color: var(--ink-2); }
.st-last svg { width: 16px; height: 16px; color: var(--mute); flex: none; }
.st-last > span { flex: 1; min-width: 200px; }
.st-last b { color: var(--ink); font-weight: 600; }
.banner .btn { flex: none; }
.banner .small.mute { margin-top: 2px; }

.st-form { display: flex; flex-direction: column; gap: 16px; max-width: 820px; }
.st-bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.st-intro { margin-bottom: 14px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.st-addrow { display: flex; align-items: center; gap: 12px; margin-top: 16px; flex-wrap: wrap; }
.st-pend { font-size: 10.5px; padding: 2px 8px; flex: none; }

.st-founders, .st-secs { display: flex; flex-direction: column; gap: 12px; max-width: 820px; }
.st-founder { display: flex; flex-direction: column; gap: 14px; }
.st-f-head { display: flex; align-items: center; gap: 10px; }
.st-f-head b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-f-head .icon-btn:disabled { opacity: .3; pointer-events: none; }
.st-sec { display: flex; flex-direction: column; gap: 12px; }
.st-sec-top { display: flex; gap: 8px; align-items: flex-end; }
.st-slug code { font: 500 12px/1 var(--mono); background: var(--panel-3); padding: 2px 6px; border-radius: 5px; }
.st-slug .st-pend { margin-left: 6px; }

.st-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
.st-acard { padding: 16px; display: flex; flex-direction: column; gap: 10px; cursor: pointer; transition: border-color .15s, box-shadow .2s, transform .2s var(--ease); }
.st-acard:hover, .st-acard:focus-visible { border-color: var(--acc-line); box-shadow: var(--shadow-2); outline: none; transform: translateY(-1px); }
.st-a-top { display: flex; gap: 12px; align-items: flex-start; }
.st-a-top b { font-weight: 600; }
.st-a-er { display: flex; align-items: center; gap: 6px; color: var(--ink-2); }
.st-a-er svg { width: 13px; height: 13px; color: var(--mute); }
.st-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.st-a-foot { margin-top: auto; padding-top: 8px; border-top: 1px solid var(--line); }

.st-savebar {
  position: sticky; bottom: 16px; z-index: 40; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 24px auto 0; max-width: 640px; padding: 10px 12px 10px 16px;
  background: var(--ink); color: var(--bg); border-radius: 99px; box-shadow: var(--shadow-3); animation: st-up .3s var(--ease);
}
@keyframes st-up { from { opacity: 0; transform: translateY(12px); } }
.st-sb-t { flex: 1; min-width: 160px; display: flex; align-items: center; gap: 8px; font-weight: 500; font-size: 13.5px; }
.st-sb-t svg { width: 16px; height: 16px; flex: none; }
.st-savebar .btn.ghost { color: var(--bg); }
.st-savebar .btn.ghost:hover { background: rgba(255, 255, 255, .14); color: var(--bg); }
@media (max-width: 560px) { .st-savebar { border-radius: var(--r-lg); } .st-sb-t { flex-basis: 100%; } }