@layer components{.newspaper-typeset{--typeset-color-foreground:var(--color-muted-foreground);--typeset-color-emphasis-foreground:var(--color-foreground);--typeset-color-muted-foreground:var(--color-muted-foreground);--typeset-font-body:var(--font-serif);--typeset-font-drop-cap:var(--font-drop-cap,var(--font-heading));--typeset-font-heading:var(--font-heading);--typeset-font-mono:var(--font-mono);--typeset-size:.75em;--typeset-leading:1.75;--typeset-flow:1.25em}.newspaper-typeset{font-family:var(--typeset-font-body);font-size:var(--typeset-size);line-height:var(--typeset-leading);color:var(--typeset-color-foreground,currentColor);overflow-wrap:break-word;margin-trim:block-start;@media (width>=48rem),print{font-size:var(--typeset-size)}--typeset-muted:var(--typeset-color-muted-foreground,color-mix(in oklab, currentColor 60%, transparent));--typeset-rule:var(--typeset-color-muted-foreground,color-mix(in oklab, currentColor 20%, transparent));&.drop-cap{&>p:first-of-type:first-letter{color:var(--typeset-color-emphasis-foreground);font-family:var(--typeset-font-drop-cap);float:left;margin-top:.5rem;font-size:3lh;line-height:.8}}}.newspaper-typeset :not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-typeset] *)){&:where(p){text-align:justify;hyphens:auto;margin-block-start:var(--typeset-flow);margin-block-end:0}&:where(h1,h2,h3,h4,h5,h6){color:var(--color-foreground,currentColor);font-family:var(--typeset-font-heading);margin-block-end:0;font-weight:600}&:where(h1){margin-block-start:var(--typeset-flow);font-size:1.75em;line-height:1.3}&:where(h2){margin-block-start:calc(var(--typeset-flow) * 1.4);font-size:1.25em;line-height:1.4}&:where(h3){margin-block-start:var(--typeset-flow);font-size:1.125em;line-height:1.45}&:where(h4){margin-block-start:var(--typeset-flow);font-size:1em;line-height:1.5}&:where(h5){color:var(--typeset-muted);margin-block-start:calc(var(--typeset-flow) / .875);font-size:.875em;font-weight:500;line-height:1.5}&:where(h6){letter-spacing:.08em;text-transform:uppercase;color:var(--typeset-muted);margin-block-start:calc(var(--typeset-flow) / .8125);font-size:.8125em;font-weight:500;line-height:1.5}&:where([id]){scroll-margin-block-start:var(--typeset-flow)}&:where(h1+*,h2+*,h3+*,h4+*,h5+*,h6+*){margin-block-start:1em}&:where(:is(h1,h2,h3,h4) :is(code)){font-size:.9em}&:where(a){color:inherit;text-decoration-line:underline;text-decoration-color:color-mix(in oklab, currentColor 30%, transparent);font-weight:500}&:where(a:hover){text-decoration-color:currentColor}&:where(a:focus-visible){outline:2px solid var(--color-ring,currentColor);outline-offset:2px;border-radius:.125em}&:where(:is(h1,h2,h3,h4,h5,h6) :is(a)){font-weight:inherit}&:where(strong,b),&:where(:is(h1,h2,h3,h4) :is(strong,b)){font-weight:600}&:where(mark){color:inherit;background-color:oklab(86% -.0148165 .169353/.4);border-radius:.2em;padding:.05em .15em}&:where(abbr[title]){text-underline-offset:.2em;cursor:help;text-decoration-line:underline;text-decoration-style:dotted}&:where(del,s){color:var(--typeset-muted);text-decoration-line:line-through}&:where(sup,sub){vertical-align:baseline;font-size:.75em;line-height:0;position:relative}&:where(sup){top:-.5em}&:where(sub){bottom:-.25em}&:where(sup a){font-weight:500;text-decoration-line:none}&:where(ul){list-style-type:disc}&:where(ol){list-style-type:decimal}&:where(ul ul){list-style-type:circle}&:where(ul ul ul){list-style-type:square}&:where(ol[type=a i]){list-style-type:lower-alpha}&:where(ol[type=i i]){list-style-type:lower-roman}&:where(ol[type=A s]){list-style-type:upper-alpha}&:where(ol[type=I s]){list-style-type:upper-roman}&:where(ul,ol){margin-block-start:var(--typeset-flow);margin-block-end:0;padding-inline-start:1.5em}&:where(li){margin-block-start:.5em;padding-inline-start:.4em}&:where(li>p,li>ul,li>ol){margin-block-start:.5em}&:where(ul>li)::marker,&:where(ol>li)::marker{color:var(--typeset-muted)}&:where(ul.contains-task-list){padding-inline-start:.25em;list-style-type:none!important}&:where(li.task-list-item>input[type=checkbox]){vertical-align:-.1em;accent-color:var(--color-primary,currentColor);--px:2px;isolation:isolate;box-decoration-break:clone;clip-path:polygon(0 var(--px), var(--px) var(--px), var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)), 0 var(--px));margin-inline-end:.5em;position:relative;&:before{--px:2px;--pw:2px;inset:var(--px-border-offset,0px);z-index:-1;pointer-events:none;content:"";background:var(--pixel-color,var(--border));clip-path:polygon( 0 var(--px), var(--px) var(--px), var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)), 0 var(--px),  var(--pw) var(--pw), var(--pw) calc(100% - var(--pw)), calc(100% - var(--pw)) calc(100% - var(--pw)), calc(100% - var(--pw)) var(--pw), var(--pw) var(--pw));position:absolute}}&:where(details){margin-block-start:var(--typeset-flow);margin-block-end:0}&:where(summary){cursor:pointer;font-weight:500}&:where(summary)::marker{color:var(--typeset-muted)}&:where(kbd){border:1px solid var(--typeset-rule);border-radius:min(calc(var(--radius,.5em) * .6), .35em);border-block-end-width:2px;padding:.0625em .35em;font-family:inherit;font-size:.85em;font-weight:500}&:where(dl){margin-block-start:var(--typeset-flow);margin-block-end:0}&:where(dt){margin-block-start:1em;font-weight:500}&:where(dt+dt){margin-block-start:.25em}&:where(dd){color:var(--typeset-muted);margin-block-start:.25em;margin-inline-start:0;padding-inline-start:1em}&:where(:not(pre)>code){--px:var(--pixel-size,2px);background-color:var(--color-muted,color-mix(in oklab, currentColor 8%, transparent));font-family:var(--typeset-font-mono);border-radius:min(calc(var(--radius,.5em) * .6), .35em);clip-path:polygon(0 var(--px), var(--px) var(--px), var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)), 0 var(--px));padding:.125rem .375rem;font-size:.85em}&:where(pre){--px:var(--pixel-size,2px);background-color:var(--color-muted,color-mix(in oklab, currentColor 8%, transparent));font-family:var(--typeset-font-mono);tab-size:2;border-radius:var(--radius,.5em);clip-path:polygon(0 var(--px), var(--px) var(--px), var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)), 0 var(--px));direction:ltr;margin-block-start:calc(var(--typeset-flow) / .875);margin-block-end:0;padding:.75em 1em;font-size:.875em;line-height:1.5;overflow-x:auto}&:where(pre code){font-family:inherit;font-size:inherit;background-color:#0000;border-radius:0;padding:0}&:where(blockquote){border-inline-start:2px solid var(--typeset-rule);margin-block-start:var(--typeset-flow);margin-block-end:0;margin-inline:0;padding-inline-start:1em}&:where(hr){border:0;border-block-start:1px solid var(--typeset-rule);margin-block-start:calc(var(--typeset-flow) * 2.4);margin-block-end:0}&:where(hr+h1,hr+h2,hr+h3,hr+h4){margin-block-start:var(--typeset-flow)}&:where(.footnotes,[data-footnotes]){border-block-start:1px solid var(--typeset-rule);color:var(--typeset-muted);margin-block-start:calc(var(--typeset-flow) * 2);padding-block-start:var(--typeset-flow);font-size:.875em}&:where(math[display=block]){margin-block-start:var(--typeset-flow);margin-block-end:0;padding-block:.25em;overflow:auto hidden}&:where(img,video){border-radius:var(--radius,.5em);max-width:100%;height:auto;margin-block-start:var(--typeset-flow);margin-block-end:0}&:where(p img){margin-block-start:0}&:where(figure){margin-block-start:var(--typeset-flow);margin-block-end:0;margin-inline:0}&:where(figcaption,caption){color:var(--typeset-muted);text-align:center;margin-block-start:.857143em;font-size:.875em}&:where(caption){caption-side:bottom}&:where(table){font-variant-numeric:tabular-nums;border-collapse:separate;border-spacing:0;border-block-end:1px solid var(--typeset-rule);max-width:100%;margin-block-start:var(--typeset-flow);margin-block-end:0;font-size:1em;line-height:1.5}&:where(.typeset-scroll){margin-block-start:var(--typeset-flow);overflow-x:auto}&:where(.typeset-scroll>*){margin-block-start:0}&:where(.typeset-scroll table){width:max-content;max-width:none}&:where(thead th){text-align:start;white-space:nowrap;padding:.65em 1em;font-weight:500}&:where(:is(tbody,tfoot) :is(td,th)){text-align:start;vertical-align:top;border-block-start:1px solid var(--typeset-rule);padding:.75em 1em}&:where(tbody th,tfoot th){font-weight:500}&:where(th:first-child,td:first-child){padding-inline-start:0}&:where(th[align=center],td[align=center]){text-align:center}&:where(th[align=right],td[align=right]){text-align:end}&:where(li>blockquote,li>table,li>figure){margin-block-start:.5em}&:where(li>pre){margin-block-start:.571429em}@media print{&:where(pre,table,blockquote,figure){break-inside:avoid}&:where(h1,h2,h3,h4){break-after:avoid}}@media (forced-colors:active){&:where(:not(pre)>code){border:1px solid}}}.newspaper-typeset>:where(:first-child):not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-typeset] *)),.newspaper-typeset>:where(:first-child)>:where(:first-child):not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-typeset] *)),.newspaper-typeset :where(li>:first-child,blockquote>:first-child,td>:first-child,th>:first-child,dd>:first-child,figure>:first-child,figure>picture>img):not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-typeset] *)){margin-block-start:0}}@layer utilities{.newspaper-typeset :not(:where(.not-typeset,[data-not-typeset],.not-typeset *,[data-not-typeset] *)){&:where([data-streamdown=link]){--link-color:color-mix(in srgb, var(--primary-foreground) 60%, transparent);color:var(--link-color);border-bottom:1px solid var(--link-color);transition:color .2s,border-color .2s;text-decoration:none!important}&:where([data-streamdown=link]:hover){--link-color:color-mix(in srgb, var(--primary-foreground) 100%, transparent)}}}
