.tile{border-radius:12px;padding:14px;border:1px solid var(--line)}

.tile p{margin:10px 0 0;font-size:15px;color:var(--ink)}

.t-oj{background:#f8fafc;border-color:#cbd5e1}

.t-real{background:#f7fefb;border-color:#d1fae5}

.tile.pend{background:#fffdf5;border-color:#fde68a}

.tile.pend p{color:#92400e}

.takeaway{margin:12px 0 0;font-size:14.5px}

.takeaway b{display:inline-block;margin-right:8px;vertical-align:1px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--ink);padding:3px 7px;border-radius:5px}

/* chart */
.ckey{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}

.chart{display:grid;gap:16px}