/* The Foundry — site.css */
:root { --accent: var(--butter); --accent-2: var(--peach); }
.foundry-note { margin-top: 24px; max-width: 40em; }

.compare { display: grid; gap: 20px; }
.compare__col {
  padding: 24px;
  border: 1.5px solid rgba(245, 235, 221, 0.5);
}
.compare__col--foundry { border-color: var(--butter); box-shadow: inset 0 4px 0 var(--butter); }
.compare__name {
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.compare__q {
  margin-top: 10px;
  font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);
  font-weight: 720;
  line-height: 1.1;
  letter-spacing: -0.025em;
}
.compare dl { display: grid; gap: 14px; margin: 24px 0 0; }
.compare dl div { padding-top: 12px; border-top: 1px solid var(--rule); }
.compare dt {
  font-size: 0.6875rem;
  font-weight: 650;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.compare dd { margin: 4px 0 0; }
@media (min-width: 760px) { .compare { grid-template-columns: 1fr 1fr; gap: 28px; } }