.story-cover:not([data-cover-art]):not([data-cover-image]){background:var(--surface-subtle);border:0}.story-cover .story-cover-text{--cover-accent:#d93662;--cover-start:30%;--cover-end:10%;--cover-glow:12%;--cover-title-ink:#111113;color:var(--cover-title-ink);background:radial-gradient(ellipse at 0% 0%, rgb(255 255 255/var(--cover-glow)), transparent 70%), linear-gradient(155deg, color-mix(in srgb, var(--cover-accent) var(--cover-start), var(--surface)), color-mix(in srgb, var(--cover-accent) var(--cover-end), var(--surface)));flex-direction:column;justify-content:space-between;padding:9cqi 9cqi 14cqi;display:flex;position:absolute;inset:0}.story-cover[data-cover-tone="1"] .story-cover-text{--cover-accent:#16838d}.story-cover[data-cover-tone="2"] .story-cover-text{--cover-accent:#ad674a}.story-cover[data-cover-tone="3"] .story-cover-text{--cover-accent:#4d6fa0}.story-cover[data-cover-tone="4"] .story-cover-text{--cover-accent:#a18b3e}:root[data-theme=dark] .story-cover .story-cover-text{--cover-start:55%;--cover-end:20%;--cover-glow:8%;--cover-title-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme]) .story-cover .story-cover-text{--cover-start:55%;--cover-end:20%;--cover-glow:8%;--cover-title-ink:#fff}}.story-cover .story-cover-text:before{content:"";pointer-events:none;background:repeating-linear-gradient(135deg, transparent 0 7px, color-mix(in srgb, var(--cover-accent) 4%, transparent) 7px 8px);position:absolute;inset:0}.story-cover .story-cover-wordmark{color:var(--cover-accent);font-family:var(--font-ui);letter-spacing:-.02em;font-size:clamp(9px,6cqi,15px);font-weight:700;line-height:1.4;position:relative}.story-cover .story-cover-text-title{-webkit-line-clamp:3;color:var(--cover-title-ink);font-family:var(--font-ui);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;word-break:keep-all;-webkit-box-orient:vertical;font-size:clamp(18px,12cqi,40px);font-weight:700;line-height:1.22;display:-webkit-box;position:relative;overflow:hidden}@container (max-width:96px){.story-cover .story-cover-wordmark{display:none}.story-cover .story-cover-text{justify-content:flex-end;padding:8cqi}.story-cover .story-cover-text-title{font-size:18cqi}}
