@layer components{.alist>li+li{border-top:1px solid var(--line)}.alist__row{grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1.5rem;padding:1.75rem 1.25rem;display:grid}@media (width>=768px){.alist__row{grid-template-columns:7.5rem minmax(0,1fr) auto}.alist__row--photo{grid-template-columns:7.5rem minmax(0,1fr) 9rem auto}}.alist__date{color:var(--accent-text);font-size:1.35rem}.alist__body{align-content:start;gap:.5rem;display:grid}.alist__headline{font:700 clamp(1.35rem,2vw,1.85rem)/1.12 var(--font-sans);letter-spacing:-.025em;text-wrap:balance;font-stretch:106%;transition:color .2s}.alist__desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.0625rem;line-height:1.5;display:-webkit-box;overflow:hidden}.alist__thumb{display:none}@media (width>=768px){.alist__thumb{align-content:start;gap:.25rem;display:grid}}.alist__img{aspect-ratio:4/3;width:100%}.alist__credit{color:var(--muted);font-size:.75rem;line-height:1.2}.alist__arrow{color:var(--accent-text);transition:transform .3s var(--ease-signal);font-size:1.5rem}@media (width<=767px){.alist__date{grid-column:1/-1}}@media (hover:hover){.alist__row:hover .alist__headline{color:var(--accent-text)}.alist__row:hover .alist__arrow{transform:translate(4px,-4px)}}}