.entry-revision { border-radius:8px; padding:20px; color:#0f172a; }
.entry-revision-kicker { color:#475569; font-size:.78rem; font-weight:900; letter-spacing:0; text-transform:uppercase; }
.entry-revision-loading p { margin-top:5px; color:#64748b; font-size:.88rem; }
.entry-revision-progress { height:5px; margin-top:14px; overflow:hidden; border-radius:999px; background:#e2e8f0; }
.entry-revision-progress span { display:block; width:35%; height:100%; border-radius:999px; background:#0f766e; animation:revisionProgress 1s ease-in-out infinite; }
.entry-revision-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.entry-revision-title { font-size:1.08rem; font-weight:800; color:#0f172a; }
.entry-revision-method { margin-top:4px; color:#64748b; font-size:.82rem; line-height:1.5; max-width:720px; }
.entry-revision-id { display:inline-flex; align-items:center; padding:5px 8px; border:1px solid #99f6e4; border-radius:6px; background:#f0fdfa; color:#115e59; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.75rem; font-weight:800; overflow-wrap:anywhere; }
.entry-revision-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:16px 0; border:1px solid #e2e8f0; background:#e2e8f0; }
.entry-revision-stat { min-width:0; background:#fff; padding:11px 12px; }
.entry-revision-stat span { display:block; color:#64748b; font-size:.7rem; font-weight:800; text-transform:uppercase; }
.entry-revision-stat strong { display:block; margin-top:4px; color:#1e293b; font-size:.94rem; overflow-wrap:anywhere; }
.entry-revision-baseline { border-left:3px solid #94a3b8; background:#f8fafc; padding:9px 11px; color:#475569; font-size:.8rem; line-height:1.5; }
.entry-revision-details { margin-top:14px; border-top:1px solid #e2e8f0; }
.entry-revision-details summary { cursor:pointer; padding:13px 0; color:#334155; font-size:.88rem; font-weight:800; }
.entry-revision-events { border-top:1px solid #eef2f7; }
.entry-revision-event { display:grid; grid-template-columns:minmax(100px,135px) minmax(0,1fr); gap:14px; padding:12px 0; border-bottom:1px solid #eef2f7; }
.entry-revision-event time { color:#64748b; font-size:.78rem; font-weight:700; }
.entry-revision-event h5 { color:#0f172a; font-size:.9rem; font-weight:800; }
.entry-revision-event p { margin-top:3px; color:#475569; font-size:.82rem; line-height:1.5; }
.entry-revision-change { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; }
.entry-revision-change div { border-left:3px solid #cbd5e1; background:#f8fafc; padding:8px 9px; color:#334155; font-size:.8rem; line-height:1.45; overflow-wrap:anywhere; }
.entry-revision-change div:last-child { border-left-color:#0f766e; background:#f0fdfa; }
.entry-citation { margin-top:17px; padding-top:15px; border-top:1px solid #e2e8f0; }
.entry-citation-head { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.entry-citation-title { font-size:.94rem; font-weight:800; color:#0f172a; }
.entry-citation-tabs { display:inline-flex; gap:2px; padding:3px; border:1px solid #cbd5e1; border-radius:7px; background:#f1f5f9; }
.entry-citation-tab { border:0; border-radius:5px; background:transparent; padding:6px 9px; color:#64748b; font-size:.75rem; font-weight:800; cursor:pointer; }
.entry-citation-tab.active { background:#fff; color:#0f766e; box-shadow:0 1px 3px rgba(15,23,42,.12); }
.entry-citation-body { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:start; margin-top:11px; }
.entry-citation-text { min-height:70px; border:1px solid #cbd5e1; border-radius:7px; background:#f8fafc; padding:10px 11px; color:#1e293b; font-size:.82rem; line-height:1.55; overflow-wrap:anywhere; }
.entry-citation-copy { width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #cbd5e1; border-radius:7px; background:#fff; color:#334155; cursor:pointer; }
.entry-citation-copy:hover { border-color:#0f766e; color:#0f766e; }
@keyframes revisionProgress { from { transform:translateX(-105%); } to { transform:translateX(300%); } }
@media (max-width:640px) {
  .entry-revision { padding:16px; }
  .entry-revision-stats { grid-template-columns:1fr; }
  .entry-revision-event { grid-template-columns:1fr; gap:4px; }
  .entry-revision-change { grid-template-columns:1fr; }
  .entry-citation-head { align-items:flex-start; }
  .entry-citation-tabs { max-width:100%; flex-wrap:wrap; }
}
