.blog-wrap{--b-bg:#f6f3ee;--b-surface:#ffffff;--b-ink:#1a1614;--b-muted:#6b6560;--b-dim:#a39c95;--b-sep:#e7e1d8;--b-brand:#e84830;--b-brand-lo:rgba(232,72,48,0.1);background:var(--b-bg);min-height:100vh;color:var(--b-ink)}.blog-container{max-width:1180px;margin:0 auto;padding:40px 28px 80px}.blog-head{margin-bottom:28px}.blog-head h1{font-family:var(--font-onest,sans-serif);font-size:clamp(28px,3.6vw,40px);font-weight:800;margin:0 0 6px;color:var(--b-ink)}.blog-head p{font-size:16px;color:var(--b-muted);line-height:1.6;margin:0;max-width:640px}.blog-layout{grid-template-columns:208px minmax(0,1fr) 268px}.blog-article-layout,.blog-layout{display:grid;gap:32px;align-items:start}.blog-article-layout{grid-template-columns:208px minmax(0,1fr)}.blog-article{background:var(--b-surface);border:1px solid var(--b-sep);border-radius:18px;padding:44px 52px 36px;max-width:840px}.blog-article blockquote p{margin:0!important}.blog-cat-nav{position:sticky;top:76px;display:flex;flex-direction:column;gap:2px}.blog-cat-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--b-ink);font-size:15px;font-weight:500;transition:background .15s}.blog-cat-item:hover{background:rgba(0,0,0,.04)}.blog-cat-item--active{background:var(--b-brand-lo);color:var(--b-brand);font-weight:600}.blog-cat-ico{width:41px;height:41px;border-radius:11px;flex-shrink:0;display:block;-o-object-fit:cover;object-fit:cover}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.blog-empty{color:var(--b-muted);font-size:16px;padding:40px 0}.blog-card{display:flex;flex-direction:column;background:var(--b-surface);border:1px solid var(--b-sep);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(26,22,20,.1);border-color:#d9d1c6}.blog-card-media{position:relative;width:100%;aspect-ratio:4/3;background:#efe9df;flex-shrink:0}.blog-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}.blog-card-meta{font-size:12.5px;font-weight:600;color:var(--b-dim);letter-spacing:.01em}.blog-card-title{font-family:var(--font-onest,sans-serif);font-size:18px;font-weight:700;line-height:1.25;color:var(--b-ink);margin:0}.blog-card-desc{font-size:14px;line-height:1.55;color:var(--b-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card--wide{grid-column:1/-1;flex-direction:row}.blog-card--wide .blog-card-media{width:44%;aspect-ratio:auto;min-height:240px}.blog-card--wide .blog-card-body{flex:1;justify-content:center;padding:26px 28px;gap:10px}.blog-card--wide .blog-card-title{font-size:24px}.blog-card--wide .blog-card-desc{font-size:15px;-webkit-line-clamp:4}.blog-aside{position:sticky;top:76px;display:flex;flex-direction:column;gap:16px}.blog-card-widget{background:var(--b-surface);border:1px solid var(--b-sep);border-radius:16px;padding:20px}.blog-widget-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.blog-widget-title{font-family:var(--font-onest,sans-serif);font-size:18px;font-weight:700;color:var(--b-ink)}.blog-soon-badge{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b-brand);background:var(--b-brand-lo);padding:3px 9px;border-radius:100px}.blog-learn--soon{opacity:.85}.blog-learn-hint{font-size:13.5px;line-height:1.55;color:var(--b-muted);margin:6px 0 0}.blog-learn-skeleton{margin-top:14px;display:flex;flex-direction:column;gap:10px}.blog-learn-srow{display:flex;align-items:center;gap:10px}.blog-learn-sico{width:26px;height:26px;border-radius:7px;background:#ece6dc;flex-shrink:0}.blog-learn-sbar{height:10px;border-radius:5px;background:#ece6dc}.blog-tg{display:flex;align-items:center;gap:12px;background:var(--b-surface);border:1px solid var(--b-sep);border-radius:16px;padding:12px 16px;text-decoration:none;color:var(--b-ink);transition:transform .15s ease,box-shadow .15s ease}.blog-tg:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(26,22,20,.08)}.blog-tg-ico{width:34px;height:34px;border-radius:9px;display:block;flex-shrink:0}.blog-tg-txt{display:flex;flex-direction:column;line-height:1.3}.blog-tg-txt b{font-size:14.5px;font-weight:600}.blog-tg-txt span{font-size:12.5px;color:var(--b-muted)}@media (max-width:1080px){.blog-article-layout,.blog-layout{grid-template-columns:180px minmax(0,1fr)}.blog-aside{grid-column:1/-1;position:static;flex-direction:row;flex-wrap:wrap}.blog-aside>*{flex:1 1 260px}}@media (max-width:720px){.blog-container{padding:24px 20px 60px}.blog-article-layout,.blog-layout{grid-template-columns:1fr}.blog-article{padding:24px 20px 36px;border-radius:14px}.blog-cat-nav{position:static;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px;padding:2px 20px 8px}.blog-cat-nav::-webkit-scrollbar{display:none}.blog-cat-item{flex-shrink:0;gap:9px;padding:4px 11px 4px 4px;border:1px solid var(--b-sep);background:var(--b-surface);border-radius:100px;font-size:12.5px;white-space:nowrap}.blog-cat-ico{width:26px;height:26px;border-radius:7px}.blog-article-layout{gap:0}.blog-article-layout .blog-cat-nav{padding-top:0;padding-bottom:24px}.blog-grid{grid-template-columns:1fr}.blog-card--wide{flex-direction:column}.blog-card--wide .blog-card-media{width:100%;aspect-ratio:4/3;min-height:0}.blog-card--wide .blog-card-body{padding:16px 18px 18px}.blog-card--wide .blog-card-title{font-size:20px}}