/* r91 builder D: Today's two agent cards, Vera's draft letter, Intelligence. Kit tokens only (next-v96-kit.css). */

/* Today: Before the day | Coming up, side by side; stacked on a phone */
.r91-agents-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin: 0 0 16px; }
.r91-agents-row > .card { margin: 0; }
.r91-dates { list-style: none; margin: 0; padding: 0; }
.r91-dates li + li { border-top: 1px solid var(--k-line); }
.r91-dates a { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 9px 0; color: inherit; text-decoration: none; }
.r91-dates a:hover b { color: var(--accent); }
.r91-dates time { font-family: var(--font-id); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
.r91-dates b { display: block; font-weight: 500; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); }
.r91-dates small { display: block; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }

/* Vera: the draft as a letter inside the lit card */
.r91-vera-lead { display: grid; gap: 16px; margin: 0 0 16px; }
.r91-mail { border: 1px solid var(--k-line); border-radius: var(--r-ctl); background: var(--gray-0); margin: 12px 0 0; overflow: hidden; }
.r91-mail dl { display: grid; grid-template-columns: 72px minmax(0, 1fr); margin: 0; padding: 10px 14px; gap: 4px 12px; border-bottom: 1px solid var(--k-line); }
.r91-mail dt { font-size: var(--t-label-size); line-height: var(--t-label-lh); color: var(--k-mute); }
.r91-mail dd { margin: 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); min-width: 0; overflow-wrap: anywhere; }
.r91-mail-b { padding: 12px 14px; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-700); max-height: 260px; overflow: auto; }
.r91-quote { display: flex; gap: 10px; align-items: baseline; padding: 9px 14px; border-top: 1px solid var(--k-line); background: var(--critical-bg); color: var(--critical-fg); font-family: var(--font-mono); font-size: var(--t-small-size); line-height: var(--t-small-lh); }

/* Intelligence */
.r91-why { display: block; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); white-space: normal; }
.r91-intel select { margin-left: 8px; }

@media (max-width: 699px) {
  .r91-agents-row { grid-template-columns: minmax(0, 1fr); }
  .r91-mail dl { grid-template-columns: minmax(0, 1fr); }
}

