.archive-timeline--month{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}@media (max-width:1023px){.archive-timeline--month{flex-direction:column;align-items:center;gap:0}}.archive-timeline--month--left-side{--archive-timeline--month--left-side--title-width:200px;--archive-timeline--month--left-side--line-width:120px}@media (max-width:1023px){.archive-timeline--month--left-side{display:none}.archive-timeline--month--left-side-mobile{display:flex}}@media (min-width:1024px){.archive-timeline--month--left-side-mobile{display:none}}.archive-timeline--month--left-side--title{width:var(--archive-timeline--month--left-side--title-width)}.archive-timeline--month--left-side--title-month{font-size:37px}.archive-timeline--month--left-side--title-year{font-size:48px}.archive-timeline--month--left-side--line{width:var(--archive-timeline--month--left-side--line-width)}.archive-timeline--month--left-side--line-top{width:1px;height:45px;background-color:var(--color-blue-base)}.archive-timeline--first .archive-timeline--month--left-side--line-top{background:linear-gradient(to top,var(--color-blue-base),var(--color-transparent))}.archive-timeline--month--left-side--line-bottom{width:1px;height:-webkit-fill-available;height:stretch;background-color:var(--color-blue-base)}.archive-timeline--last .archive-timeline--month--left-side--line-bottom{background:linear-gradient(to bottom,var(--color-blue-base),var(--color-transparent))}.archive-timeline:not(.archive-timeline--last)>.archive-timeline--month .archive-timeline--month--right-side{padding-bottom:var(--space-clamp-30-60)}.archive-timeline--month--left-side--mark{width:14px;height:14px;background-color:var(--color-blue-base);border-radius:var(--border-radius-5) 0 var(--border-radius-5) 0}.archive-timeline--month--right-side{display:grid;min-width:0}.archive-timeline--month--right-side>*{min-width:0}.archive-timeline--layout-single .archive-timeline--month--right-side--grid{grid-template-columns:repeat(1,1fr);gap:var(--space-20)}.archive-timeline--layout-grid .archive-timeline--month--right-side--grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space-20)}