.list{background-color:var(--bg-page);width:100%;padding:170px 0 60px;display:block;position:relative;overflow:hidden}.list__main{background-color:var(--bg-white);width:100%;transition:var(--transition-sm);border-radius:25px;grid-template-columns:50% 50%;align-items:center;padding:15px;display:grid;overflow:hidden}@media (max-width:1024px){.list__main{flex-direction:column;padding:20px;display:flex}}.list__main:hover .event__main--thumb img{filter:grayscale();transform:scale(1.1)rotate(-2deg)}.list__main--thumb{aspect-ratio:1/.55;border-radius:20px;width:100%;height:auto;display:block;overflow:hidden}.list__main--thumb img{object-fit:cover;width:100%;height:100%;transition:var(--transition-md)}.list__main--content{flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding:15px 0 15px 35px;display:flex}@media (max-width:1024px){.list__main--content{padding:20px 0 0}}.list__main--content h3{color:var(--text-dark);line-clamp:2;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:15px;font-size:40px;font-weight:500;display:-webkit-box;overflow:hidden}@media (max-width:1366px){.list__main--content h3{font-size:34px}}@media (max-width:1024px){.list__main--content h3{font-size:28px}}.list__main--content p{color:var(--text-middle);line-clamp:3;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:16px;font-weight:400;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.list__main--content p{font-size:18px}}.list__main--meta{flex-direction:row;align-items:center;gap:40px;padding:20px 0 50px;display:flex}.list__main--meta span{color:var(--text-dark);flex-direction:row;align-items:center;gap:5px;font-size:16px;font-weight:400;display:flex}.list__main--meta span svg{color:var(--primary-color)}.list__grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;padding-top:40px;display:grid;overflow:hidden}@media (max-width:1024px){.list__grid{flex-direction:column;display:flex}}.list__item{background-color:var(--bg-white);width:100%;transition:var(--transition-sm);border-radius:20px;flex-direction:column;align-items:flex-start;gap:20px;padding:15px;display:flex;position:relative}.list__item:hover .event__item--thumb img{filter:grayscale();transform:scale(1.1)rotate(-2deg)}.list__item--thumb{aspect-ratio:1/.6;border-radius:10px;width:100%;height:auto;display:block;overflow:hidden}.list__item--thumb img{object-fit:cover;width:100%;height:100%;transition:var(--transition-md)}.list__item--wrap{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:30px;width:100%;height:100%;max-height:calc(100% - 220px);display:flex}.list__item--content{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.list__item--content h4{color:var(--text-dark);line-clamp:2;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:24px;font-weight:500;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.list__item--content h4{font-size:28px}}.list__item--content p{color:var(--text-light);line-clamp:3;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:16px;font-weight:400;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.list__item--content p{font-size:18px}}.list__item--meta{flex-direction:column;align-items:flex-start;gap:15px;padding:10px 0 20px;display:flex}.list__item--meta span{color:var(--text-dark);flex-direction:row;align-items:center;gap:5px;font-size:16px;font-weight:400;display:flex}.list__item--meta span svg{color:var(--primary-color)}.list__loader{justify-content:center;align-items:center;width:100%;padding-top:40px;display:flex}.detail{background-color:var(--bg-page);width:100%;padding:170px 0 60px;display:block;position:relative;overflow:hidden}@media (max-width:540px){.detail{padding:150px 0 60px}}.detail__content{flex-direction:column;align-items:flex-start;gap:30px;padding-bottom:40px;display:flex}.detail__content h1{color:var(--text-dark);font-size:48px;font-weight:700;line-height:1.15;display:block}@media (max-width:540px){.detail__content h1{font-size:40px;line-height:1.3}}.detail__flex{flex-direction:row;align-items:center;gap:30px;display:flex}.detail__category{color:var(--primary-color);letter-spacing:.3px;background-color:#e5ebff;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-size:14px;font-weight:600;line-height:1;display:flex;overflow:hidden}.detail__meta{flex-direction:row;align-items:center;gap:10px;display:flex}.detail__meta span{color:var(--text-dark);flex-direction:row;align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex}.detail__meta span img{object-fit:contain;width:24px;height:24px}.detail__image{aspect-ratio:1/.5;border-radius:25px;width:100%;height:auto;display:block;overflow:hidden}.detail__image img{object-fit:cover;width:100%;height:100%}.detail__richtext{background-color:var(--bg-white);border-radius:25px;width:100%;margin-top:40px;padding:40px;display:block;overflow:hidden}@media (max-width:540px){.detail__richtext{padding:30px}}.detail__richtext p{color:var(--text-middle);margin-bottom:15px;font-size:18px;font-weight:300;line-height:1.8;display:block}@media (max-width:540px){.detail__richtext p{font-size:16px}}.detail__richtext p strong{font-weight:700}.detail__richtext blockquote{color:var(--text-middle);border-left:2px solid var(--primary-color);margin-bottom:15px;padding-left:20px;font-size:18px;font-weight:300;line-height:1.8;display:block}@media (max-width:540px){.detail__richtext blockquote{font-size:16px}}.detail__richtext h1,.detail__richtext h2,.detail__richtext h3,.detail__richtext h4,.detail__richtext h5,.detail__richtext h6{margin:35px 0 15px;font-weight:700}.detail__richtext h1{font-size:40px}.detail__richtext h2{font-size:32px}.detail__richtext h3{font-size:28px}.detail__richtext h4{font-size:24px}.detail__richtext h5{font-size:20px}.detail__richtext h6{font-size:16px}@media (max-width:540px){.detail__richtext h1{font-size:28px}.detail__richtext h2{font-size:24px}.detail__richtext h3{font-size:22px}.detail__richtext h4{font-size:20px}.detail__richtext h5{font-size:18px}.detail__richtext h6{font-size:16px}}.detail__richtext ul{padding-left:40px;list-style:outside}@media (max-width:540px){.detail__richtext ul{padding-left:30px}}.detail__richtext ul li{color:var(--text-middle);margin-bottom:15px;font-size:18px;font-weight:300;line-height:1.6}@media (max-width:540px){.detail__richtext ul li{font-size:16px}}.detail__richtext ul li strong{font-weight:600}.detail__richtext a{color:var(--primary-dark);text-underline-offset:5px;transition:var(--transition-sm);text-decoration:underline}.detail__richtext a:hover{color:var(--primary-color)}.footer{background-color:var(--bg-page)}