body{flex-direction:column;height:100vh;display:flex}body #page-background{z-index:-1;background:linear-gradient(var(--sys-color-primary) 20%, transparent);width:100vw;height:14vh;position:fixed;top:0;left:0}header{margin:0 1em}header h1{color:var(--sys-color-text-on-primary);margin:1rem 0 2rem;font-size:2.4rem;font-weight:300}@media (width<=768px){header h1{margin:.5rem 0 1rem}}main{margin:0 var(--sys-spacing-md);flex-direction:column;flex-grow:1;display:flex;overflow-y:hidden}main #articles{flex-direction:column;flex-grow:1;display:flex;overflow-y:hidden}main #articles #navigator{border-bottom:1px solid var(--sys-color-border-base);flex-direction:row;justify-content:space-between;align-items:center;display:flex}main #articles #navigator h2{margin:0;font-size:2rem;font-weight:400}@media (width<=375px){main #articles #navigator h2{font-size:1.7rem;line-height:1.6}}main #articles [hidden]{display:none!important}main #articles .article-list{gap:var(--sys-spacing-md);margin:var(--sys-spacing-md) 0 0 0;scrollbar-width:thin;scrollbar-color:var(--sys-color-container) transparent;flex-direction:column;flex-grow:1;padding:0;list-style:none;display:flex;overflow-y:scroll}main #articles .article-list:-webkit-scrollbar-thumb{background:var(--sys-color-container);border-radius:999px}main #articles .article-list:-webkit-scrollbar-track{background:0 0}main #articles .article-list article a{padding-bottom:var(--sys-spacing-xs);flex-direction:column;gap:.2rem;display:flex}main #articles .article-list article a h3{margin:0;font-size:1.8rem;font-weight:450;line-height:1.1}@media (width<=375px){main #articles .article-list article a h3{font-size:1.4rem;line-height:1.2}}main #articles .article-list article a time{font-size:var(--sys-typo-caption-font-size);line-height:var(--sys-typo-caption-line-height);letter-spacing:var(--sys-typo-caption-letter-spacing)}main #articles .article-list article a p{margin:var(--sys-spacing-xs) 0 0;font-size:var(--sys-typo-base-font-size);line-height:var(--sys-typo-base-line-height);letter-spacing:var(--sys-typo-base-letter-spacing);color:var(--sys-color-text-subtle)}footer{padding:var(--sys-spacing-xs) var(--sys-spacing-md) var(--sys-spacing-xs) var(--sys-spacing-sm);background-color:var(--sys-color-primary-lighter);color:var(--sys-color-text-on-primary);justify-content:space-between;align-items:center;display:flex}@media (width<=768px){footer{padding:var(--sys-spacing-sm) var(--sys-spacing-md)}}footer #social-links{gap:var(--sys-spacing-sm);display:flex}@media (width<=375px){footer #social-links{gap:var(--sys-spacing-md)}}footer #pages{gap:var(--sys-spacing-sm);display:flex}@media (width<=375px){footer #pages{gap:var(--sys-spacing-md)}}footer a{--comp-link-color:var(--sys-color-text-on-primary);--comp-link-color-hover:var(--sys-color-text-base)}