.post-card{display:flex}.post-card a{text-decoration:none}.post-card .excerpt{color:var(--Ctext-75)}.post-card .excerpt>p:first-child{margin-top:0}.post-card .excerpt>p:last-child{margin-bottom:0}.post-card>.contentBox{width:calc(100% - 3.25rem);padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;box-sizing:border-box;min-height:13rem}.post-card.image>.contentBox{width:72%;max-width:72%}.post-card>.contentBox>.title{position:relative}.post-card>.contentBox>.title::before{content:"";position:absolute;left:-1.25rem;width:.25rem;height:1.5rem;border-radius:100vmax;background-color:var(--Cbrand);top:50%;transform:translateY(-50%)}.post-card>.contentBox>.title>a{color:var(--Ctext-90);transition:color .25s ease-in-out}.post-card>.contentBox>.title:hover>a{color:var(--Cbrand)}.post-card>.contentBox>.title>a>h2{margin:0;font-size:1.875rem;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2.25rem}.post-card>.contentBox>.title>a>h2 .after{display:inline-flex;margin-left:.25rem;opacity:0;color:var(--Cbtn-content);transition:opacity 0.2s ease-in-out;vertical-align:middle}.post-card>.contentBox>.title>a>h2:hover>.after{opacity:1}@media(max-width: 768px){.post-card>.contentBox>.title::before{content:unset}.post-card>.contentBox>.title>a>h2{text-wrap:wrap}.post-card>.contentBox>.title>a>h2>.after{opacity:1}}.post-card>.contentBox>.post-meta{font-weight:500;color:var(--Ctext-50)}.post-card>.contentBox>.post-meta a{color:var(--Ctext-50)}.post-card>.contentBox>.foreword{overflow:hidden;text-overflow:ellipsis}.post-card>.contentBox>.length{display:flex;color:var(--Ctext-25);font-weight:400;margin-top:auto}.post-card>.contentBox>.length>.hr{display:block;width:0;padding:0 .75rem;position:relative}.post-card>.contentBox>.length>.hr::before{content:"|";position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;font-weight:400}.post-card>.readMore{min-width:3.25rem;width:3.25rem;position:relative;overflow:hidden;border-radius:.75rem;margin-left:auto;background-position:center center;background-size:cover}.post-card>.readMore>.cover{opacity:1;position:absolute;pointer-events:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--Cbtn-regular-bg);color:var(--Cbtn-content);transition:background-color .25s ease-in-out}.post-card>.readMore:hover>.cover{background-color:var(--Cbtn-regular-bg-hover)}.post-card>.readMore img{object-fit:cover;object-position:center;height:100%}.post-card.image>.readMore{width:28%;display:flex;justify-content:center}.post-card.image>.readMore>.cover{opacity:0;background-color:rgba(0,0,0,.2666666667);color:#fff;transition:opacity .25s ease-in-out}.post-card.image>.readMore:hover>.cover{opacity:1}.post-card>.readMore>.cover>svg{font-size:2.5rem}.post-card.image>.readMore>.button{height:100%;width:100%;display:flex;justify-content:center}@media(max-width: 768px){.mainCon>.index-ul>li>.post-card{border-radius:0;position:relative}.mainCon>.index-ul>li>.post-card>.contentBox::before{content:"";position:absolute;top:0;border-top:.01rem dashed var(--Ctext-25);left:3rem;right:3rem}.mainCon>.index-ul>li:first-child>.post-card{border-radius:1rem 1rem 0 0}.mainCon>.index-ul>li:first-child>.post-card>.contentBox::before{content:unset}.mainCon>.index-ul>li:last-child>.post-card{border-radius:0 0 1rem 1rem}.post-card{flex-direction:column-reverse;max-height:35rem}.post-card>.contentBox,.post-card.image>.contentBox{padding:.5rem .75rem;width:100%;max-width:100%;min-height:unset}.post-card>.readMore{display:none}.post-card.image>.readMore{display:flex;width:100%;aspect-ratio:21/9}.post-card.image>.readMore>.button{width:100%;max-height:10rem;height:unset}.post-card .post-meta{font-size:.875rem}.post-card .post-meta .tag{display:none}}.post-meta{color:var(--Ctext-25);font-weight:400;overflow:hidden;width:100%;text-wrap:nowrap;position:relative}.post-meta a{text-decoration:none}.post-meta>.meta-title{color:var(--Ctext-100);margin:.85rem 0;font-weight:bold}.post-meta>.meta-content{margin:0;display:flex;overflow:auto;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);flex-wrap:wrap;gap:.5rem}.post-meta>.meta-content:not(:first-child){margin-top:.5rem}.post-meta>.meta-content>*{display:flex;align-items:center}.post-meta>.meta-content>*>:not(.iconBlock):not(.hr){padding:.375rem}.post-meta>.meta-content>:is(.tag,.category)>a{cursor:pointer;display:block;padding:.375rem;margin:0 .125rem;border-radius:.375rem;color:var(--Ctext-25);background-color:rgba(0,0,0,0);transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out}.post-card .post-meta>.meta-content>:is(.tag,.category)>a:not(:hover){color:var(--Ctext-50)}.post-meta>.meta-content>:is(.tag,.category)>a:hover{color:var(--Cbtn-content);background-color:var(--Cbtn-plain-bg-hover)}.post-meta>.meta-content>:is(.tag,.category)>hr{display:block;width:0;padding:0 .15rem;position:relative}.post-meta>.meta-content>:is(.tag,.category)>hr::before{content:"/";position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;font-weight:400}.page-navigator{margin:0 auto;width:fit-content;display:flex;align-items:center;gap:1rem}.page-navigator>:is(a,span),.page-navigator>.pages>:is(a,span){text-decoration:none;display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:1rem;background-color:var(--Ccard-bg);box-shadow:0 4px 10px rgba(0,0,0,.05),0 0 1px rgba(0,0,0,.1);color:var(--Cbrand);cursor:pointer;font-weight:900;transition:background-color .125s ease-in-out}.page-navigator>:is(a,span).prev,.page-navigator>.pages>:is(a,span).prev{transform:rotate(180deg)}.page-navigator>:is(a,span):is(.prev,.next)>svg,.page-navigator>.pages>:is(a,span):is(.prev,.next)>svg{font-size:2rem}.page-navigator>:is(a,span).now,.page-navigator>.pages>:is(a,span).now{background-color:var(--Cbrand);color:var(--Cbg)}.page-navigator>:is(a,span):not([href]):not(.now),.page-navigator>.pages>:is(a,span):not([href]):not(.now){color:var(--Ctext-25)}.page-navigator>:is(a,span)[href]:not(.now):hover,.page-navigator>.pages>:is(a,span)[href]:not(.now):hover{background-color:var(--Cbtn-plain-bg-hover)}.page-navigator>.pages{display:flex;border-radius:1rem;background-color:var(--Ccard-bg);color:#fff;font-weight:900;height:3rem}