/* One challenge on its own page (challenges/<id>/). Builds on sticker-base.css and c1-plus.css. */
body { padding-bottom: 0; }
.back { display: inline-block; margin-top: var(--s4); font-family: var(--mono); font-size: 13px; text-decoration: underline; }
.chead { padding: var(--s4) 0 var(--s3); }
.chead h1 { font-weight: 800; font-size: clamp(38px, 7vw, 72px); line-height: .95; letter-spacing: -.035em; margin: var(--s2) 0 var(--s3); }
.chead .sum { color: var(--muted); font-size: 18px; max-width: 52ch; }
.facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--s4); }
.facts > span { font-family: var(--mono); font-size: 13px; background: var(--card); border: 2px solid var(--line); border-radius: 99px; padding: 3px 12px; box-shadow: 2px 2px 0 var(--line); }
.facts b { font-family: var(--display); font-weight: 800; }
.facts .live { display: inline-flex; align-items: center; gap: 6px; color: var(--go-ink); }
.facts .live i { width: 9px; height: 9px; border-radius: 50%; background: var(--go); }
#body > .goals { margin-top: var(--s5); }
.todaynote-card { margin-top: var(--s3); background: var(--li); }
.soon { margin-top: var(--s4); background: var(--lx); }
.soon .big { font-weight: 800; font-size: clamp(44px, 8vw, 72px); letter-spacing: -.03em; line-height: 1; }
.soon p { margin-top: var(--s2); max-width: 56ch; }
.share { padding-top: var(--s5); }
footer { padding: var(--s5) 0; }
@media (max-width: 760px) { .chead .sum { font-size: 16px; } }
.weeks[hidden] { display: none; }