.blog-shell{color:#30203d;background:#fff;min-height:100vh;font-family:Tahoma,Arial,sans-serif;line-height:1.9}.blog-shell *{box-sizing:border-box}.blog-shell a{color:#7b3e98;text-underline-offset:5px}.blog-shell a:hover{color:#17675f}.blog-shell a:focus-visible{outline-offset:5px;outline:3px solid #36aaa6}.blog-header{border-bottom:1px solid #ded1e5;justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:auto;padding:18px 28px;display:flex}.blog-header img{object-fit:contain;display:block}.blog-header nav,.blog-footer nav{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.blog-header nav a,.blog-footer nav a{text-decoration:none}.blog-main{max-width:900px;margin:auto;padding:54px 28px 80px}.blog-index-title{margin:0 0 38px;font-size:clamp(28px,4.4vw,42px);line-height:1.65}.blog-list{gap:24px;display:grid}.blog-card{background:#f6f1fa;border:1px solid #ded1e5;border-radius:18px;padding:30px}.blog-card h2{margin:12px 0;font-size:25px;line-height:1.7}.blog-card h2 a{text-decoration:none}.blog-card time,.blog-article time{color:#625469;font-size:14px}.blog-excerpt{-webkit-line-clamp:2;color:#625469;-webkit-box-orient:vertical;margin:16px 0 24px;font-size:18px;display:-webkit-box;overflow:hidden}.blog-read{font-size:18px;font-weight:700}.blog-back{font-size:15px}.blog-article header{border-bottom:1px solid #ded1e5;margin:22px 0 32px;padding-bottom:25px}.blog-article h1{margin:0 0 20px;font-size:clamp(28px,4.2vw,40px);line-height:1.6}.blog-prose{overflow-wrap:break-word;font-size:19px;line-height:2.1}.blog-prose h2{color:#714694;margin:44px 0 20px;font-size:28px;line-height:1.7}.blog-prose h3{margin:28px 0 10px;font-size:23px;line-height:1.8}.blog-prose p{margin:0 0 20px}.blog-prose li{margin:12px 0}.blog-prose ul{padding-inline-start:26px}.blog-footer{background:#f6f1fa;border-top:1px solid #ded1e5;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:28px max(28px,50vw - 562px);font-size:14px;display:flex}@media (max-width:600px){.blog-header{gap:16px;padding:14px 20px}.blog-header img{width:82px;height:56px}.blog-header nav{gap:14px;font-size:14px}.blog-main{padding:36px 20px 55px}.blog-card{padding:22px}.blog-card h2{font-size:22px}.blog-prose{font-size:18px}.blog-prose h2{font-size:25px}.blog-prose h3{font-size:22px}}