@layer components{.clist{border-left:1px solid var(--line);margin-left:.5rem;position:relative}.clist__item{gap:.4rem;padding:0 0 2.5rem 2rem;display:grid;position:relative}.clist__mark{background:var(--square);width:.5rem;height:.5rem;position:absolute;top:.45rem;left:-.3125rem}.clist__item--major .clist__mark{width:.75rem;height:.75rem;top:.35rem;left:-.4375rem}.clist__date{color:var(--accent-text);font-size:1.25rem}.clist__title{font:700 1.3rem/1.2 var(--font-sans);letter-spacing:-.02em;color:var(--flood-fg);font-stretch:104%}.clist__summary{max-width:62ch;color:var(--muted);font-size:1.125rem;line-height:1.55}.clist__photo{gap:.25rem;width:10rem;margin-top:.5rem;display:grid}.clist__img{aspect-ratio:4/3;width:100%}.clist__photo figcaption{color:var(--muted);font-size:.75rem;line-height:1.2}.clist__sources{font:550 .9375rem/1.3 var(--font-sans);color:var(--muted);flex-wrap:wrap;gap:.25rem 1rem;display:flex}.clist__sources a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.3em}@media (hover:hover){.clist__sources a:hover{color:var(--accent-text);text-decoration-color:currentColor}}}