/* Agent context note: Connected-channel and newsletter sections; verified on the local homepage and updated when those integrations change. */
.connected {
  background: var(--ivory-soft);
}

.connected__grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, 1fr);
}

.connected__grid > a {
  align-items: center;
  background: rgba(255, 255, 255, 0.52);
  border: 1px solid var(--line);
  display: grid;
  font-size: 0.9rem;
  gap: 16px;
  grid-template-columns: 27px 1fr auto;
  padding: 18px 22px;
  transition: background-color 180ms ease;
}

.connected__grid > a:hover {
  background: var(--paper);
}

.connected__symbol {
  color: var(--gold);
  font-size: 1.35rem;
}

.connected__symbol--youtube {
  color: #b84637;
}

.connected__grid strong {
  color: var(--gold);
  font-weight: 400;
}

.invitation {
  background: #ded6c8;
  padding: 95px 0;
  text-align: center;
}

.invitation h2 {
  margin-bottom: 16px;
}

.newsletter {
  display: flex;
  gap: 10px;
  margin: 33px auto 0;
  max-width: 610px;
}

.newsletter input {
  background: var(--paper);
  border: 1px solid rgba(65, 57, 45, 0.25);
  border-radius: 999px;
  flex: 1;
  min-width: 0;
  padding: 0 23px;
}