/* ---------- COOKIE POLICY PAGE ---------- */
.cookie-policy .intro{
  background:var(--c-neutral-100);
  padding:var(--space-16) 0;
  text-align:center;
}
.cookie-policy .intro h1{
  color:var(--c-primary);
  text-shadow:var(--shadow-glow);
  margin-bottom:var(--space-6);
}
.cookie-policy .intro p{
  max-width:60ch;
  margin-inline:auto;
  font-size:var(--fs-lg);
}

.glossary .card-deck{
  display:grid;
  gap:var(--space-6);
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));
}
.glossary .card{
  text-align:center;
}
.glossary .sprite{
  font-size:2rem;
  margin-bottom:var(--space-4);
}

.token-tiers .subtitle{
  margin-bottom:var(--space-8);
}
.tier-matrix{
  display:grid;
  gap:var(--space-4);
  margin-bottom:var(--space-8);
}
.tier{
  background:var(--c-neutral-50);
  border:1px solid var(--c-neutral-200);
  border-radius:var(--radius-lg);
  padding:var(--space-5);
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.tier-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.tier h3{
  margin:0;
  font-size:var(--fs-lg);
}
.toggle input{
  opacity:0;
  width:0;height:0;
}
.slider{
  display:inline-block;
  width:3rem;height:1.5rem;
  background:var(--c-neutral-400);
  border-radius:1rem;
  position:relative;
  cursor:pointer;
  transition:background var(--duration) var(--timing);
}
.slider::after{
  content:"";
  position:absolute;
  width:1.25rem;height:1.25rem;
  background:#fff;
  border-radius:50%;
  top:.125rem;left:.125rem;
  transition:transform var(--duration) var(--timing);
}
.toggle input:checked + .slider{
  background:var(--c-primary);
  box-shadow:var(--shadow-glow);
}
.toggle input:checked + .slider::after{
  transform:translateX(1.5rem);
}
.co2-counter{
  display:flex;align-items:center;justify-content:center;gap:var(--space-3);
  background:var(--c-neutral-100);
  padding:var(--space-4);
  border-radius:var(--radius);
  font-weight:600;
}
.co2-counter .grams{
  color:var(--c-success);
}

.legitimacy .accordion{
  list-style:none;padding:0;
  max-width:65ch;
}
.accordion-btn{
  width:100%;
  text-align:left;
  background:transparent;
  border:none;
  font-size:var(--fs-lg);
  font-weight:600;
  padding:var(--space-4) 0;
  cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;
  color:var(--c-primary);
}
.accordion-btn::after{
  content:"❯";
  transition:transform var(--duration) var(--timing);
}
.accordion-btn[aria-expanded="true"]::after{
  transform:rotate(90deg);
}
.accordion-panel{
  max-height:0;
  overflow:hidden;
  transition:max-height var(--duration) var(--timing);
  padding-left:var(--space-2);
}
.accordion-panel p{
  margin-bottom:var(--space-4);
}

.lifespan .chart{
  display:flex;gap:var(--space-4);align-items:flex-end;justify-content:center;
  margin:var(--space-8) 0 var(--space-4);
}
.bar-group{
  flex:1;
  text-align:center;
}
.bar{
  height:var(--space-20);
  background:var(--c-primary);
  border-radius:var(--radius) var(--radius) 0 0;
  position:relative;
  cursor:pointer;
  transition:opacity var(--duration) var(--timing);
}
.bar:hover::before{
  content:attr(data-label);
  position:absolute;bottom:calc(100% + var(--space-2));left:50%;
  transform:translateX(-50%);
  background:var(--c-neutral-900);color:var(--c-bg);
  padding:var(--space-2) var(--space-3);
  border-radius:var(--radius);
  font-size:var(--fs-sm);
  white-space:nowrap;
}
.caption{
  margin-top:var(--space-2);
  font-size:var(--fs-sm);
  color:var(--c-neutral-600);
}

.third-parties .npc-table{
  width:100%;
  border-collapse:collapse;
  font-size:var(--fs-sm);
}
.npc-table th,.npc-table td{
  padding:var(--space-3) var(--space-4);
  text-align:left;
  border-bottom:1px solid var(--c-neutral-200);
}
.npc-table th{
  font-weight:600;
  color:var(--c-primary);
}
.cabinet-icon{font-size:1.25rem;}

.browser-controls .steps{
  list-style:none;padding:0;
  display:grid;gap:var(--space-8);
}
.steps li{
  display:grid;gap:var(--space-4);
}
.screenshot{
  display:block;
  width:100%;height:10rem;
  background:var(--c-neutral-100);
  border:1px solid var(--c-neutral-300);
  border-radius:var(--radius);
  filter:grayscale(1) contrast(.9);
}

.audit code{
  display:inline-block;
  background:var(--c-neutral-100);
  padding:var(--space-1) var(--space-2);
  border-radius:var(--radius);
  font-family:var(--ff-mono);
  font-size:var(--fs-xs);
  word-break:break-all;
}

.contact-dev form{
  display:grid;gap:var(--space-4);
}
.contact-dev label{
  font-weight:500;
}
.contact-dev .btn{
  justify-self:start;
}

.continue-screen{
  position:sticky;bottom:0;
  background:var(--c-neutral-50);
  border-top:1px solid var(--c-neutral-200);
  padding:var(--space-4) 0;
  z-index:10;
}
.continue-screen .container{
  display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;
}

@media(max-width:640px){
  .continue-screen .btn{font-size:var(--fs-sm);padding:var(--space-2) var(--space-4);}
}