/* ============================================================
   Card — 保管札・記録カード
   記録は投稿ではなく保管札。時刻・種類アイコン・題・記録者・
   詳細導線で構成。共有済みの封のみ署名色 --brand を許す。
   ============================================================ */

.card {
  border: 1px solid var(--line); border-radius: var(--radius-card);
  background: var(--surface); padding: 16px; color: var(--ink);
  width: 320px; max-width: 100%;
}
.card.row { display: flex; align-items: center; gap: 14px; }

.card .tm { font-family: var(--font-serif); font-size: 15px; min-width: 46px; font-feature-settings: "tnum"; }
.card .ttl { font-size: 14.5px; font-weight: 700; }
.card .ttl .who { font-weight: 400; color: var(--ash); font-size: 12px; margin-left: 8px; }
.card .dsc { font-size: 12.5px; color: var(--ash); }
.card .go { margin-left: auto; color: var(--ash); }

/* 種類アイコンの円（色は分類色を inline で指定） */
.dot { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: none; color: #fff; }
:root[data-theme="night"] .dot { color: #161513; }

/* 封（保存・共有状態） */
.seal { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--ok); color: var(--ok); border-radius: var(--radius-pill); font-size: 11px; padding: 2px 10px; }
.seal.brand { border-color: var(--brand); color: var(--brand); }