.container{&.post{display:flex;position:relative;flex-direction:row;justify-content:center;padding-top:4rem;gap:3.75rem;transition:opacity .24s var(--ease-fluid);.content{display:flex;flex-direction:column;max-width:42rem;.back-link{display:flex;align-items:center;width:100%;margin-bottom:2rem;gap:.5rem;color:var(--color);font-weight:500;text-decoration:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:var(--color);text-decoration-color:var(--color);text-underline-offset:.1875rem;transition:color .24s var(--ease-fluid);&:focus,&:hover{color:var(--color-display)}}.time{width:100%;color:var(--color-caption);font-size:var(--font-size-caption);white-space:nowrap}.authors{display:flex;width:100%;margin:.5em 0;gap:.5em;.author{display:flex;align-items:center;margin-right:.25em;gap:.5rem;color:var(--color-caption);font-size:var(--font-size-caption);line-height:1;text-decoration:none;.avatar{position:relative;width:1.125rem;height:1.125rem;overflow:hidden;border:.0625rem solid var(--color-caption);border-radius:100%;img{width:100%;height:100%;object-fit:cover;object-position:center}}&:focus,&:hover{color:var(--color);.avatar{border-color:var(--color)}}}}h1{width:100%;font-size:var(--font-size-display);text-align:left}}.on-this-page{display:flex;position:-webkit-sticky;position:sticky;top:7rem;flex-direction:column;max-width:12rem;height:-moz-fit-content;height:fit-content;gap:.375rem;font-size:var(--font-size-caption);ul{display:flex;flex-direction:column;width:100%;margin:0;padding:0;list-style:none}h3{font-size:var(--font-size-body)}a{display:block;padding:.375rem 0}}@starting-style{opacity:0}@media (max-width:60rem){.on-this-page{display:none;visibility:hidden}}}}