/* ---------- documents under a lesson video ---------- */
.lessondocs{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}
.docslabel{margin:0;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.lessondocs .tasklink{display:block;margin-top:9px;font-size:14px}

/* ---------- roadmap task detail ---------- */
.taskmore{display:inline-block;margin-top:7px;background:none;border:0;padding:0;font-size:12.5px;
  color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}
.taskmore:hover{color:var(--green)}
.tasklink + .taskmore{margin-left:14px}
.taskdetail{margin-top:10px;padding:13px 15px;border:1px solid var(--line-2);border-radius:10px;background:var(--green-50)}
.taskdetail dl{margin:0}
.taskdetail dt{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:11px}
.taskdetail dt:first-child{margin-top:0}
.taskdetail dd{margin:3px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink)}

/* ---------- snapshot on-camera prompts ---------- */
.fieldnote{border-left:2px solid var(--gold);padding-left:14px}
.fieldnote .notelabel{margin:0;font-size:14.5px;font-weight:500;color:var(--ink)}
.fieldnote .hint{margin-top:3px}