.prose{--footnote-active-background:#e3a55f2e;--footnote-active-border:#e3a55f8c;--footnote-active-shadow:0 0 12px #e3a55f38}.footnote-ref{color:var(--amber);font:inherit;cursor:pointer;background:#e3a55f0f;border:1px solid #e3a55f47;border-radius:6px;margin-left:2px;padding:2px 5px;scroll-margin-block:100px;font-size:12px;font-weight:700;line-height:1.2}.footnote-ref:hover{background:var(--footnote-active-background)}.footnote-ref:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.prose .footnote-popover[popover]{border-radius:var(--radius-small);background:var(--surface-raised);width:min(380px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--body-ink);border:1px solid #e3a55f4d;margin:auto;padding:14px 18px 14px 16px;font-size:14px;line-height:1.85;overflow:visible;box-shadow:0 14px 36px #0000008c,0 0 18px #e3a55f1a}.footnote-popover:popover-open{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.footnote-number{color:var(--amber);font-size:13px;font-weight:700;line-height:2}.footnote-body{overscroll-behavior:contain;overflow-wrap:anywhere;max-height:min(320px,100dvh - 64px);overflow:auto}.prose .footnote-body p,.prose .footnote-body ul,.prose .footnote-body ol{margin-bottom:12px}.prose .footnote-body>:last-child{margin-bottom:0}@supports (top:anchor(bottom)) and (position-area:bottom span-all){.prose .footnote-popover[popover]{position-area:bottom span-all;inset:auto;left:clamp(16px, calc(anchor(center) - 32px), calc(100vw - 396px));position-try-fallbacks:--footnote-viewport;place-self:start;min-height:56px;max-height:min(360px,100% - 28px);margin:12px 16px 16px;position:fixed}.footnote-body{min-height:0;max-height:none}.footnote-popover:before{content:"";position-anchor:inherit;top:calc(anchor(bottom) + 6px);left:calc(anchor(center) - 6px);width:min(12px, anchor-size(width, 0px));height:min(12px, anchor-size(width, 0px));background:var(--surface-raised);position:fixed;transform:rotate(45deg);box-shadow:inset 1px 1px #e3a55f4d}@position-try --footnote-viewport{position-anchor:none;position-area:none;inset:16px;margin:auto;align-self:center;justify-self:center}@media (width<=640px){.prose .footnote-popover[popover]{left:0}}}.prose [data-footnotes]{border-top:1px solid var(--border);color:var(--muted);margin-top:44px;padding-top:18px;font-size:14px;line-height:1.85}.footnote-label{font-size:var(--text-label);letter-spacing:.12em;margin-bottom:8px}.prose [data-footnotes] ol,.prose [data-footnotes] p{margin-bottom:0}.prose [data-footnotes] li+li{margin-top:12px}.prose [data-footnotes] li::marker{color:var(--amber)}.prose{container:link-card-body/inline-size}.prose a.link-card-pending,.prose a.og-card{--og-copy-height:164px;width:100%;max-width:440px}.prose a.link-card-pending{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--og-copy-height), auto) auto;overflow-wrap:anywhere;border:1px solid #0000;display:grid}.prose a.link-card-pending:after{content:"";aspect-ratio:1200/630}.prose a.og-card{color:var(--foreground);background:var(--surface);border-radius:var(--radius);-webkit-tap-highlight-color:transparent;border:1px solid #ffffff21;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:0;padding:0;text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s;display:grid}.og-copy{min-width:0;min-height:var(--og-copy-height);flex-direction:column;justify-content:center;gap:8px;padding:16px 18px;display:flex}.og-title{font-size:16px;font-weight:500;line-height:1.65}.og-description{color:var(--muted);font-size:13px;line-height:1.65}.og-title,.og-description{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.og-domain{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.og-arrow{color:var(--amber);white-space:nowrap}.prose .og-card .og-art{aspect-ratio:1200/630;object-fit:cover;object-position:center;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;width:100%;height:auto;margin:0;display:block}.prose a.og-card.no-image{grid-template-rows:auto;max-width:none}.og-card.no-image .og-copy{min-height:0}.prose a.og-card:focus-visible{background:var(--surface-raised);border-color:var(--illustration-border);outline:2px solid var(--amber);outline-offset:3px}@media (hover:hover){.prose a.og-card:hover{background:var(--surface-raised);border-color:var(--illustration-border)}}.prose a.og-card:active{background:var(--surface-pressed);border-color:var(--illustration-border);box-shadow:var(--card-pressed-shadow);transition-duration:0s}@media (prefers-reduced-motion:reduce){.prose a.og-card{transition:none}}@media (width>=641px){@container link-card-body (width>=560px){.prose a.link-card-pending,.prose a.og-card{grid-template-columns:minmax(0,1fr) 256px;grid-template-rows:minmax(var(--og-copy-height), auto);max-width:none}.og-copy{grid-area:1/1}.prose a.link-card-pending:after,.prose .og-card .og-art{aspect-ratio:1200/630;border-radius:6px;grid-area:1/2;align-self:center;width:240px;height:auto}.prose a.og-card.no-image{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}}}.prose a.og-card.post-card{flex-direction:column;gap:10px;max-width:560px;padding:16px 18px;display:flex}.post-head{align-items:center;gap:10px;min-width:0;display:flex}.prose .post-card .post-avatar{object-fit:cover;border-radius:50%;flex:none;width:36px;height:36px;margin:0}.post-card .og-title{overflow-wrap:anywhere}.post-text{overflow-wrap:anywhere;font-size:14px;line-height:1.8}.prose .post-card .post-media{object-fit:cover;border-radius:8px;width:100%;height:auto;max-height:360px;margin:0;display:block}.prose .youtube-embed iframe{aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface);border:0;width:100%;display:block}.prose .youtube-embed-short iframe{aspect-ratio:9/16;width:min(100%,320px)}.prose .draft-illustration{text-align:center;color:#e1e6ff;background:repeating-linear-gradient(135deg,#202230,#202230 12px,#272a3b 12px 24px);border:2px dashed #a7afd6;border-radius:3px;place-content:center;gap:16px;min-height:230px;margin:26px 0;padding:24px;display:grid}.draft-illustration strong{letter-spacing:.08em;font:600 12px/1.6 ui-monospace,monospace}.prose .draft-illustration p{margin:0;font-size:16px}.draft-illustration small{color:#c7cdec;font-size:12px}@media (width<=640px){.og-title{font-size:15px}.og-copy{gap:7px}.prose .draft-illustration{min-height:210px;padding:20px}}
