/* PlayDigest components.css */
.btn{
  display:inline-block;
  font-family:var(--font-body);
  font-weight:600;
  font-size:16px;
  padding:.65em 1.3em;
  border-radius:8px;
  border:2px solid var(--accent);
  background:var(--accent);
  color:#20141A;
  cursor:pointer;
  text-decoration:none;
  text-align:center;
}
.btn:hover{background:#d9a933;}
.btn--ghost{
  background:transparent;
  color:var(--text-on-dark);
  border-color:rgba(248,239,241,.5);
}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent);}
.btn--outline-dark{
  background:transparent;
  color:var(--text-on-light);
  border-color:var(--text-on-light);
}
.btn[disabled]{opacity:.4;cursor:not-allowed;}

/* Quiz */
.quiz-card{
  background:#fff;
  border:1px solid var(--border-light);
  border-radius:var(--radius);
  padding:28px 24px;
  max-width:640px;
  margin:0 auto;
}
.quiz-progress{
  font-size:14px;
  font-weight:600;
  color:#5b4650;
  margin-bottom:12px;
}
.quiz-progress__bar{
  height:8px;
  background:#eee0d3;
  border-radius:999px;
  overflow:hidden;
  margin-top:6px;
}
.quiz-progress__fill{
  height:100%;
  background:var(--accent);
  transition:width .25s ease;
}
@media (prefers-reduced-motion: reduce){
  .quiz-progress__fill{transition:none;}
}
.quiz-options{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:20px 0;
  padding:0;
  list-style:none;
}
.quiz-option{
  display:block;
  width:100%;
  text-align:left;
  background:var(--bg-light);
  border:2px solid var(--border-light);
  border-radius:8px;
  padding:14px 16px;
  font-size:16px;
  cursor:pointer;
  color:var(--text-on-light);
}
.quiz-option:hover{border-color:var(--accent);}
.quiz-option[aria-checked="true"]{
  border-color:var(--accent);
  background:#fbeecb;
  font-weight:600;
}
.quiz-nav{display:flex;justify-content:space-between;margin-top:16px;gap:12px;}
.quiz-storage-note{font-size:13px;color:#6b5a61;margin-top:16px;}

.result-card{
  border:2px solid var(--accent);
  border-radius:var(--radius);
  padding:24px;
  background:#fff;
  margin-bottom:20px;
}
.result-card__cat{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  padding:.3em .7em;
  border-radius:999px;
  color:#fff;
  background:var(--cat-other);
  margin-bottom:10px;
}
.result-card__cat--casino{background:var(--cat-casino);}
.alt-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:16px;
}
@media (min-width:600px){
  .alt-cards{grid-template-columns:1fr 1fr;}
}
.alt-card{
  border:1px solid var(--border-light);
  border-radius:var(--radius);
  padding:16px;
  background:#fff;
}
.age-badge{
  display:inline-block;
  background:var(--cat-casino);
  color:#fff;
  font-weight:700;
  font-size:13px;
  padding:.25em .6em;
  border-radius:6px;
  margin-bottom:8px;
}

/* Comparison table */
.table-wrap{overflow-x:auto;}
table.compare{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
  min-width:520px;
}
table.compare caption{text-align:left;font-size:13px;color:#6b5a61;margin-bottom:8px;}
table.compare th,table.compare td{
  border:1px solid var(--border-light);
  padding:10px 12px;
  text-align:left;
  vertical-align:top;
}
table.compare thead th{
  background:var(--surface-dark);
  color:var(--text-on-dark);
  font-family:var(--font-head);
  font-weight:700;
}
table.compare tbody tr:nth-child(even){background:#f7ece1;}

/* Fact row */
.fact-row{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:14px 0;
  border-bottom:1px solid var(--border-light);
}
.fact-row:last-child{border-bottom:none;}
.fact-row__label{
  flex:0 0 160px;
  font-weight:600;
  font-size:14px;
  color:#5b4650;
}
.fact-row__value{flex:1;font-size:15px;}

/* Accordion (FAQ) */
.accordion-item{
  border-bottom:1px solid var(--border-light);
}
.accordion-item summary{
  cursor:pointer;
  padding:14px 4px;
  font-weight:600;
  font-family:var(--font-head);
  font-size:18px;
  list-style:none;
  position:relative;
  padding-right:28px;
}
.accordion-item summary::-webkit-details-marker{display:none;}
.accordion-item summary::after{
  content:"+";
  position:absolute;right:4px;top:12px;
  font-size:20px;color:var(--accent);
}
.accordion-item[open] summary::after{content:"−";}
.accordion-item p{padding-bottom:14px;}

/* Cards */
.card{
  border:1px solid var(--border-light);
  border-radius:var(--radius);
  padding:20px;
  background:#fff;
}
.card-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
@media (min-width:600px){
  .card-grid{grid-template-columns:1fr 1fr;}
}
@media (min-width:900px){
  .card-grid--3{grid-template-columns:1fr 1fr 1fr;}
}

.affiliate-note{
  font-size:13px;
  color:#6b5a61;
  font-style:italic;
}
.tag{
  display:inline-block;
  font-size:12px;
  padding:.2em .55em;
  border-radius:6px;
  background:#eee0d3;
  color:#5b4650;
  margin-right:6px;
}
.verify-flag{
  font-size:12px;
  color:#8A2F45;
  border:1px dashed #8A2F45;
  padding:2px 6px;
  border-radius:4px;
  display:inline-block;
}