#wrapper[data-page=blog\.show]{overflow:clip}.blog-shell{color:#29446c;max-width:1240px;margin:0 auto;padding:64px 24px 88px}.blog-heading{max-width:760px;margin-bottom:40px}.blog-heading h1{margin:8px 0 16px;font-size:clamp(36px,5vw,56px)}.blog-heading>p:last-child{font-size:18px;line-height:1.6}.blog-eyebrow{color:#495cf0;letter-spacing:.13em;font-size:12px;font-weight:700}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{background:#fff;border:1px solid #dbe3f4;border-radius:20px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 8px 25px #2c477509}.blog-card h2{margin:0;font-size:23px;line-height:1.35}.blog-card h2 a{color:inherit;text-decoration:none}.blog-card h2 a:hover{color:#495cf0}.blog-card__cover{aspect-ratio:16/9;background:#eef2ff;display:block}.blog-card__cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-card__body{flex-direction:column;flex:1;gap:18px;padding:24px;display:flex}.blog-card__body>p{margin:0;line-height:1.6}.blog-card__read{color:#4658dc;margin-top:auto;padding-top:8px;font-weight:600}.blog-meta{color:#687c9a;flex-wrap:wrap;gap:8px 16px;font-size:13px;line-height:1.5;display:flex}.blog-empty{text-align:center;background:#f0f4ff;border:1px solid #dbe3f4;border-radius:20px;padding:64px 24px}.blog-empty h2{margin-bottom:16px}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:40px;display:flex}.blog-pagination a{border:1px solid #dbe3f4;border-radius:10px;padding:12px 18px}.blog-back{margin-bottom:32px;display:inline-block}.blog-article-layout{grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"article sidebar";align-items:start;gap:48px;display:grid}.blog-sidebar{grid-area:sidebar;min-width:0;position:sticky;top:24px}.blog-article-cover{border-radius:16px;width:100%;height:auto;margin-bottom:20px}.blog-article{grid-area:article;min-width:0}.blog-article header{margin-bottom:32px}.blog-article h1{overflow-wrap:anywhere;margin:16px 0;font-size:clamp(30px,4vw,46px);line-height:1.18}.blog-toc{background:#f0f4ff;border:1px solid #dbe3f4;border-radius:16px;flex-direction:column;max-height:calc(100dvh - 48px);padding:20px;display:flex}.blog-toc>div{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#9aa9df #e5eafa;min-height:0;padding-inline-end:8px;overflow:auto}.blog-toc>div::-webkit-scrollbar{width:6px}.blog-toc>div::-webkit-scrollbar-track{background:#e5eafa;border-radius:8px}.blog-toc>div::-webkit-scrollbar-thumb{background:#9aa9df;border-radius:8px}.blog-toc>div:hover{scrollbar-color:#697bd0 #e5eafa}.blog-toc a{color:#526b8e;overflow-wrap:anywhere;border-inline-start:3px solid #0000;border-radius:0 8px 8px 0;margin:3px 0;padding:10px 12px;font-size:14px;line-height:1.45;text-decoration:none;display:block}.blog-toc a:hover{color:#423bf0;background:#e6ebff}.blog-toc a:focus-visible{outline-offset:-2px;outline:2px solid #6651ff}.blog-toc a[aria-current=location]{color:#423bf0;background:#e3e8ff;border-inline-start-color:#6651ff;font-weight:700}.blog-toc [hidden]{display:none}.blog-toc__toggle{font:inherit;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:space-between;width:100%;padding:0 0 10px;font-weight:700;display:flex}.blog-prose{overflow-wrap:anywhere;font-size:17px;line-height:1.8}.blog-prose>:first-child{margin-top:0}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre,.blog-prose figure,.blog-prose table{margin:0 0 24px}.blog-prose h2,.blog-prose h3,.blog-prose h4{margin:36px 0 16px;scroll-margin-top:min(96px,15vh);line-height:1.35}.blog-prose h2{font-size:28px}.blog-prose h3{font-size:22px}.blog-prose ul,.blog-prose ol{padding-inline-start:28px}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li{margin:8px 0}.blog-prose img{border-radius:12px;max-width:100%;height:auto}.blog-prose blockquote{background:#f2f4ff;border-inline-start:3px solid #6651ff;padding:16px 24px}.blog-prose pre{white-space:pre-wrap;background:#f0f4ff;padding:20px}.blog-prose a{color:#423bf0;text-decoration:underline}.blog-prose table{overscroll-behavior-x:contain;border-collapse:collapse;scrollbar-width:thin;scrollbar-color:#9aa9df #e5eafa;max-width:100%;padding-bottom:8px;display:block;overflow:auto}.blog-prose table::-webkit-scrollbar{height:8px}.blog-prose table::-webkit-scrollbar-track{background:#e5eafa;border-radius:8px}.blog-prose table::-webkit-scrollbar-thumb{background:#9aa9df;border-radius:8px}.blog-prose table:hover{scrollbar-color:#697bd0 #e5eafa}.blog-prose table:focus-visible{outline-offset:2px;outline:2px solid #6651ff}.blog-prose td,.blog-prose th{vertical-align:top;border:1px solid #dbe3f4;min-width:160px;padding:10px}.blog-prose figcaption{color:#687c9a;font-size:14px}.blog-related{margin-top:72px}.blog-related>h2{margin-bottom:28px;font-size:28px}.admin-blog-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.admin-blog-actions>form{margin:0}.admin-blog-editor{gap:24px;margin-bottom:24px;display:grid}.admin-blog-fields input,.admin-blog-fields select,.admin-blog-fields textarea,.admin-blog-filters input,.admin-blog-filters select,.admin-blog-filters textarea{font:inherit;color:inherit;background:#fff;border:1px solid #cbd5ed;border-radius:8px;max-width:100%;min-height:44px;padding:12px}.admin-blog-fields input:focus-visible,.admin-blog-fields select:focus-visible,.admin-blog-fields textarea:focus-visible,.admin-blog-filters input:focus-visible,.admin-blog-filters select:focus-visible,.admin-blog-filters textarea:focus-visible{outline-offset:2px;outline:2px solid #6651ff}.admin-blog-fields{flex-direction:column;gap:22px;display:flex}.admin-blog-fields label{flex-direction:column;gap:8px;font-weight:600;display:flex}.admin-blog-fields small{color:#687c9a;font-weight:400}.admin-blog-fields input,.admin-blog-fields textarea,.admin-blog-fields select{width:100%;min-width:0}.admin-blog-fields h2,.admin-blog-fields p,.admin-blog-fields .admin-blog-actions{margin:0}.admin-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.admin-blog-hint{color:#687c9a;font-size:13px;line-height:1.6}.admin-blog-editor textarea{resize:vertical;line-height:1.65}.admin-blog-toolbar{flex-wrap:wrap;gap:8px;display:flex}.admin-blog-toolbar button{font:inherit;color:#29446c;cursor:pointer;background:#f5f7ff;border:1px solid #dbe3f4;border-radius:8px;padding:8px 12px}.admin-blog-seo summary{cursor:pointer;font-weight:600}.admin-blog-seo .admin-blog-fields{padding-top:20px}.admin-blog-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.admin-blog-images figure{flex-direction:column;gap:12px;margin:0;display:flex}.admin-blog-images img{-o-object-fit:contain;object-fit:contain;background:#f0f4ff;border-radius:12px;width:100%;height:160px}.admin-blog-images textarea{font-size:12px}.admin-blog-list article{border-top:1px solid #dbe3f4;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.admin-blog-list article h2{margin:0 0 8px;font-size:20px}.admin-blog-list article p{color:#687c9a;margin:0;font-size:13px}.admin-blog-filters{align-items:end;gap:16px;margin-bottom:24px;display:flex}.admin-blog-filters label{flex-direction:column;flex:1;gap:8px;display:flex}.admin-blog-delete summary{cursor:pointer;color:#a72532}.admin-blog-delete p{margin:16px 0}.admin-blog-preview{max-width:900px}.admin-blog-preview>h1{margin-bottom:24px;line-height:1.25}.admin-blog-preview .blog-toc{margin-bottom:28px}@media (width<=1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.blog-shell{padding-top:32px}.blog-article-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar""article";gap:24px}.blog-sidebar{position:static}.blog-article-cover{-o-object-fit:cover;object-fit:cover;max-height:360px}.blog-toc{max-height:60dvh}}@media (width<=600px){.blog-shell{padding:28px 18px 48px}.blog-grid,.admin-blog-grid,.admin-blog-images{grid-template-columns:minmax(0,1fr)}.blog-heading{margin-bottom:28px}.blog-card__body{padding:20px}.admin-blog-filters,.admin-blog-list article{flex-direction:column;align-items:stretch}.blog-prose{font-size:16px}}
