/* Public preview of a subscriber story */
.compute-preview .preview-header,.preview-body,.preview-gate{max-width:680px;margin-inline:auto}
.preview-header{padding:clamp(32px,5vw,72px) 0 30px;border-bottom:1px solid var(--line)}
.preview-header h1{font-size:clamp(44px,6vw,78px);line-height:1.05;letter-spacing:-.035em;margin:15px 0;color:var(--blue)}
.preview-header .dek{font:clamp(21px,2.3vw,27px)/1.35 var(--serif)}
.preview-body{font:clamp(18px,2vw,20px)/1.65 Georgia,serif}
.preview-body p{line-height:inherit;margin:1.2em 0}
.preview-body a{color:var(--blue);text-decoration:underline;text-underline-offset:.16em}
.preview-body sup{font:0.65em var(--sans);vertical-align:super}
.preview-body blockquote{margin:32px 0;padding:0 0 0 20px;border-left:2px solid var(--blue)}
.preview-body blockquote p+p{font:13px/1.6 var(--sans);color:var(--muted)}
.preview-body figure{margin:30px 0}
.preview-body figure img{width:100%;height:auto}
.preview-body figcaption{margin-top:8px;color:var(--muted);font:12px/1.4 var(--sans)}
.preview-body hr{width:70px;border:0;border-top:1px solid var(--line);margin:40px auto}
.preview-gate{margin-top:32px;margin-bottom:64px;padding-top:24px;border-top:1px solid var(--line)}
.preview-gate .button{margin-top:12px}
.preview-body{overflow-wrap:anywhere}
.preview-body :is(img,video){max-width:100%;height:auto}
.preview-body :is(pre,table){display:block;overflow-x:auto}
.preview-body :is(ol,ul){padding-inline-start:1.5em}
.preview-body :is(h2,h3,h4){margin:1.6em 0 .5em}
.preview-body li p{margin:.35em 0}