/* Content Brief (v0.68.0). Theme tokens only. */
.cb-form { display: grid; gap: 12px; }
.cb-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.cb-grid .cb-wide { grid-column: span 2; }
.cb-grid textarea { width: 100%; min-height: 84px; resize: vertical; font: inherit; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink); }
.cb-more > summary { cursor: pointer; font-weight: 600; color: var(--accent); min-height: 36px; display: inline-flex; align-items: center; }
.cb-more[open] > summary { margin-bottom: 10px; }
.cb-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.cb-actions p { margin: 0; flex: 1 1 280px; }
#out { display: grid; gap: 16px; }
.cb-card { display: grid; gap: 12px; }
.cb-card .h3 { margin: 0; }
.cb-card .h4 { margin: 4px 0 6px; }
.cb-card p { margin: 0; }
.cb-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.cb-fact { display: grid; gap: 3px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); }
.cb-fact > span { font-size: .76rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.cb-list { margin: 0; padding-left: 20px; display: grid; gap: 4px; }
.cb-pages > summary { cursor: pointer; font-weight: 600; color: var(--accent); min-height: 36px; display: inline-flex; align-items: center; }
.cb-pages table { margin-top: 8px; }
.cb-pages td { white-space: normal !important; vertical-align: top; }
.cb-src { font-size: .84rem; }
.cb-warn { color: var(--gap-fg); font-size: .86rem; }
.cb-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.cb-dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; margin: 8px 0 0; }
.cb-dl dt { color: var(--muted); }
.cb-dl dd { margin: 0; font-weight: 600; }
.cb-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.cb-bar .h4 { margin: 0; }
.cb-tree { display: grid; gap: 8px; }
.cb-h { display: grid; grid-template-columns: max-content 1fr; column-gap: 10px; row-gap: 4px; align-items: baseline; }
.cb-h > .cb-h, .cb-h > ul { grid-column: 1 / -1; }
.cb-h2 { padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.cb-h3 { margin-left: 22px; padding-top: 4px; }
.cb-h1 { padding: 12px; border-radius: 12px; background: var(--accent-soft); }
.cb-tag { display: inline-grid; place-items: center; min-width: 34px; height: 24px; padding: 0 6px; border-radius: 6px; font-size: .74rem; font-weight: 800; color: var(--accent); background: var(--surface-2); border: 1px solid var(--line); }
.cb-points { margin: 0 0 0 44px; padding-left: 18px; color: var(--muted); display: grid; gap: 2px; }
.cb-options { margin: 0; padding-left: 22px; display: grid; gap: 4px; }
.cb-options li { padding: 6px 0; border-bottom: 1px solid var(--line); }
.cb-options li > div { display: inline-grid; gap: 2px; width: calc(100% - 90px); vertical-align: top; }
.cb-options li > .btn { float: right; }
.cb-foot { margin-top: 16px; }
.cb-foot p { margin: 0; }
@media (max-width: 860px) {
  .cb-grid, .cb-facts, .cb-two { grid-template-columns: minmax(0, 1fr); }
  .cb-grid .cb-wide { grid-column: auto; }
  .cb-h3 { margin-left: 10px; }
  .cb-points { margin-left: 0; }
  .cb-options li > div { width: 100%; }
  .cb-options li > .btn { float: none; margin-top: 4px; }
}
.cb-suggest { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 10px 12px; border: 1px dashed var(--line); border-radius: 12px; background: var(--surface-2); }
.cb-suggest .muted { flex: 1 1 320px; font-size: .88rem; }
.cb-tiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; }
.cb-tier { display: inline-block; font-size: .74rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--accent); margin-bottom: 4px; }
.cb-kws { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; margin-left: 44px; }
.cb-kw { font-size: .76rem; padding: 2px 8px; border-radius: 99px; background: var(--accent-soft); color: var(--accent); }
.cb-ok { color: var(--cov-fg); font-size: .84rem; }
.cb-scroll { overflow-x: auto; max-width: 100%; }
.cb-matrix td, .cb-matrix th { white-space: normal !important; vertical-align: top; text-align: left; }
.cb-matrix tr.cb-bench td { background: var(--accent-soft); font-weight: 600; }
.cb-act { display: inline-block; padding: 2px 8px; border-radius: 99px; font-size: .78rem; font-weight: 700; border: 1px solid var(--line); }
.cb-act.a-keep { background: var(--cov-bg); color: var(--cov-fg); border-color: var(--cov-bd); }
.cb-act.a-rewrite, .cb-act.a-merge { background: var(--gap-bg); color: var(--gap-fg); border-color: var(--gap-bd); }
.cb-act.a-add { background: var(--gen-bg); color: var(--gen-fg); border-color: var(--gen-bd); }
.cb-act.a-remove { background: var(--can-bg); color: var(--can-fg); border-color: var(--can-bd); }
.cb-draft { width: 100%; min-height: 160px; font: inherit; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink); resize: vertical; }
.cb-draft-out { display: grid; gap: 10px; }
@media (max-width: 860px) { .cb-kws { margin-left: 0; } }