/* the embeddable countdown: small, self-contained, readable on any page */
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
.emb { --bg: #000; --ink: #e9e9ef; --dim: #9a9aa6; --accent: #ff3b30; position: relative; font: 400 14px/1.3 "Barlow", Arial, sans-serif; background: var(--bg); color: var(--ink); padding: 14px 16px; overflow: hidden; }
.emb.light { --bg: #fff; --ink: #111116; --dim: #5d5d68; --accent: #d70015; }
.emb a { color: inherit; text-decoration: none; }
.emb-link { display: flex; flex-direction: column; gap: 4px; }
.emb-link:hover .emb-name, .emb-link:focus-visible .emb-name { text-decoration: underline; }
.emb-kicker { font: 600 11px "IBM Plex Mono", Consolas, monospace; text-transform: uppercase; letter-spacing: .06em; color: var(--dim); }
.emb-name { font: 700 22px/1.05 "Barlow Condensed", "Arial Narrow", sans-serif; text-transform: uppercase; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.emb-meta, .emb-when { color: var(--dim); font-size: 13px; }
.emb-count { font: 500 26px/1.1 "IBM Plex Mono", Consolas, monospace; color: var(--accent); font-variant-numeric: tabular-nums; margin-top: 4px; }
.emb-none { color: var(--dim); }
.emb-brand { position: absolute; right: 12px; bottom: 10px; font: 700 11px "Barlow Condensed", sans-serif; letter-spacing: .2em; color: var(--dim) !important; }