/* Snapshot type, time boundary and homepage pin are separate product concepts. */
.snapshot-mode-guide{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:19px 22px;margin:24px 0;background:#f7f9fd;border:1px solid #e1e8f2;border-radius:8px}.snapshot-mode-guide>div{display:flex;gap:12px;align-items:flex-start}.snapshot-mode-guide>div>svg{width:18px;height:18px;flex:none;margin-top:2px;color:#8a9cbc}.snapshot-mode-guide strong{display:block;font-size:13px;font-weight:550;color:#506786}.snapshot-mode-guide small{display:block;font-size:12px;line-height:1.8;color:#8a9aaf;margin-top:5px}.snapshot-badges{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.snapshot-kind{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono,monospace);font-size:10px;color:#8694a8}.snapshot-kind svg{width:11px;height:11px}.snapshot-kind.rolling{color:#4b9d8b;font-family:inherit}.snapshot-rolling{border-color:#d8e9e5;background:linear-gradient(155deg,#fff 65%,#f7fbfa)}.snapshot-boundary{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #edf1f6;padding-top:13px;margin:-4px 0 22px}.snapshot-boundary>svg{width:13px;height:13px;color:#9aa9bd;margin-top:3px;flex:none}.snapshot-boundary>div{display:flex;flex-direction:column;gap:6px;min-width:0}.snapshot-boundary span{font-size:10px;color:#94a1b4}.snapshot-boundary strong{font-size:11px;font-weight:450;line-height:1.6;color:#7286a3}.snapshot-boundary small{font-size:10px;color:#93a4ad;line-height:1.5}.snapshot-boundary.rolling strong{color:#518d80}.snapshot-card .snapshot-rule{margin-bottom:20px}.snapshot-card h2{line-height:1.6}.snapshot-card>p{min-height:46px}.snapshot-card .snapshot-numbers strong{font-size:clamp(19px,1.6vw,24px)}.snapshot-card .snapshot-card-foot{font-size:11px}.pin-button{flex:none}.pin-button:focus-visible{outline:2px solid #849ee1;outline-offset:3px}.secondary-pin .pin-button{color:#7d91b1;border-color:#dfe6f0}
@media(max-width:800px){.snapshot-mode-guide{gap:16px;padding:17px}.snapshot-card .snapshot-numbers strong{font-size:24px}}
@media(max-width:500px){.snapshot-mode-guide{grid-template-columns:1fr;gap:17px}.snapshot-card .snapshot-numbers strong{font-size:21px}.snapshot-card h2{font-size:18px}.snapshot-badges{gap:6px}.snapshot-boundary strong{font-size:10px}.snapshot-numbers{grid-template-columns:1fr 1fr .7fr}.snapshot-numbers small{font-size:10px}}
.snapshot-mode-picker{border:0;padding:0;margin:22px 0 18px}.snapshot-mode-picker legend{font-size:12px;color:var(--muted);margin-bottom:10px}.snapshot-mode-option{display:flex;gap:11px;padding:14px;border:1px solid var(--border);border-radius:8px;margin:8px 0;cursor:pointer}.snapshot-mode-option.selected{background:#f1f5ff;border-color:#8ba5ef}.snapshot-mode-option input{accent-color:#5676df;margin-top:4px}.snapshot-mode-option strong,.snapshot-mode-option small{display:block}.snapshot-mode-option small{line-height:1.7;color:var(--muted);margin-top:4px}.snapshot-mode-static{padding:14px 0;color:var(--muted);font-size:12px}.banner-watermark{font-size:11px;color:var(--muted);margin-top:8px}.snapshot-fixed-note{font-size:12px;margin:8px 0;color:var(--muted)}