/* The snapshot page: builds on buy.css (header, hero, windows, footer). */
.snap-hero { min-height: 380px; }
.snap-hero h1 span { color: var(--acid); }
.snap-window { margin: 50px 0 90px; }
.snap-meta { display: grid; gap: 10px; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.snap-meta div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 12px; }
.snap-meta dt { color: var(--pink); font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.snap-meta dd { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.snap-meta code { color: var(--acid); }
.snap-scroll { overflow-x: auto; }
.snap-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.snap-table th { padding: 12px 24px; text-align: left; color: var(--pink); font-size: 11px; letter-spacing: .12em; border-bottom: 1px solid var(--line); }
.snap-table td { padding: 11px 24px; color: var(--paper); border-bottom: 1px solid var(--line); white-space: nowrap; }
.snap-table td:first-child, .snap-table th:first-child { color: var(--muted); width: 1%; }
.snap-table td:nth-child(n+3), .snap-table th:nth-child(n+3) { text-align: right; }
.snap-table a { color: var(--acid); text-decoration: none; }
.snap-table a:hover { color: var(--paper); }
.snap-foot { padding: 20px 24px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.snap-foot a { color: var(--acid); }
.snap-foot a[download] { display: inline-block; margin-right: 12px; padding: 10px 14px; background: var(--acid); color: var(--black); font-weight: 900; text-decoration: none; }
@media (max-width: 760px) {
  .snap-window .window-bar span { display: none; }
  .snap-meta, .snap-foot { padding: 16px 18px; }
  .snap-table th, .snap-table td { padding: 10px 12px; }
  .snap-table th:nth-child(3), .snap-table td:nth-child(3) { display: none; }
  .snap-table td:nth-child(2) { white-space: normal; overflow-wrap: anywhere; }
  .snap-table code { font-size: 11px; }
}