:root{--blog-accent-text:#b54700;--blog-accent-bg:#b5470014;--blog-accent-border:#b5470038}[data-theme=cream]{--blog-accent-text:#a84200;--blog-accent-bg:#a8420014;--blog-accent-border:#a8420038}[data-theme=stone],[data-theme=dark]{--blog-accent-text:var(--accent-hover,#f28d52);--blog-accent-bg:#f28d521f;--blog-accent-border:#f28d5247}.blog-shell{padding-bottom:0}.blog-shell #lib-script-toggle{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.blog-shell .workspace-panel{width:100%;max-width:1200px;margin:0 auto;padding:32px 0 56px;overflow:visible}.blog-page{width:min(100%,1200px);margin:0 auto}.blog-content-wrapper{width:100%;max-width:1200px;margin:0 auto}.blog-subtitle,.blog-breadcrumbs,.blog-meta,.blog-body>p,.blog-body>ul,.blog-body>ol,.blog-body>h2,.blog-body>h3,.blog-body>h4,.blog-body>.blog-kicker{max-width:75ch}.blog-article{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:28px;padding:48px clamp(24px,6vw,64px);box-shadow:0 24px 64px #0000001f}[data-theme=dark] .blog-article,[data-theme=stone] .blog-article{border-top:1px solid #ffffff24;box-shadow:0 24px 64px #00000073}.blog-breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;font-size:.95rem;display:flex}.blog-breadcrumbs a{color:var(--text-muted);min-height:44px;transition:color var(--transition-fast);align-items:center;padding:0 4px;text-decoration:none;display:inline-flex}.blog-breadcrumbs a:hover{color:var(--blog-accent-text)}.blog-kicker{border:1px solid var(--blog-accent-border);background:var(--blog-accent-bg);color:var(--blog-accent-text);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.blog-title{font-family:var(--font-system);letter-spacing:-.03em;color:var(--text-primary);margin:0 0 16px;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.1}.blog-subtitle{color:var(--text-secondary);max-width:65ch;margin:0;font-size:1.15rem;line-height:1.6}.blog-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin:24px 0 32px;font-size:.92rem;display:flex}.blog-divider{background:var(--border-color);height:1px;margin:0 0 32px}.blog-body{color:var(--text-primary);font-size:1.05rem;line-height:1.8}.blog-body h2,.blog-body h3{font-family:var(--font-system);color:var(--text-primary);letter-spacing:-.02em}.blog-body h2{margin:56px 0 16px;font-size:clamp(1.6rem,2.6vw,2.2rem)}.blog-body h3{margin:40px 0 12px;font-size:1.4rem}.blog-body p,.blog-body ul,.blog-body ol,.blog-body table{margin:0 0 20px}.blog-body ul,.blog-body ol{padding-left:22px}.blog-body li+li{margin-top:10px}.blog-body a{color:var(--blog-accent-text);text-decoration:underline;text-decoration-color:var(--blog-accent-border);text-underline-offset:3px;transition:all var(--transition-fast)}.blog-body a:hover{color:var(--accent-hover,#ea6500);text-decoration-color:currentColor}.blog-body strong{color:var(--text-primary)}.blog-inline-bol,.blog-body code{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:999px;align-items:center;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em;display:inline-flex}.blog-notation-card,.blog-callout,.blog-cta-box,.blog-faq,.blog-explore{border:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:22px}.blog-notation-card{-webkit-overflow-scrolling:touch;margin:32px 0;padding:24px;position:relative;overflow-x:auto}.blog-notation-link{border-radius:16px;display:block;overflow:hidden;box-shadow:0 4px 20px #00000014}.blog-notation-image{border-radius:16px;width:100%;height:auto;display:block}.blog-notation-table{border-collapse:collapse;width:100%;min-width:680px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.blog-notation-table td{text-align:center;border-right:1px dashed var(--border-color);min-width:56px;padding:12px 10px}.blog-notation-table td:last-child{border-right:none}.blog-notation-table .vibhaag-row td{color:var(--accent-sam);border-right:none;padding-top:0;font-weight:700}.blog-notation-table .devanagari-row td{color:var(--text-secondary);border-top:1px solid var(--border-color);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Kohinoor Devanagari,Noto Sans Devanagari,Segoe UI,Roboto,sans-serif;font-size:1.05rem}.blog-subdivision-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:24px 0 32px;display:grid}.blog-subdivision-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:18px 16px;box-shadow:0 2px 8px #00000008}.blog-subdivision-title{text-transform:uppercase;letter-spacing:.05em;color:var(--blog-accent-text);margin-bottom:8px;font-size:.8rem;font-weight:700}.blog-subdivision-notation{color:var(--text-primary);margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;font-weight:700}.blog-subdivision-desc{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.45}.blog-ordered-steps{counter-reset:blog-step;gap:16px;margin:28px 0;padding:0;list-style:none;display:grid}.blog-ordered-steps li{counter-increment:blog-step;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:16px;padding:18px 22px 18px 66px;line-height:1.6;position:relative}.blog-ordered-steps li strong{color:var(--text-primary);display:inline}.blog-ordered-steps li:before{content:counter(blog-step);background:var(--blog-accent-bg);border:1px solid var(--blog-accent-border);width:32px;height:32px;color:var(--blog-accent-text);border-radius:50%;justify-content:center;align-items:center;font-size:.92rem;font-weight:700;display:flex;position:absolute;top:18px;left:20px}.blog-caption{color:var(--text-muted);text-align:center;font-size:.95rem;font-style:italic;margin:16px 0 0!important}.blog-symbol-grid{gap:16px;margin:24px 0;display:grid}.blog-symbol-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;align-items:flex-start;gap:16px;padding:16px;display:flex}.blog-symbol-icon{text-align:center;flex-shrink:0;min-width:48px}.blog-symbol-text{color:var(--text-primary);flex:1}.blog-callout{border:1px solid var(--accent-subtle);border-left:4px solid var(--accent-sam);background:var(--accent-sam-glow);border-radius:16px;align-items:flex-start;gap:16px;margin:40px 0;padding:24px 28px;display:flex}.blog-callout:before{content:"💡";font-size:1.5rem;line-height:1.2}.blog-callout>div{flex:1}.blog-cta-box,.blog-faq,.blog-explore{margin:48px 0;padding:40px}.blog-cta-box{background:linear-gradient(145deg, var(--bg-tertiary), var(--bg-elevated));text-align:center;box-shadow:var(--shadow-sm);border-color:var(--accent-subtle)}.blog-cta-box h3,.blog-faq h2,.blog-explore h2{margin-top:0}.blog-body a.blog-cta-button{background:var(--accent-sam);color:#fff;border-radius:999px;justify-content:center;align-items:center;margin-top:12px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #ea650038}.blog-body a.blog-cta-button:hover{color:#fff;text-decoration:none;transform:translateY(-1px)}.blog-faq-list{gap:18px;display:grid}.blog-faq-item{border-top:1px solid var(--border-color);padding:18px 0 0}.blog-faq-item:first-child{border-top:none;padding-top:0}.blog-faq-item h3{margin-top:0}.blog-link-pills{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.blog-link-pills a{border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);transition:all var(--transition-fast);border-radius:999px;align-items:center;padding:12px 20px;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #0000000d}.blog-link-pills a:hover{border-color:var(--accent-sam);color:var(--accent-sam);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.blog-listing-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.blog-listing-card{border:1px solid var(--border-color);background:var(--bg-tertiary);color:inherit;border-radius:22px;flex-direction:column;padding:24px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.blog-listing-card:hover{border-color:var(--accent-subtle);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-listing-card h2{font-family:var(--font-system);color:var(--text-primary);margin:12px 0 10px;font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.25}.blog-listing-card p{color:var(--text-secondary);margin:0;line-height:1.6}.blog-ordered-steps{margin:16px 0 24px;padding-left:24px}.blog-ordered-steps li{margin-bottom:12px;line-height:1.7}.blog-listing-tag,.blog-listing-cta{align-items:center;font-weight:700;display:inline-flex}.blog-listing-tag{background:var(--blog-accent-bg);border:1px solid var(--blog-accent-border);color:var(--blog-accent-text);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:7px 12px;font-size:.82rem}.blog-listing-cta{color:var(--blog-accent-text);transition:color var(--transition-fast);margin-top:16px}.blog-listing-card:hover .blog-listing-cta{color:var(--accent-hover,#ea6500)}@media (width<=768px){.blog-shell{padding:0 16px}.blog-shell .lib-header{padding:18px 0}.blog-shell .workspace-panel{padding-top:22px}.blog-article{border-radius:22px;padding:32px 20px}.blog-title{font-size:2.1rem}.blog-meta{flex-direction:column;gap:6px}.blog-breadcrumbs [aria-current=page]{white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;max-width:220px;display:inline-block;overflow:hidden}.blog-cta-box,.blog-faq,.blog-explore{margin:32px 0;padding:28px 20px}.blog-callout{flex-direction:column;gap:12px;padding:20px 16px}.blog-callout:before{margin-bottom:4px}}.blog-shell .theme-toggle{background:var(--bg-secondary);color:var(--accent-primary);border:none;border-radius:50%;gap:0;padding:0}.blog-shell .theme-toggle:hover{background:var(--bg-elevated);color:var(--accent-primary)}.blog-shell .theme-toggle .theme-icon{flex:0 0 16px;width:16px;min-width:16px;height:16px}.blog-shell .theme-toggle .theme-icon svg{flex:none;width:16px;min-width:16px;height:16px}