:root{font-family:var(--font-body)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0%,rgba(22,119,210,.28),transparent 45%),var(--navy);color:var(--white)}
.teaser{max-width:560px;margin:0 auto;padding:22px 16px 28px;display:grid;gap:14px}
.teaser-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.teaser-brand{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;font-size:18px;letter-spacing:.04em}
.teaser-brand strong{font-weight:900}
.teaser-logo{display:block;width:auto;height:22px}
.teaser-date{color:var(--muted);font-size:13px}
.teaser h1{margin:4px 0 0;font-size:26px;line-height:1.15}
.teaser-intro{margin:0;color:var(--muted)}
.teaser-carousel{display:grid;gap:8px}
.teaser-track{min-height:210px;display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.teaser-track::-webkit-scrollbar{display:none}
.teaser-card{scroll-snap-align:start;display:grid;gap:10px;padding:18px;border:1px solid rgba(76,192,180,.4);border-radius:14px;background:linear-gradient(135deg,rgba(76,192,180,.12),rgba(22,119,210,.1)),var(--panel);min-width:0}
.teaser-card-top{display:flex;justify-content:space-between;gap:8px;color:var(--teal);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.teaser-card strong{font-size:22px;overflow-wrap:anywhere}
.teaser-chance{display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px;border-radius:10px;background:rgba(16,28,34,.55)}
.teaser-chance span{color:var(--muted);font-size:13px}.teaser-chance b{font-size:26px;color:var(--teal)}
.teaser-lock{padding:10px 12px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:14px}
.teaser-lock span{letter-spacing:.2em;color:var(--white);filter:blur(1.5px)}
.teaser-card small{color:var(--muted)}
.teaser-dots{display:flex;justify-content:center;gap:8px}
.teaser-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:var(--line);cursor:pointer}
.teaser-dots button.active{background:var(--teal)}
.teaser-cta{display:block;padding:14px 16px;border-radius:11px;background:var(--teal);color:#0e1a20;font-weight:850;text-align:center;text-decoration:none}
.teaser-share{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px}
.teaser-share h2{margin:0;font-size:16px}
.teaser-share-links{display:flex;flex-wrap:wrap;gap:8px}
.teaser-share-links a,.teaser-share-links button{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--white);font:inherit;font-size:14px;text-decoration:none;cursor:pointer}
.teaser-share p{margin:0;color:var(--muted);font-size:13px}
.teaser-share textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(16,28,34,.6);color:var(--white);font:12px ui-monospace,monospace;resize:vertical}
.teaser-share summary{cursor:pointer;color:var(--teal)}
.teaser-fine{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.teaser-fine a{color:var(--muted)}
/* The framed card on another site: the card and the call to action only. */
.teaser-embed body{min-height:0;background:var(--navy);overflow:hidden}
.teaser-embed .teaser{padding:14px;gap:10px}
.teaser-embed .teaser h1{font-size:20px}
.teaser-embed .teaser-fine{font-size:11px}
.teaser-share-links button[hidden]{display:none}.teaser-share-note{margin:10px 0 0;font-size:.9rem;opacity:.8}