.snapshot-history {padding: 0.25rem 0 2rem; color: var(--fb-text,inherit);}
.snapshot-compare-form {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;align-items:end;margin:1rem 0;}
.snapshot-compare-form label {display:grid;gap:.35rem;min-width:0;}
.snapshot-compare-form select,.snapshot-compare-form button {width:100%;min-height:44px;padding:.6rem;border-radius:.6rem;color:inherit;background:var(--fb-surface,#222);border:1px solid var(--fb-border,#666);}
.snapshot-table-wrap {width:100%;overflow-x:auto;}
.snapshot-table-wrap table {width:100%;border-collapse:collapse;min-width:520px;font-size:.92rem;}
.snapshot-table-wrap th,.snapshot-table-wrap td {padding:.65rem;border-bottom:1px solid var(--fb-border,#555);text-align:left;}
.snapshot-table-wrap td small {display:block;opacity:.7;}
@media(max-width:600px){.snapshot-compare-form{grid-template-columns:1fr}.snapshot-table-wrap table{min-width:0}.snapshot-table-wrap th,.snapshot-table-wrap td{padding:.4rem;font-size:.8rem;overflow-wrap:anywhere;}}
/* Keep the long comparison readable on narrow screens without horizontal scrolling. */
@media(max-width:600px){
  .snapshot-history .snapshot-table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .snapshot-history .snapshot-table-wrap table,.snapshot-history .snapshot-table-wrap tbody,.snapshot-history .snapshot-table-wrap tr,.snapshot-history .snapshot-table-wrap td{display:block;width:100%;min-width:0}
  .snapshot-history .snapshot-table-wrap tr{border:1px solid var(--fb-border,#666);border-radius:.75rem;padding:.5rem .75rem;margin:.6rem 0;background:var(--fb-surface,transparent)}
  .snapshot-history .snapshot-table-wrap td{border:0;padding:.2rem 0;display:flex;justify-content:space-between;gap:.75rem;text-align:right}
  .snapshot-history .snapshot-table-wrap td:first-child{display:block;text-align:left;border-bottom:1px solid var(--fb-border,#666);padding-bottom:.4rem;margin-bottom:.4rem}
  .snapshot-history .snapshot-table-wrap td[data-label]::before{content:attr(data-label);font-weight:600;text-align:left}
}