.sample-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:28px; max-width:960px; margin:auto; }
.sample-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.sample-meta, .sample-unavailable { color:var(--muted); font-size:13px; line-height:1.7; }
.sample-card details { margin-top:20px; border-top:1px solid var(--line); padding-top:18px; }
.sample-card summary { color:var(--text); cursor:pointer; font-weight:600; padding:8px 0; }
.sample-card h3 { font-size:16px; margin:22px 0 10px; }
.sample-card ul { padding-left:22px; line-height:1.8; font-size:14px; }
.sample-card a:not(.btn) { color:var(--accent); }
.sample-scenario { border:1px solid var(--line); border-radius:var(--radius-sm); padding:18px; margin-top:22px; font-size:14px; line-height:1.7; }
.funnel-consent { background:var(--surface); color:var(--text); border:1px solid var(--line); border-radius:12px; max-width:960px; margin:32px auto; padding:20px; font:13px/1.6 sans-serif; }
.funnel-consent label { display:flex; align-items:center; gap:10px; cursor:pointer; }
.funnel-consent input { accent-color:var(--accent); }
@media(max-width:640px) { .sample-card { padding:20px; } .sample-heading { flex-direction:column; align-items:flex-start; } .funnel-consent { margin:20px; } }