@layer page{.textContent main{padding-block-start:0}.textContent article{width:var(--content-width);margin-inline:auto}.articleHead{width:100%;height:calc(100dvh - var(--header-height));text-align:center;font-variation-settings:var(--weight-medium);grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;place-content:center;row-gap:0;display:grid}.articleHead :is(p,h1){font-size:var(--fontsize-2);line-height:var(--line-height-mini);margin:0}.articleHead .articleType{z-index:1;grid-area:1/1/2}.articleHead picture{z-index:0;grid-area:2/1/3;justify-content:center;max-width:80%;margin-inline:auto;display:flex}.articleHead img{width:100%}.articleHead .articleAuthors{z-index:1;grid-area:2/1/3;align-self:end}.articleHead .articleAuthors a{text-decoration:none}.articleHead .articleTitle{line-height:var(--line-height-tight);margin-top:.25rem;font-family:ExposureVar Italic}.articleHead .articleDate{line-height:var(--line-height-tight)}.articleHead--noTypeOnImg{& .articleAuthors{grid-row:3}}.articleEmotions{position:relative}.articleEmotions div{z-index:1;width:50vw;transform:rotate(var(--rotate,0deg));top:var(--top);left:var(--left);right:var(--right);cursor:grab;user-select:none;position:fixed}.textContent :is(h1,h2,h3,h4){margin-block-start:var(--space-1)}.articleContent{padding-inline:var(--body-padding)}.articleContent :is(img,picture){width:100%}.type--question{gap:var(--body-padding);font-variation-settings:var(--weight-medium);grid-template-columns:4ch 1fr;display:grid}.type--editor p{margin:0}.type--editor~.type--editor,.type--editor p:not(:first-of-type){text-indent:var(--indent)}.type--editor li{text-indent:0}.type--picture figcaption p{flex-wrap:wrap;justify-content:space-between;margin:0;display:flex}.type--picture:target figure{animation:4s .3s flash}.type--heading,.type--editor,.type--question,.type--answer,.type--video,.type--line,.type--code{margin-block-end:var(--space-1)}.type--question p{margin:0}@keyframes flash{0%{background-color:var(--color-link-hover)}to{background-color:#0000}}.figAuthor{margin-inline:1ch auto}.figTitle{text-align:right;justify-self:end}.figDate{text-align:right;width:100%}.articleFoot{gap:var(--body-padding);padding-inline:var(--body-padding);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.articleFoot h5{font-size:var(--fontsize-0);margin-block-end:var(--body-padding)}.articleFoot__mainCredit{flex:1;min-width:300px;& p{font-size:var(--fontsize--2);margin-block-end:0;display:flex}& .credit__type{min-width:12ch}}.articleFoot__details{gap:var(--body-padding);min-width:300px;font-size:var(--fontsize--2);flex-wrap:wrap;flex:1;display:flex}.articleFoot__imageCredit{margin:0;padding:0;list-style-type:none}figure{margin-block-end:var(--space-1)}figcaption{text-align:center;font-size:var(--fontsize--2)}@media (width>=30em){.type--answer{gap:var(--body-padding);grid-template-columns:4ch 1fr;display:grid}.type--question,.type--answer{gap:var(--space-1)}}@media (width>=50em){.textContent main{padding-inline:0}.articleHead picture{width:100%;max-width:90%;max-height:60vh;& img{object-fit:contain;width:100%;height:100%}}.articleEmotions div{width:30vw}.articleContent,.articleFoot{padding-inline:0}.articleFoot__details{flex-wrap:nowrap}}@media (width>=75em){.articleEmotions div{width:20vw;max-width:600px}.articleContent figure{flex-wrap:wrap;justify-content:flex-end;display:flex}.articleContent figcaption{width:100%}.articleContent :is(picture,img){max-width:100%;margin:0}.type--heading,.type--editor,.type--quote,.type--question,.type--answer,.type--video,.type--line,.type--code,.articleFoot{max-width:800px;margin-inline:auto}.articleHead picture{max-width:min(90vw,var(--max-width))}.type--picture{max-width:min(90vw,var(--max-width));margin-inline:auto}}}