.ursus-blog{--b-bg:#f7f7fb;--b-surface:#fff;--b-ink:#2e2c67;--b-text:#3d3f5a;--b-soft:#6b6d88;--b-violet:#7870ba;--b-tint:#eeedf8;--b-cyan:#0cc4ca;--b-line:#e3e2ef;min-height:100dvh;color:var(--b-text);background:var(--b-bg);font-family:DM Sans,sans-serif;overflow:clip}.ursus-blog *,.ursus-blog :before,.ursus-blog :after{box-sizing:border-box}.ursus-blog a{color:inherit;text-decoration:none}.ursus-blog :focus-visible{outline:3px solid var(--b-cyan);outline-offset:3px;border-radius:6px}.blog-wrap{width:min(100% - 40px,1160px);margin:0 auto}.blog-topbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--b-line);background:#ffffffeb;position:sticky;top:0}.blog-topbar-inner{justify-content:space-between;align-items:center;gap:12px;width:min(100% - 40px,1160px);height:68px;margin:0 auto;display:flex}.blog-wordmark{color:var(--b-ink);letter-spacing:-.05em;align-items:center;gap:10px;font:700 24px/1 Syne,sans-serif;display:inline-flex}.blog-wordmark-mark{object-fit:contain;width:34px;height:34px}.blog-nav{align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.blog-nav a{color:var(--b-ink);border-radius:999px;padding:9px 14px;transition:background .2s}.blog-nav a:hover{background:var(--b-tint)}.blog-nav .blog-nav-cta{border:1px solid var(--b-line)}.blog-chip{background:var(--b-tint);color:var(--b-ink);letter-spacing:.02em;border-radius:999px;margin:0;padding:5px 12px;font:600 12px/1.2 DM Sans,sans-serif;display:inline-block}.blog-index{padding-bottom:80px}.blog-index-hero{background:linear-gradient(180deg, #fff, var(--b-bg));border-bottom:1px solid var(--b-line);padding:clamp(40px,7vw,88px) 0 36px}.blog-index-title{max-width:16ch;color:var(--b-ink);letter-spacing:-.035em;text-wrap:balance;margin:18px 0 16px;font:700 clamp(34px,5.6vw,60px)/1.05 Syne,sans-serif}.blog-index-intro{max-width:56ch;color:var(--b-soft);margin:0;font-size:clamp(16px,1.6vw,18px);line-height:1.65}.blog-topics{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.blog-topic{border:1px solid var(--b-line);background:var(--b-surface);min-height:40px;color:var(--b-ink);cursor:pointer;border-radius:999px;padding:8px 18px;font:500 14px DM Sans,sans-serif;transition:background .2s,color .2s,border-color .2s}.blog-topic:hover{border-color:var(--b-violet)}.blog-topic[aria-pressed=true]{background:var(--b-ink);border-color:var(--b-ink);color:#fff}.blog-listing{padding-top:40px}.blog-listing-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.blog-listing-head h2{color:var(--b-ink);letter-spacing:-.03em;margin:0;font:700 clamp(22px,3vw,28px)/1.1 Syne,sans-serif}.blog-listing-count{color:var(--b-soft);font-size:14px}.blog-grid{gap:24px;margin:0;padding:0;list-style:none;display:grid}.blog-card{background:var(--b-surface);border:1px solid var(--b-line);border-radius:20px;transition:box-shadow .25s,transform .25s,border-color .25s;overflow:hidden}.blog-card:hover{border-color:var(--b-violet);transform:translateY(-2px);box-shadow:0 14px 34px #2e2c671a}.blog-card-link{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;display:grid}.blog-card-cover{background-position:50%;background-size:cover;place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.blog-card-cover img{object-fit:contain;filter:drop-shadow(0 14px 18px #2e2c6747);width:auto;max-width:70%;height:76%;transition:transform .35s cubic-bezier(.22,1,.36,1)}.blog-card:hover .blog-card-cover img{transform:scale(1.04)}.blog-card-cover--cyan img{border-radius:5%/7.5%}.blog-card-body{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(24px,4vw,44px);display:flex}.blog-card-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.blog-meta-time{color:var(--b-soft);align-items:center;gap:6px;font-size:13px;display:inline-flex}.blog-card-title{color:var(--b-ink);letter-spacing:-.03em;text-wrap:balance;margin:18px 0 12px;font:700 clamp(22px,2.8vw,31px)/1.15 Syne,sans-serif}.blog-card-description{color:var(--b-text);margin:0;font-size:16px;line-height:1.65}.blog-card-read{color:var(--b-ink);border-bottom:2px solid var(--b-cyan);align-items:center;gap:8px;margin-top:22px;padding-bottom:2px;font-size:15px;font-weight:600;display:inline-flex}.blog-card-read svg{transition:transform .2s}.blog-card:hover .blog-card-read svg{transform:translate(4px)}.blog-grid li:nth-child(2n) .blog-card-cover{order:2}.blog-index-footer{border-top:1px solid var(--b-line);color:var(--b-soft);justify-content:space-between;margin-top:64px;padding-top:20px;font-size:14px;display:flex}.blog-index-footer a{color:var(--b-ink);font-weight:600}.blog-article{padding-bottom:80px}.blog-article-hero{width:min(100% - 40px,1000px);margin:0 auto;padding:28px 0 40px}.blog-crumbs{color:var(--b-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.blog-crumbs a{color:var(--b-ink)}.blog-crumbs a:hover{text-decoration:underline!important}.blog-back{align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex;color:var(--b-ink)!important}.blog-back:hover{color:var(--b-violet)!important}.blog-article-heading{max-width:760px;margin:32px 0 30px}.blog-article-title{color:var(--b-ink);letter-spacing:-.035em;text-wrap:balance;margin:16px 0 14px;font:700 clamp(30px,4.6vw,48px)/1.1 Syne,sans-serif}.blog-article-summary{color:var(--b-soft);margin:0;font-size:clamp(16px,1.7vw,19px);line-height:1.65}.blog-article-meta{color:var(--b-soft);flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;font-size:14px;display:flex}.blog-share{border:1px solid var(--b-line);background:var(--b-surface);min-height:36px;color:var(--b-ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font:500 14px DM Sans,sans-serif;display:inline-flex}.blog-share:hover{border-color:var(--b-violet)}.blog-article-cover{aspect-ratio:2.2;background-position:50%;background-size:cover;border-radius:24px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.blog-article-cover img{object-fit:contain;filter:drop-shadow(0 18px 24px #2e2c674d);max-width:70%;height:80%}.blog-article-cover--cyan img,.blog-card-cover--cyan.blog-article-cover img{border-radius:5%/7.5%}.blog-reading-layout{width:min(100% - 40px,720px);margin:8px auto 0}.blog-prose{min-width:0;color:var(--b-text);overflow-wrap:anywhere;font-size:17px;line-height:1.75}.blog-prose>:first-child{margin-top:0}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4{color:var(--b-ink);letter-spacing:-.025em;text-wrap:balance;font-family:Syne,sans-serif;font-weight:700;line-height:1.2}.blog-prose h1{margin:1.8em 0 .55em;font-size:clamp(28px,4vw,36px)}.blog-prose h2{border-top:1px solid var(--b-line);margin:2em 0 .6em;padding-top:.6em;font-size:clamp(24px,3.2vw,30px)}.blog-prose h3{margin:1.7em 0 .5em;font-size:clamp(20px,2.6vw,23px)}.blog-prose h4{margin:1.5em 0 .45em;font-size:18px}.blog-prose p{margin:0 0 1.25em}.blog-prose strong{color:var(--b-ink);font-weight:700}.blog-prose a{color:var(--b-violet);text-underline-offset:3px;text-decoration:underline}.blog-prose a:hover{color:var(--b-ink)}.blog-prose ul,.blog-prose ol{margin:0 0 1.5em;padding-left:1.4em}.blog-prose li{margin:.5em 0;padding-left:.3em}.blog-prose li::marker{color:var(--b-violet);font-weight:700}.blog-prose blockquote{border-left:4px solid var(--b-cyan);background:var(--b-tint);color:var(--b-ink);border-radius:0 12px 12px 0;margin:1.8em 0;padding:16px 20px}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-table-wrap{border:1px solid var(--b-line);background:var(--b-surface);border-radius:14px;width:100%;margin:1.6em 0 2em;overflow-x:auto}.blog-prose table{border-collapse:collapse;text-align:left;width:100%;min-width:520px;font-size:14.5px;line-height:1.55}.blog-prose th{color:var(--b-ink);background:var(--b-tint);font-weight:700}.blog-prose th,.blog-prose td{border-bottom:1px solid var(--b-line);vertical-align:top;padding:12px 14px}.blog-prose tr:last-child td{border-bottom:0}.blog-prose hr{border:0;border-top:1px solid var(--b-line);margin:2.5em 0}.blog-article-end{border-top:1px solid var(--b-line);justify-content:space-between;gap:12px;width:min(100% - 40px,720px);margin:56px auto 0;padding-top:22px;display:flex}.blog-load-state{border:1px solid var(--b-line);background:var(--b-surface);border-radius:18px;width:min(100% - 40px,720px);min-height:240px;margin:0 auto;padding:36px}.blog-article>.blog-load-state{text-align:center}.blog-reading-layout .blog-load-state{width:100%}.blog-skeleton{background:linear-gradient(90deg,#eeedf8,#dedcf0,#eeedf8) 0 0/200% 100%;border-radius:7px;width:100%;height:14px;margin:0 0 15px;animation:1.6s ease-in-out infinite blog-shimmer}.blog-skeleton:nth-child(2){width:88%}.blog-skeleton:nth-child(3){width:73%;margin-bottom:28px}.blog-load-state h2{color:var(--b-ink);margin:0 0 9px;font:700 24px Syne,sans-serif}.blog-load-state p{color:var(--b-soft);font-size:15px;line-height:1.6}.blog-load-state .blog-card-meta{color:var(--b-soft);font-size:14px}.blog-retry{background:var(--b-ink);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:10px;padding:11px 18px;font:600 14px DM Sans,sans-serif;display:inline-flex;color:#fff!important}.blog-retry:hover{background:var(--b-violet)}@keyframes blog-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=800px){.blog-card-link{grid-template-columns:1fr}.blog-card-cover{aspect-ratio:1.6;min-height:0}.blog-grid li:nth-child(2n) .blog-card-cover{order:0}}@media (width<=600px){.blog-topbar-inner{height:60px}.blog-wordmark{font-size:21px}.blog-nav a{padding:8px 10px}.blog-article-cover{aspect-ratio:1.3;border-radius:18px}.blog-prose{font-size:16px}.blog-card{border-radius:16px}}@media (prefers-reduced-motion:reduce){.ursus-blog *,.ursus-blog :before,.ursus-blog :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
