/* components.css — cards, comparator, age gate, faq */

.card{
  background:#fff;
  border:1px solid #e2ddcf;
  border-radius:0.4rem;
  padding:1.25rem 1.4rem;
  box-shadow:0 1px 2px rgba(14,42,74,0.08);
}

.state-card h3{margin-top:0;}

.cta-row{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.25rem;}

.btn{
  display:inline-block;
  background:var(--accent);
  color:#1a1408;
  font-weight:600;
  text-decoration:none;
  padding:0.7em 1.3em;
  border-radius:0.3em;
  border:2px solid var(--accent);
}
.btn:hover{background:#b57a22;color:#1a1408;}
.btn--ghost{background:transparent;color:var(--text-on-dark);}
.btn--ghost:hover{background:rgba(237,241,247,0.12);color:var(--text-on-dark);}

/* scales motif */
.scales-line{display:block;width:100%;height:auto;margin:1rem 0 1.5rem;}

/* comparator */
.comparator-controls{
  display:grid;
  gap:1rem;
  grid-template-columns:1fr;
  margin-bottom:1.25rem;
}
@media(min-width:700px){
  .comparator-controls{grid-template-columns:repeat(3,1fr);}
}
.field{display:flex;flex-direction:column;gap:0.35rem;}
.field label{font-weight:600;font-size:0.9rem;}
.field select{
  font:inherit;
  padding:0.55em 0.6em;
  border:2px solid var(--bg-dark);
  border-radius:0.3em;
  background:#fff;
  color:var(--text-on-light);
}

#same-state-warning{
  margin-bottom:1rem;
}

.law-table{
  background:#fff;
  border:1px solid #d9d3c2;
}
.law-table caption{
  text-align:left;
  font-weight:600;
  padding:0.75em 0.2em;
  color:var(--bg-dark);
}
.law-table th,.law-table td{
  border:1px solid #d9d3c2;
  padding:0.65em 0.75em;
  text-align:left;
  vertical-align:top;
  font-size:0.95rem;
}
.law-table thead th{
  background:var(--bg-dark);
  color:var(--text-on-dark);
}
.law-table tbody th{
  background:#f1ede1;
  width:14rem;
}
.law-table tbody tr.is-same td{background:#eef6f2;}

.value-same-tag{
  display:inline-block;
  margin-left:0.4em;
  font-size:0.7rem;
  font-weight:700;
  text-transform:uppercase;
  color:var(--success);
}

/* full static table on comparator page */
.full-table-wrap{overflow-x:auto;}

/* FAQ */
.faq-item{
  border-bottom:1px solid #ddd6c4;
  padding:1rem 0;
}
.faq-item h3{margin:0 0 0.4em;}

/* age gate */
.age-gate{
  position:fixed;
  inset:0;
  background:rgba(14,42,74,0.85);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  z-index:2000;
}
.age-gate__panel{
  background:var(--bg-light);
  color:var(--text-on-light);
  max-width:26rem;
  width:100%;
  border-radius:0.5rem;
  padding:1.75rem;
  box-shadow:0 10px 40px rgba(0,0,0,0.35);
}
.age-gate__panel h2{margin-top:0;}
.age-gate__actions{
  display:flex;
  gap:0.75rem;
  margin-top:1.25rem;
  flex-wrap:wrap;
}
.age-gate__actions button{
  font:inherit;
  font-weight:600;
  padding:0.65em 1.4em;
  border-radius:0.3em;
  cursor:pointer;
}
#age-yes{background:var(--accent);border:2px solid var(--accent);color:#1a1408;}
#age-no{background:transparent;border:2px solid var(--bg-dark);color:var(--bg-dark);}

/* glossary */
dl.glossary dt{font-weight:700;color:var(--bg-dark);margin-top:1.1em;font-family:var(--font-head);}
dl.glossary dd{margin-left:0;margin-bottom:0.3em;}

table.data-table{width:100%;}
table.data-table th,table.data-table td{
  border:1px solid #d9d3c2;
  padding:0.6em 0.7em;
  text-align:left;
}
table.data-table thead th{background:var(--bg-dark);color:var(--text-on-dark);}