.article-container{padding:52px 212px 40px;display:grid;grid-template-columns:31.65% 1fr;gap:37px;min-width:0}.article-container .column{padding:0;position:sticky;top:7rem;overflow-y:auto;max-height:calc(100vh - 7rem)}.pagination-container{-webkit-user-select:none;-moz-user-select:none;user-select:none}.article-container .post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.article-container .posts-columns{display:flex;flex-direction:column;gap:40px}.article-container .posts-columns:has(.no-data){gap:0}.article-horizontal{display:flex;padding-bottom:1.5rem;padding-top:1.5rem;border-bottom:1px solid #eee}.article-image{width:137px;height:77px;-o-object-fit:cover;object-fit:cover;margin-right:20px;flex-shrink:0}.article-content{display:flex;align-items:center}.article-content h3{font-weight:500;font-size:16px;line-height:24px;letter-spacing:0%;margin:0;color:#202051}.favorite-title{font-weight:500;font-size:24px;line-height:30px;color:#202051;margin:0}.pinned-posts,.top-viewed-posts{margin-bottom:52px}.categories-section,.tags-section{display:flex;flex-direction:column;gap:24px;margin-bottom:52px}.categories-section:not(:has(a)),.tags-section:not(:has(a)){margin-bottom:0}.pinned-posts:not(:has(h2)),.top-viewed-posts:not(:has(h2)),.favorite-title{margin-top:0;margin-bottom:0}.top-title{font-weight:500;font-size:24px;line-height:30px;color:#202051;margin:0}.article-horizontal a{text-decoration:none;display:flex;width:100%;height:100%}.tag-cloud{display:flex;flex-wrap:wrap;gap:19px}.tag{background:#e9eef5;color:#202051;padding:10px 20px;border-radius:45px;text-decoration:none;font-weight:500;font-size:16px;line-height:24px;transition:transform .2s ease}.tag:hover{background-color:#f4f4f4;color:red}.tag-active:hover{color:#fff}.tag-active{background:linear-gradient(148.02deg,#ff3841 28.64%,#ffd0a0 176%);color:#fff;padding:10px 20px;border-radius:45px;text-decoration:none;font-weight:500;font-size:16px;line-height:24px;transition:transform .2s ease}.article-vertical{width:100%;background:#fff;border-radius:16px;overflow:hidden;height:620px}.article-vertical span{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.card-header{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:16 / 9}.card-header img{width:100%;-o-object-fit:cover;object-fit:cover;height:100%;transition:transform .4s ease}.article-vertical:hover .card-header img{transform:scale(1.05)}.card-content{padding:32px 0 40px}.meta-info{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:#666}.stats{display:flex;align-items:center;gap:4px}.article-title{font-weight:500;font-size:20px;line-height:30px;color:#202051;margin:0 0 12px;transition:color .3s ease;letter-spacing:1px}.article-title:hover{color:#ff3d44}.description{color:#4a5568;font-size:14px;line-height:1.6;margin-bottom:8px}@media (max-width: 480px){.article-horizontal{max-width:100%;margin:0 10px}.main-title{font-size:18px}}.categories{display:flex;margin-bottom:20px;flex-wrap:wrap;gap:12px}.category{background:#e9eef5;color:#202051;padding:4px 12px;border-radius:25px;font-weight:500;font-size:13px;line-height:100%;text-align:center;vertical-align:middle;transition:background-color .2s ease,transform .2s ease}.post-short-desc *{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:16px;line-height:24px;text-align:justify;margin:0;color:#202051;letter-spacing:1px}.post-short-desc>div:nth-child(n+9){display:none}.date-with-bullet:before{content:"•";margin-right:8px;color:#666;font-size:14px}.stats span,.date-with-bullet{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:16px;line-height:23px;color:#595b6d}.category:hover{background-color:#ff3d44;color:#fff;transform:scale(1.01)}.pagination-container{background:#fff;border-radius:16px;display:flex;justify-content:center;margin-bottom:88px}.pagination{margin:0;display:flex;align-items:center;gap:20px;list-style:none;padding:0}.pagination-item{display:flex;align-items:center;justify-content:center}.pagination-link{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:1px solid #D0CFDF;background:#fff;color:#202051;text-decoration:none;font-weight:500;font-size:18px;line-height:27px;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:background .6s ease-in-out,border .6s ease-in-out}.pagination-arrow{position:absolute;top:30%;left:30%;transition:transform .5s ease;width:24px;height:24px}.pagination-arrow.gradient-icon,.pagination-arrow.white-icon{transition:transform .6s ease,opacity .6s ease}.pagination-arrow.gradient-icon{visibility:visible}.pagination-arrow.white-icon{visibility:hidden}.pagination-link:hover:not(.disabled) .pagination-arrow.gradient-icon{opacity:0;visibility:hidden}.pagination-link:hover:not(.disabled) .pagination-arrow.white-icon{opacity:1;visibility:visible}.pagination-link.next .pagination-arrow.gradient-icon{visibility:visible}.pagination-link.next .pagination-arrow.white-icon{visibility:hidden}.pagination-link.next:hover:not(.disabled) .pagination-arrow.gradient-icon{opacity:0;visibility:hidden}.pagination-link.next:hover:not(.disabled) .pagination-arrow.white-icon{opacity:1;visibility:visible}.pagination-link.disabled{opacity:.5;cursor:not-allowed}.pagination-link:hover:not(.disabled){border:1px solid transparent;background:linear-gradient(148.02deg,#ff3841 28.64%,#ffd0a0 176%);color:#fff}.pagination-link.active{background:linear-gradient(148.02deg,#ff3841 28.64%,#ffd0a0 176%);color:#fff}.pagination-arrow{font-size:18px;font-weight:600}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#94a3b8;font-weight:600;font-size:16px}.pagination-link:active:before{width:100%;height:100%}.pagination-link.active:before{background:#fff3}@media (max-width: 768px){.pagination{gap:6px}.pagination-link,.pagination-ellipsis{width:44px;height:44px;font-size:14px}.pagination-arrow{font-size:16px}.pagination-container{padding:20px}}@media (max-width: 480px){.pagination{gap:4px;flex-wrap:wrap;justify-content:center}.pagination-link,.pagination-ellipsis{width:40px;height:40px;font-size:14px}}.no-data{font-weight:500;font-size:16px;line-height:24px;margin:0;color:#202051;text-align:center}.no-data.hide{display:none}.posts-containers{position:relative}.posts-containers .overlay-loading.inactive{display:none}.posts-containers .overlay-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center}.posts-containers .overlay-loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.5;z-index:1}.posts-containers .overlay-loading .spinner{position:relative;z-index:2;width:48px;height:48px;border:5px solid #D0CFDF;border-top:5px solid #FF3841;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}