/* Intelligence: Document integrity (17) beside Outside sources (7) */
.r91-catalogue { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.r91-catalogue > .card { margin: 0; }
@media (max-width: 1099px) { .r91-catalogue { grid-template-columns: minmax(0, 1fr); } }

/* r91 D: Vera's briefing, dial, one reminder and ledger (next-r91-agents.js) */
.r91-vera-more { display: grid; gap: 16px; margin-bottom: 16px; }
.r91-dial { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 4px 0 10px; }
.r91-dial-o { display: grid; gap: 4px; text-align: left; padding: 12px 14px; border: 1px solid var(--k-line); border-radius: 10px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.r91-dial-o small { color: var(--k-mute); line-height: 1.4; }
.r91-dial-o.is-on { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); background: var(--k-sel); }
.r91-dial-o[disabled] { cursor: default; }
.r91-dial-o[disabled]:not(.is-on) { opacity: .72; }
.r91-dial-n { margin: 0; }
.r91-rems { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.r91-rem { border: 1px solid var(--k-line); border-radius: 10px; padding: 12px 14px; }
.r91-rem-h { display: grid; gap: 2px; margin-bottom: 8px; }
.r91-rem-h small { color: var(--k-mute); }
.r91-ledger-w { overflow-x: auto; }
.r91-ledger { width: 100%; border-collapse: collapse; font-size: 13px; }
.r91-ledger th { text-align: left; font-weight: 600; color: var(--k-mute); padding: 6px 8px; border-bottom: 1px solid var(--k-line); }
.r91-ledger td { vertical-align: top; padding: 8px; border-bottom: 1px solid var(--k-hair); }
.r91-ledger-t { white-space: pre-wrap; font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; margin: 6px 0 0; max-width: 520px; }
@media (max-width: 699px) { .r91-dial { grid-template-columns: 1fr; } }

/* r91 D: Cato's standing scope, his observations numbered, and the items not held counted by area */
.r91-cato-more { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 16px; margin-bottom: 16px; align-items: start; }
.r91-cato-more > .card { margin: 0; }
.r91-scope { margin: 0; padding-left: 20px; display: grid; gap: 6px; }
.r91-areas { display: grid; gap: 8px; }
.r91-area { display: flex; gap: 12px; align-items: baseline; padding: 8px 0; border-bottom: 1px solid var(--k-hair); }
.r91-area:last-child { border-bottom: 0; }
.r91-area b { font-variant-numeric: tabular-nums; min-width: 2ch; text-align: right; }
.r91-cato .flist.one { counter-reset: r91obs; }
.r91-cato .flist.one > .fitem .fh b::before { counter-increment: r91obs; content: counter(r91obs) ". "; }
@media (max-width: 1099px) { .r91-cato-more { grid-template-columns: minmax(0, 1fr); } }

/* r92 J: Vera's requests (VERA-4) and Cato's numbered observations (CATO-3): a list beside one record's story */
.r92j-reqgrid, .r92j-obgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 16px; align-items: start; }
.r92j-rqs, .r92j-obl { display: grid; gap: 0; min-width: 0; }
.r92j-rq, .r92j-ob { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: center; width: 100%; text-align: left; padding: 9px 8px; border: 0; border-bottom: 1px solid var(--k-line); background: transparent; color: inherit; font: inherit; cursor: pointer; border-radius: 0; }
.r92j-rq:hover, .r92j-ob:hover { background: var(--k-hover); }
.r92j-rq.is-on, .r92j-ob.is-on { background: var(--k-sel); box-shadow: inset 2px 0 0 var(--accent); }
.r92j-rq-t, .r92j-ob-t { display: grid; gap: 1px; min-width: 0; }
.r92j-rq-t b, .r92j-ob-t b { font-weight: 500; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r92j-rq-t small, .r92j-ob-t small { font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--k-mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r92j-rq-s, .r92j-ob-s { display: flex; gap: 8px; align-items: center; justify-content: flex-end; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--k-mute); white-space: nowrap; }
.r92j-story > .vk-lit, .r92j-obf > .vk-lit { margin: 0; }
.r92j-draft { margin-top: 10px; }
.r92j-draft summary { cursor: pointer; font-size: var(--t-small-size); color: var(--accent); }
.r92j-days { display: inline-flex; gap: 8px; align-items: center; font-size: var(--t-small-size); color: var(--k-mute); }
.r92j-q { margin: 10px 0 0; padding: 2px 0 2px 12px; border-left: 3px solid var(--k-line); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-700); }
.r92j-rule { display: flex; gap: 10px; align-items: center; margin: 12px 0 0; padding: 10px 0 0; border-top: 1px solid var(--k-line); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); flex-wrap: wrap; }
.r92j-rule.is-none { color: var(--k-mute); font-size: var(--t-small-size); }
.r92j-note { margin: 8px 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--k-mute); }
.r92j-hcap { margin: 14px 0 4px; }
.r92j-hist { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.r92j-hist li { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding: 7px 8px; border-bottom: 1px solid var(--k-line); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
.r92j-hist li small { color: var(--k-mute); }
.r91-cato-more > .r92j-obs { grid-column: 1 / -1; }
@media (max-width: 1099px) { .r92j-reqgrid, .r92j-obgrid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 699px) {
  .r92j-rq, .r92j-ob { grid-template-columns: 28px minmax(0, 1fr); }
  .r92j-rq-s, .r92j-ob-s { grid-column: 2; justify-content: flex-start; white-space: normal; }
  .r92j-rq-t b, .r92j-ob-t b { white-space: normal; }
  .r92j-hist li { grid-template-columns: 48px minmax(0, 1fr); }
  .r92j-hist li small { grid-column: 2; }
}
.r92j-obswrap { margin: 0 0 16px; }
.r92j-obswrap > .card { margin: 0; }
.r92j-ro { display: block; margin-top: 6px; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--k-mute); }