/* Psychosocial risk landing system */
.meta-card{
  background: rgba(20,184,166,.08);
  border:1px solid rgba(20,184,166,.3);
  border-radius: var(--radius);
  padding: var(--space-5);
}
.meta-grid{
  display:grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.meta-grid .kicker{
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
  margin-bottom: .35rem;
}
.resource-grid{
  display:grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.resource-card{
  border:1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--space-5);
  background: var(--surface);
  box-shadow: var(--shadow);
  display:flex;
  flex-direction:column;
  gap: var(--space-3);
}
.resource-card h3{
  margin:0;
}
.cta-group{
  display:flex;
  flex-wrap:wrap;
  gap: var(--space-3);
  align-items:center;
  margin-top: var(--space-4);
}
.checklist{
  list-style:none;
  padding:0;
  margin: var(--space-4) 0 0;
  display:grid;
  gap:.65rem;
}
.checklist li{
  position:relative;
  padding-left:1.75rem;
}
.checklist li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color: var(--brand);
  font-weight:700;
}
.faq{
  margin-top: var(--space-6);
}
.faq summary{
  font-weight:600;
}
.faq details{
  background: var(--surface);
  border:1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--space-4);
}
.faq details + details{
  margin-top: var(--space-3);
}
.risk-matrix thead th{
  text-align:center;
}
.risk-matrix tbody th{
  background: rgba(20,184,166,.12);
  font-weight:600;
}
.risk-matrix td{
  text-align:center;
  font-size: var(--text-sm);
}
.toolbox{
  border-left:4px solid var(--brand);
  padding: var(--space-4);
  background: rgba(20,184,166,.08);
  border-radius: var(--radius);
}
.evidence-list{
  list-style:none;
  padding:0;
  margin: var(--space-3) 0 0;
  display:grid;
  gap:.5rem;
}
.evidence-list li::before{
  content:"•";
  color: var(--brand);
  margin-right:.5rem;
}
.evidence-list li{
  display:flex;
  align-items:flex-start;
  gap:.5rem;
}
.evidence-list li::before{
  margin-top:.2rem;
}
.faq p{
  margin-top: var(--space-2);
}