.blog-main{background:var(--bg);min-height:100vh;padding:132px 0 80px}.blog-main--index{padding-top:112px}body:has(.blog-main--index) header{background:var(--bg)}.blog-main--article{background:var(--white)}.blog-article h1{font-size:44px;line-height:1.18;margin-bottom:18px;overflow-wrap:anywhere;word-break:normal}.blog-description{color:var(--gray3);font-size:18px;margin-bottom:32px;max-width:720px;overflow-wrap:anywhere;word-break:normal}.blog-list{padding:44px 0 0}.blog-main--index .blog-list{padding-top:0}.blog-list .container{max-width:920px}.blog-card{display:grid;gap:12px;background:var(--white);border:1px solid var(--gray1);border-radius:8px;color:var(--text);margin-bottom:16px;padding:24px;text-decoration:none;transition:border-color .2s,transform .2s}.blog-card:hover{border-color:var(--primary);transform:translateY(-2px)}.blog-card time,.blog-article-meta{color:var(--gray3);font-size:14px;font-weight:600;margin-bottom:12px}.blog-card h2{font-size:24px;line-height:1.3;margin:0}.blog-card p{color:var(--gray3);font-size:16px;margin:0}.blog-empty{background:var(--white);border:1px solid var(--gray1);border-radius:8px;color:var(--gray3);padding:24px}.blog-article{background:var(--white);padding:56px 0 80px}.blog-article .container{max-width:820px}.blog-cover{border-radius:8px;display:block;height:auto;margin:32px 0;width:100%}.blog-content{color:var(--text);font-size:18px;line-height:1.6;overflow-wrap:anywhere;word-break:normal}.blog-content h2{font-size:28px;line-height:1.3;margin:42px 0 14px}.blog-content h3{font-size:22px;line-height:1.35;margin:32px 0 12px}.blog-content p{margin:0 0 18px}.blog-content img{border-radius:8px;display:block;height:auto;margin:32px 0;max-width:100%;width:100%}.blog-content .blog-image-caption{color:var(--gray3);font-size:14px;line-height:1.45;margin:-18px 0 30px;text-align:center}.blog-content a{color:var(--primary);font-weight:700}.blog-content ul,.blog-content ol{margin:0 0 20px 24px}.blog-content li{margin-bottom:8px}.blog-content table{border:1px solid var(--gray2);border-collapse:separate;border-radius:8px;border-spacing:0;display:table;margin:18px 0 28px;max-width:100%;overflow:hidden;width:100%}.blog-content th,.blog-content td{border-bottom:1px solid var(--gray2);border-right:1px solid var(--gray2);padding:12px 14px;text-align:left;vertical-align:top}.blog-content th{background:var(--gray1);color:var(--text);font-weight:700}.blog-content tr:last-child td{border-bottom:0}.blog-content th:last-child,.blog-content td:last-child{border-right:0}.blog-content th:not(:last-child),.blog-content td:not(:last-child){color:var(--text);font-weight:700;width:1%;white-space:nowrap}.blog-content thead tr:first-child th:first-child{border-top-left-radius:7px}.blog-content thead tr:first-child th:last-child{border-top-right-radius:7px}.blog-content tbody tr:last-child td:first-child{border-bottom-left-radius:7px}.blog-content tbody tr:last-child td:last-child{border-bottom-right-radius:7px}.blog-share{border-top:1px solid var(--gray2);margin-top:48px;padding-top:24px}.blog-share p{color:var(--text);font-size:18px;font-weight:700;margin:0 0 14px}.blog-share-button{appearance:none;background:var(--white);border:1px solid var(--gray2);border-radius:8px;color:var(--text);cursor:pointer;font:inherit;font-size:15px;font-weight:700;padding:10px 14px;transition:border-color .2s,color .2s,transform .2s}.blog-share-button:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.blog-translations{border-top:1px solid var(--gray1);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:48px;padding-top:24px}.blog-translations a{background:var(--gray1);border-radius:8px;color:var(--text);font-size:14px;font-weight:700;padding:8px 12px;text-decoration:none}@media(max-width:768px){.blog-main{padding:40px 0 60px}.blog-main--index{padding-top:40px}.blog-article h1{font-size:34px}.blog-description,.blog-content{font-size:16px}.blog-card{padding:20px}.blog-content table{display:block;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.blog-content th:not(:last-child),.blog-content td:not(:last-child){min-width:96px}.blog-content th:last-child,.blog-content td:last-child{min-width:420px}}