.vv-blog-body{max-width:var(--col);width:100%;padding:10px var(--side) 84px;flex:1;margin:0 auto;position:relative}.vv-blog-filters{flex-wrap:wrap;gap:10px;margin:2px 0 34px;display:flex}.vv-blog-filter{appearance:none;cursor:pointer;min-height:34px;font-family:var(--font-ui);letter-spacing:.13em;text-transform:uppercase;border-radius:var(--radius-pill);color:var(--fg-secondary);border:1px solid var(--veil);transition:all var(--transition-fast);background:0 0;padding:6px 16px;font-size:12px;font-weight:600}.vv-blog-filter:hover{color:var(--fg-primary);background:var(--lumen-wash);border-color:rgba(var(--lumen-rgb), .35)}.vv-blog-filter[aria-pressed=true]{color:var(--lumen);background:var(--lumen-tint);border-color:rgba(var(--lumen-rgb), .45)}.reg-light .vv-blog-filter{color:var(--fg-secondary-light)}.reg-light .vv-blog-filter:hover{color:var(--fg-primary-light);background:#c9a84c1a}.reg-light .vv-blog-filter[aria-pressed=true]{color:#8a6a22;background:#c9a84c24;border-color:#c9a84c}.vv-blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.vv-blog-card{border-radius:var(--radius-xl);background:var(--glass-panel);box-shadow:var(--glass-edge);transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.vv-blog-card:hover{box-shadow:var(--glass-edge), 0 18px 40px #00000059, 0 0 24px rgba(var(--lumen-rgb), .1);transform:translateY(-3px)}.reg-light .vv-blog-card{background:linear-gradient(160deg,#ffffffb8,#ffffff61);box-shadow:inset 0 1px #ffffffb3,inset 0 0 0 1px #786c9638,0 10px 26px #50466e1a}.reg-light .vv-blog-card:hover{box-shadow:inset 0 1px #ffffffb3,inset 0 0 0 1px #786c9642,0 16px 34px #50466e29}.vv-blog-card-link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.vv-blog-card-cover{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid var(--veil);width:100%;display:block}.vv-blog-card-cover--empty{aspect-ratio:16/9;border-bottom:1px solid var(--veil);background:radial-gradient(90% 120% at 50% 0%, rgba(var(--amethyst-rgb), .22), transparent 70%), radial-gradient(120% 100% at 50% 120%, rgba(var(--lumen-rgb), .14), transparent 65%);justify-content:center;align-items:center;display:flex}.vv-blog-card-cover--empty img{opacity:.85;filter:drop-shadow(0 4px 10px #0006);width:56px;height:56px}.vv-blog-card-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 14px;display:flex}.vv-blog-card-date{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-muted);font-size:12px}.vv-blog-card-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--fg-primary);transition:color var(--transition-fast);margin:0;font-size:23px;font-weight:400;line-height:1.25}.vv-blog-card:hover .vv-blog-card-title{color:var(--lumen)}.reg-light .vv-blog-card-title{color:var(--fg-primary-light)}.reg-light .vv-blog-card:hover .vv-blog-card-title{color:#8a6a22}.vv-blog-card-desc{font-family:var(--font-body);color:var(--fg-secondary);margin:0;font-size:15px;line-height:1.6}.reg-light .vv-blog-card-desc{color:var(--fg-secondary-light)}.vv-blog-card-tags{flex-wrap:wrap;gap:8px;padding:0 20px 18px;display:flex}.vv-blog-tag{font-family:var(--font-ui);letter-spacing:.13em;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--amethyst-tint);color:var(--amethyst);border:1px solid var(--amethyst-rim);transition:all var(--transition-fast);padding:3px 11px;font-size:11px;font-weight:600;text-decoration:none}a.vv-blog-tag:hover{background:rgba(var(--amethyst-rgb), .24);color:var(--fg-primary)}.reg-light .vv-blog-tag{color:#6a3fd0;background:#7e57d41a;border-color:#7e57d44d}.reg-light a.vv-blog-tag:hover{color:var(--fg-primary-light);background:#7e57d42e}.vv-blog-state{font-family:var(--font-body);color:var(--fg-secondary);padding:34px 0 60px;font-size:17px}.reg-light .vv-blog-state{color:var(--fg-secondary-light)}.vv-blog-cover-wrap{max-width:980px;padding:0 var(--side);width:100%;margin:0 auto 46px}.vv-blog-cover{border-radius:var(--radius-2xl);width:100%;display:block;box-shadow:0 0 0 1px #ffffff14,0 22px 48px #00000073}.reg-light .vv-blog-cover{box-shadow:0 0 0 1px #786c9640,0 16px 36px #50466e29}.vv-blog-article{width:100%;max-width:800px;padding:6px var(--side) 84px;margin:0 auto}.vv-blog-article .vv-prose{font-size:17px;line-height:1.75}.vv-blog-article .vv-prose h2{font-family:var(--font-display);letter-spacing:.05em;color:var(--fg-primary);border-bottom:1px solid var(--veil);text-shadow:0 0 18px rgba(var(--lumen-rgb), .18), 0 1px 2px #00000080;margin:42px 0 16px;padding-bottom:12px;font-size:clamp(24px,2.6vw,30px);font-weight:400;line-height:1.25;position:relative}.vv-blog-article .vv-prose h2:after{content:"";background:linear-gradient(90deg, var(--amethyst) 0%, var(--lumen) 78%, transparent 100%);width:64px;height:2px;position:absolute;bottom:-1px;left:0}.reg-light .vv-blog-article .vv-prose h2{color:var(--fg-primary-light);text-shadow:none;border-bottom-color:#786c9647}.vv-blog-figure{margin:28px 0}.vv-blog-figure img{border-radius:var(--radius-lg);width:100%;height:auto;display:block;box-shadow:0 0 0 1px #ffffff14,0 14px 34px #0006}.reg-light .vv-blog-figure img{box-shadow:0 0 0 1px #786c9640,0 10px 26px #50466e24}.vv-blog-figure figcaption{font-family:var(--font-ui);color:var(--fg-muted);text-align:center;margin-top:10px;font-size:13px}.vv-blog-prevnext{border-top:1px solid var(--veil);grid-template-columns:1fr 1fr;gap:16px;margin-top:56px;padding-top:28px;display:grid}.vv-blog-adj{border-radius:var(--radius-lg);background:var(--glass-panel);box-shadow:var(--glass-edge);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;display:flex}.vv-blog-adj:hover{box-shadow:var(--glass-edge), 0 10px 24px #0000004d;transform:translateY(-2px)}.reg-light .vv-blog-adj{background:linear-gradient(160deg,#ffffffb8,#ffffff61);box-shadow:inset 0 1px #ffffffb3,inset 0 0 0 1px #786c9638}.vv-blog-adj .dir{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);font-size:11px;font-weight:600}.vv-blog-adj .ttl{font-family:var(--font-display);letter-spacing:.04em;color:var(--fg-primary);font-size:17px}.reg-light .vv-blog-adj .ttl{color:var(--fg-primary-light)}.vv-blog-adj--next{text-align:right;grid-column:2;align-items:flex-end}.vv-blog-backrow{text-align:center;margin-top:36px}.vv-blog-backrow a{min-height:44px;font-family:var(--font-ui);color:var(--fg-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-flex}.vv-blog-backrow a:hover{color:var(--lumen);background:var(--lumen-wash)}.reg-light .vv-blog-backrow a{color:var(--fg-secondary-light)}.reg-light .vv-blog-backrow a:hover{color:#8a6a22;background:#c9a84c1a}@media (width<=720px){.vv-blog-prevnext{grid-template-columns:1fr}.vv-blog-adj--next{text-align:left;grid-column:auto;align-items:flex-start}.vv-blog-cover-wrap{margin-bottom:32px}}
