.projects {
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:20px;
  font-family: "Matter SemiMono", monospace;
}

.projects a.project {
  text-decoration:none;
  border:1px solid var(--gridline);
  border-radius:8px;
  color:var(--soft-black);
  transition:transform 0.9s;
}

.projects a.project:hover {
  transform:scale(1.01);
  transition:transform 0.1s;
}

.projects a.project .name {
  padding:14px;
  border-bottom:1px solid var(--gridline);
  font-family:"Ivar", serif;
  font-size:19px;
}

.projects a.project .insights_count {
  padding:18px 14px;
  font-size:14px;
  color:var(--soft-grey);
}

@media (min-width:1000px) {
  .projects {
    flex-direction:row;
    gap:10px;
    flex-wrap:wrap;
    justify-content: flex-start;
  }
  .projects a.project {
    flex: 0 0 calc(50% - 5px);
    box-sizing: border-box;
  }
}

.account_settings_wrapper {
  padding:20px;
}

.account_settings {
  padding:20px;
  background-color:var(--gentle-grey);
  border:1px solid var(--gridline);
  border-radius:9px;
  font-family:"Matter SemiMono", monospace;
  margin-bottom:20px;
}

.account_settings:last-child {
  margin-bottom:0;
}

.account_settings h3 {
  font-size:29px;
}

.account_settings h4 {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-weight:700;
  font-size:20px;
  margin-bottom:4px;
}

.account_settings p {
  margin-bottom:12px;
  font-size:15px;
}

.billing_options {
  margin-bottom:0;
}

.subscription_details p.plan_name {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-weight:700;
  font-size:17px;
  margin-bottom:4px;
}

.trial_ended_banner {
  text-align:center;
  padding:17px 0;
  border:1px solid #d0d4d4;
  border-radius:8px;
  font-size:14px;
  box-shadow: var(--box-shadow-combined);
  font-family: "Matter SemiMono", -apple-system, system-ui;
  color:#fff;
  background-color:var(--forest);
}

.plan_message {
  margin-bottom:15px;
}