.bento-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  grid-template-areas:
    "intro"
    "essential"
    "performance"
    "functional"
    "targeting"
    "rights"
    "contact";
}
@media (min-width: 768px) {
  .bento-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
      "intro intro essential"
      "performance functional targeting"
      "rights rights contact";
  }
}
.bento-intro      { grid-area: intro; }
.bento-essential  { grid-area: essential; }
.bento-performance{ grid-area: performance; }
.bento-functional { grid-area: functional; }
.bento-targeting  { grid-area: targeting; }
.bento-rights     { grid-area: rights; }
.bento-contact    { grid-area: contact; }

.status-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  font-family: monospace;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.cookie-policy-bento-label {
  font-size: 0.7rem;
}
.cookie-policy-bento-meta {
  font-size: 0.65rem;
}