.cookie-page{}

.cookie-hero .hero-card{
  max-width:800px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.cookie-hero p{max-width:65ch;}

.cookie-explain .explain-container{
  max-width:900px;
}
.cookie-explain .explain-stack{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.cookie-explain p{max-width:75ch;}

.cookie-types .types-container{
  max-width:1000px;
}
.cookie-types .types-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
}
.cookie-types .type-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.cookie-types p{max-width:60ch;}
.cookie-types .type-card:hover{
  box-shadow:0 0 20px var(--color-accent-violet);
}

.cookie-control .control-container{
  max-width:800px;
}
.cookie-control .control-stack{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.cookie-control p{max-width:70ch;}

.cookie-third .third-container{
  max-width:800px;
}
.cookie-third .card{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.cookie-third p{max-width:68ch;}

.cookie-cta .cta-container{
  display:flex;
  justify-content:center;
}
.cookie-cta .cta-card{
  max-width:600px;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.cookie-updates .updates-container{
  max-width:800px;
}
.cookie-updates .card{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.cookie-updates p{max-width:65ch;}

@media (max-width:900px){
  .cookie-types .types-grid{
    grid-template-columns:1fr;
  }
}