/* Startup Network — startup of the week. */
.snk .snk-sotw { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); border: 1px solid var(--snk-border); border-radius: 24px; overflow: hidden; background: #FFFFFF; }
.snk .snk-sotw__media { position: relative; min-height: 320px; background: var(--snk-accent); overflow: hidden; }
.snk .snk-sotw__media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.snk .snk-sotw__media .snk-gridbg { position: absolute; inset: 0; }
.snk .snk-sotw__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.28) 100%); pointer-events: none; }
.snk .snk-sotw__ribbon { position: absolute; z-index: 1; top: 20px; left: 20px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: #FFFFFF; color: var(--snk-ink); font-size: 13px; font-weight: 600; box-shadow: 0 6px 20px -8px rgba(0,0,0,.35); }
.snk .snk-sotw__ribbon .snk-icon { color: var(--snk-accent); }
.snk .snk-sotw__body { padding: clamp(24px, 4vw, 48px); display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.snk .snk-sotw__id { display: flex; align-items: center; gap: 16px; }
.snk .snk-sotw__name a:hover { color: var(--snk-accent); }
.snk .snk-sotw__tagline { font-size: 17px; color: var(--snk-body); }
.snk .snk-sotw__blurb { margin: 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--snk-mint); font-size: 16px; color: var(--snk-text); font-style: italic; }
.snk .snk-sotw__acts { margin-top: 4px; }
.snk .snk-sotw-badge { gap: 5px; }
a.snk-sotw-badge:hover { color: #FFFFFF; opacity: .9; }

/* Voting */
.snk .snk-sotw-nom { display: flex; flex-direction: column; gap: 12px; padding: 20px; border-radius: 16px; border: 1px solid var(--snk-border); background: #FFFFFF; }
.snk .snk-sotw-nom.is-mine { border-color: var(--snk-accent); box-shadow: 0 0 0 1px var(--snk-accent); }
.snk .snk-sotw-nom__head { display: flex; align-items: center; gap: 12px; }
.snk .snk-sotw-nom__text { color: var(--snk-body); flex: 1 1 auto; }
.snk .snk-sotw-nom__bar { height: 6px; border-radius: 999px; background: var(--snk-chip); overflow: hidden; }
.snk .snk-sotw-nom__bar > span { display: block; height: 100%; border-radius: inherit; background: var(--snk-accent); }
.snk .snk-sotw-nom__mine { color: var(--snk-accent); border-color: var(--snk-tint-line); background: var(--snk-tint); cursor: default; }

/* Archive */
.snk .snk-sotw-past { display: flex; flex-direction: column; gap: 12px; padding: 20px; border-radius: 16px; border: 1px solid var(--snk-border); background: #FFFFFF; transition: border-color .2s, box-shadow .2s; }
.snk .snk-sotw-past:hover { border-color: var(--snk-border-2); box-shadow: 0 10px 30px -18px rgba(11,13,12,.35); color: inherit; }
.snk .snk-sotw-past__id { display: flex; align-items: center; gap: 12px; }
.snk .snk-sotw-past__blurb { color: var(--snk-body); }
@media (max-width: 860px) {
	.snk .snk-sotw { grid-template-columns: 1fr; }
	.snk .snk-sotw__media { min-height: 200px; }
}