.blog-main{padding:48px 0 60px}.blog-intro{text-align:center;margin-bottom:32px}.blog-intro>p:first-child{color:#5d35be;letter-spacing:2px;font-size:12px;font-weight:600}.blog-intro h1{margin:15px 0;font-size:45px;font-weight:200;line-height:1.1}.category-description{max-width:760px;margin:20px auto;font-size:18px;line-height:1.5}.blog-search{align-items:center;gap:12px;max-width:900px;margin:0 auto 25px;display:flex}.blog-search button{color:#fff;background:#5d35be;border:0;border-radius:5px;min-height:46px;padding:13px 24px;font-weight:600}.blog-search>a{white-space:nowrap;color:#5d35be;font-size:13px}.category-links{flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:28px;display:flex}.category-links>a{background:#ede8f2;border-radius:20px;padding:8px 13px;font-size:13px}.category-links>a.active{color:#fff;background:#5d35be}.blog-results{color:#69636e;font-size:14px}.blog-panel{background:#fff;padding:20px}.blog-panel h2{margin:10px 0;font-size:20px;font-weight:600;line-height:1.3}.blog-panel article>p{color:#625a6b;text-align:left;font-size:15px;line-height:1.5}.blog-panel .post-grid{row-gap:35px}.blog-pagination{justify-content:center;gap:10px;margin-top:30px;display:flex}.blog-pagination>a{border:1px solid #dcd3ea;border-radius:5px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:8px 14px;font-size:15px;display:flex}.blog-pagination a[aria-current=page]{color:#fff;background:#5d35be;border-color:#5d35be}.blog-nav{align-items:center;gap:25px;display:flex}.blog-nav details{position:relative}.blog-nav summary{cursor:pointer}.blog-nav details>div{z-index:30;background:#fff;border-radius:5px;gap:0;width:240px;padding:10px;display:grid;position:absolute;top:32px;right:0;box-shadow:0 4px 20px #0002}.blog-nav details a{padding:9px;font-size:15px}.blog-nav details a:hover{background:#ede8f2}@media (width<=700px){.blog-main{padding-top:30px}.blog-intro h1{font-size:34px}.blog-intro>p:first-child{font-size:10px}.category-description{font-size:16px}.blog-panel{box-shadow:none;padding:12px 0}.blog-panel h2{font-size:17px}.blog-panel article>p{font-size:14px}.blog-nav{box-shadow:none;background:0 0;gap:10px;padding:0;display:flex;position:static}.blog-nav>a{display:none}.blog-nav details{font-size:14px}.blog-nav details>div{width:220px;right:0}.blog-search{flex-wrap:wrap;gap:8px}.blog-search input{flex:1}.blog-search button{padding-inline:18px}.blog-pagination{flex-wrap:wrap}.category-links{justify-content:flex-start}.topbar-inner>a{font-size:10px}}
