/* Scoped additions; the shared pass styles provide the cards, hero and tabs. */
.activity-sample-card{min-width:0;display:flex}
.activity-sample-card>.pass-event-card{width:100%}
.activity-sample-detail .activity-sample-meta{margin:14px 0 0;color:#8fa4ae;font-size:12px}
.activity-sample-detail .progression-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.activity-sample-detail .activity-sample-rewards>section{display:flex;gap:16px;align-items:center}
.activity-sample-reward-mark{display:flex;align-items:center;justify-content:center;flex:none;width:54px;height:54px;background:#1a303a;border:1px solid #455a64;border-radius:4px;color:#e0c17b;font-size:14px}
.activity-sample-flow,.activity-sample-author{margin-top:24px;padding-top:20px;border-top:1px solid #304853}
.activity-sample-flow li{color:#b0bec5;line-height:1.9;margin-bottom:8px}
.activity-sample-author p{color:#9db7c6;line-height:1.8}
@media(max-width:680px){.activity-sample-detail .progression-task-grid{grid-template-columns:1fr}.activity-sample-detail .activity-sample-meta{font-size:11px}.activity-sample-detail .activity-sample-rewards>section{gap:12px}}
body.mobile-preview-mode .activity-sample-detail .progression-task-grid{grid-template-columns:1fr}
body.mobile-preview-mode .activity-sample-detail .activity-sample-meta{font-size:11px}
body.mobile-preview-mode .activity-sample-detail .activity-sample-rewards>section{gap:12px}