/* ── Weekly briefing (Profile tab + /briefing.html) ───────────── */
.ctx-pane-ic {
  display: inline-block;
  margin-right: 6px;
  font-size: 15px;
  line-height: 1;
  color: var(--accent-cyan);
  letter-spacing: 0;
  text-transform: none;
  vertical-align: -1px;
}
.ctx-weekly-brief { margin-bottom: 16px; }
.ctx-weekly-body { margin-top: 12px; }
.ctx-wb-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.ctx-wb-chip {
  font-size: 11px; padding: 4px 10px; border-radius: 20px;
  border: 1px solid var(--border-2); background: var(--bg-3); color: var(--ink-2);
}
.ctx-wb-chip strong { color: var(--ink-0); font-weight: 600; }
.ctx-wb-sec { margin-bottom: 22px; }
.ctx-wb-sec-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.ctx-wb-sec-head h3 {
  margin: 0; font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--ink-3); font-weight: 700; white-space: nowrap;
}
.ctx-wb-ln { flex: 1; height: 1px; background: var(--border-2); }
.ctx-wb-card {
  background: var(--bg-3); border: 1px solid var(--border-2); border-radius: 10px;
  padding: 12px 14px; margin-bottom: 8px;
}
.ctx-wb-card.ctx-wb-high { border-color: rgba(255, 106, 61, .35); }
.ctx-wb-card-head { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 6px; }
.ctx-wb-pri {
  flex: none; font-size: 9px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .08em; padding: 2px 7px; border-radius: 4px; margin-top: 2px;
}
/* Each pill is ink on an 8-12% wash of its own hue, so the wash lifts the
   ground and the ink has to clear AA against THAT, not against white. The
   high pill's wash was still the old neon #ff6a3d at 12%. */
.ctx-wb-pri-high { color: var(--accent); background: rgba(168, 70, 44, .10); }
.ctx-wb-pri-medium { color: var(--doc-amber-ink); background: rgba(154, 106, 18, .08); }
.ctx-wb-pri-low { color: var(--ink-4); background: var(--bg-2); }
.ctx-wb-headline { margin: 0; font-size: 13px; font-weight: 600; color: var(--ink-0); line-height: 1.35; flex: 1; }
.ctx-wb-detail { margin: 0 0 8px; font-size: 12px; color: var(--ink-2); line-height: 1.5; }
.ctx-wb-foot { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 10px; }
.ctx-wb-source { color: var(--ink-4); text-transform: uppercase; letter-spacing: .06em; }
.ctx-wb-due { color: var(--accent-cyan); }
.ctx-wb-action { color: var(--accent-cyan); text-decoration: none; margin-left: auto; }
.ctx-wb-action:hover { text-decoration: underline; }
.ctx-wb-empty { font-style: italic; margin: 4px 0; }
.ctx-wb-sources { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--border-2); }
.ctx-wb-src {
  display: inline-block; font-size: 10px; padding: 2px 7px; margin: 2px 4px 2px 0;
  border-radius: 5px; background: var(--bg-3); border: 1px solid var(--border-2); color: var(--ink-3);
}