#article{display:grid;grid-template-columns:1fr;gap:var(--space);background:linear-gradient(180deg,#f2f2f6 0%,var(--snow) 100%);background-repeat:no-repeat;background-size:100% 200px}#author{display:flex;align-items:center;gap:.5rem}#author .image{padding:2px;border:2px solid var(--mist);flex-shrink:0;border-radius:var(--br-m)}#author .image img{width:78px;height:78px;object-fit:cover;border-radius:calc(var(--br-m) - 2px)}#author .post,#author .date{color:var(--silver)}#index .h4{margin-bottom:.5rem}#index .flex{flex-direction:column;align-items:flex-start;gap:.2rem}#article main img{width:100%}#article main li{margin-left:var(--space)}#article main li:not(:first-child){margin-top:calc(var(--space) / 4)}@media(min-width:1024px){#article{grid-template-columns:600px 1fr}#article main{order:1}#article aside{position:sticky;top:calc(var(--space) + 2.6rem);height:fit-content;order:2}}@media(min-width:1280px){#article{grid-template-columns:800px 1fr}}@media(min-width:1440px){#article{grid-template-columns:1000px 1fr}}