.updates{--new-update: var(--color-purple)}.updates b{font-size:1.625rem}.updates article{position:relative;display:grid;grid-column:auto 1fr;grid-row:auto;padding:1rem 0}@media(width >= 50rem){.updates article{gap:20px}}.updates article span{grid-column:span 2;top:100px;padding-top:0;font-family:var(--primary-font-family);font-size:var(--font-size-24);font-weight:var(--font-weight-extrabold);word-break:keep-all}@media(width >= 50rem){.updates article span{position:sticky;grid-column:auto;min-width:17.5rem;height:60px;padding-top:2.6rem;text-align:right}}@media(width >= 50rem){.updates article section{padding:2rem;border:4px solid var(--new-update);border-radius:var(--border-radius);border-image:linear-gradient(to right bottom, var(--new-update), var(--color-white)) 1}}.updates article.new h3::after{content:attr(data-name);display:block;vertical-align:top;padding:0 .5rem;background-color:var(--new-update);border-radius:var(--border-radius);color:var(--color-black);font-family:var(--primary-font-family);font-size:1rem;font-weight:var(--font-weight-extrabold);text-transform:uppercase}@media(width >= 50rem){.updates article.new h3::after{display:inline-block;margin:0 1rem}}