/* The "Right now" snapshot at the foot of a tool page (scripts/build-snapshots.js writes it into src/partials/snapshot-<id>.html): a question heading, an answer in its
   first sentence, and the first ten rows of the tool's own default view as a plain table. It is static HTML on purpose (the tool above is drawn by JavaScript), so it
   is styled to sit under any of the tool pages: page tokens only, no tool-specific classes. Prefix: snapshot. */

.snapshot{ padding:56px 0 28px; }
.snapshot .wrap{ max-width:1000px; }
.snapshot h2{ margin:0 0 12px; font-family:'Instrument Sans', sans-serif; font-size:clamp(24px, 3vw, 30px); font-weight:600; line-height:1.2; letter-spacing:-0.02em; }
.snapshot-lede{ margin:0 0 20px; max-width:820px; font-size:16.5px; line-height:1.65; color:var(--ink-soft); }
.snapshot-lede a{ color:var(--indigo-dark); font-weight:600; text-decoration:underline; text-underline-offset:2px; }

.snapshot-table-wrap{ overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--white); }
.snapshot-table-wrap::-webkit-scrollbar{ width:8px; height:8px; }
.snapshot-table-wrap::-webkit-scrollbar-track{ background:transparent; }
.snapshot-table-wrap::-webkit-scrollbar-thumb{ background: rgba(139,127,255,0.45); border-radius:999px; }
.snapshot-table-wrap::-webkit-scrollbar-thumb:hover{ background: rgba(139,127,255,0.7); }
.snapshot-table{ width:100%; border-collapse:collapse; font-size:14px; color:var(--ink-soft); }
.snapshot-table caption{ position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.snapshot-table th, .snapshot-table td{ padding:11px 14px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.snapshot-table thead th{ background:rgba(255,255,255,0.04); font-size:11.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-soft); white-space:nowrap; }
.snapshot-table tbody th{ font-weight:400; white-space:nowrap; }
.snapshot-table tbody tr:last-child th, .snapshot-table tbody tr:last-child td{ border-bottom:0; }
.snapshot-table .num{ text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.snapshot-table small{ display:block; margin-top:1px; font-size:12px; color:var(--ink-soft); opacity:.8; }
.snapshot-table a{ color:var(--indigo-dark); font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.snapshot-table b{ color:var(--ink); }
.snapshot-table tbody tr:hover > *{ background:rgba(255,255,255,0.03); }

.snapshot-more{ margin:16px 0 0; max-width:820px; font-size:14.5px; line-height:1.6; color:var(--ink-soft); }
.snapshot-more a{ color:var(--indigo-dark); font-weight:600; }
.snapshot-source{ margin:8px 0 0; max-width:820px; font-size:12.5px; line-height:1.55; color:var(--ink-soft); opacity:.85; }

@supports not selector(::-webkit-scrollbar){
  .snapshot-table-wrap{ scrollbar-width: thin; scrollbar-color: rgba(139,127,255,0.5) transparent; }
}
@media (max-width: 720px){
  .snapshot{ padding:40px 0 20px; }
  .snapshot-lede{ font-size:15.5px; }
}

/* FAQ block on a tool page (questions answered in the page's HTML, with FAQPage markup written by scripts/faq-jsonld.js) */
.snap-faq{ padding:20px 0 28px; }
.snap-faq .wrap{ max-width:1000px; }
.snap-faq h2{ margin:0 0 12px; font-family:'Instrument Sans', sans-serif; font-size:clamp(22px, 2.6vw, 28px); font-weight:600; letter-spacing:-0.02em; }
.snap-faq .stock-faq-item{ padding:16px 0; border-top:1px solid var(--line); }
.snap-faq .stock-faq-item:last-child{ border-bottom:1px solid var(--line); }
.snap-faq h3{ margin:0 0 6px; font-family:'Instrument Sans', sans-serif; font-size:17px; font-weight:600; line-height:1.35; }
.snap-faq p{ margin:0; max-width:760px; font-size:15.5px; line-height:1.65; color:var(--ink-soft); }

/* the quick answer at the top of a tool page */
.answer-box{ padding:20px 0 28px; }
.answer-box .wrap{ max-width:1000px; }
.answer-box-inner{ padding:16px 20px; border:1px solid var(--line); border-left:3px solid var(--indigo); border-radius:var(--radius-sm); background:var(--white); }
.answer-label{ display:block; margin:0 0 4px; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); }
.answer-box p{ margin:0; font-size:16px; line-height:1.6; color:var(--ink); }
.answer-box a{ color:var(--indigo-dark); font-weight:600; }
.answer-meta{ display:block; margin-top:6px; font-size:12.5px; color:var(--ink-soft); }