@charset "UTF-8";

/* News category */
#category_list{display:flex;flex-direction:column;gap:var(--spacing);}
#category_list .title{display:flex;flex-direction:column;gap:1em;padding-block-end:var(--spacing);box-shadow:var(--body-text-color-a5,rgb(0 0 0/5%)) 0 1px 0;}
#category_list .title h2{font-size:var(--SiteFS-XL);font-weight:var(--CPT-FW-EB);}
#category_list .title .tips{color:var(--body-text-color-a50,rgba(0 0 0/50%));}
#category_list .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--column-size,25em),100%),1fr));gap:var(--spacing) calc(var(--spacing) * 1.5);align-items:start;}

#category_list .article{display:grid;grid:var(--grid);align-items:start;gap:.75em 1.5em;color:inherit;transition:color 300ms;--grid:"img headline" auto "img time" 1fr/2fr 3fr;}
#category_list .article:hover{color:var(--SiteTHM);}
#category_list .article:hover .img>img{transform:scale(105%);}
#category_list .img{grid-area:img;aspect-ratio:var(--aspect-ratio,3/2);border-radius:.5em;overflow:hidden;background:var(--body-text-color-a5,#fff);box-shadow:var(--body-text-color-a5,rgba(0 0 0 / 5%)) 0 0 0 1px;}
#category_list .img>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 300ms;}
#category_list .headline{grid-area:headline;}
#category_list .headline>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;overflow:hidden;hyphens:auto;font-size:var(--headline-fs,1em);font-weight:var(--CPT-FW-B);}
#category_list .time{grid-area:time;font-size:var(--SiteFS-S);color:var(--body-text-color-a50,rgba(0 0 0/50%));}
@media only screen and (max-width:1280px){
	#category_list .list{gap:1em var(--spacing);}
}
@media only screen and (max-width:1000px){}
@media only screen and (min-width:801px){
	#category_list .article:nth-child(-n+6){--grid:"img" "headline" "time";--headline-fs:var(--SiteFS-L);--aspect-ratio:5/3;grid-row:span 3;}
}
@media only screen and (max-width:800px) and (min-width:481px){
	#category_list .article:nth-child(-n+4){--grid:"img" "headline" "time";--headline-fs:var(--SiteFS-L);--aspect-ratio:5/3;}
}
@media only screen and (max-width:480px){
	#category_list .article:nth-child(-n+2){--grid:"img" "headline" "time";--headline-fs:var(--SiteFS-L);--aspect-ratio:5/3;}
}