.blog-content{color:var(--color-foreground);font-size:1.0625rem;line-height:1.8}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{color:var(--color-secondary);margin-top:2em;margin-bottom:.75em;font-weight:700;line-height:1.3}.blog-content h2{border-bottom:2px solid var(--color-border);padding-bottom:.4em;font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content p{margin-bottom:1.25em}.blog-content a{color:var(--color-accent-dark);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.blog-content a:hover{color:var(--color-accent)}.blog-content img{border-radius:12px;max-width:100%;height:auto;margin:1.5em 0}.blog-content strong{color:var(--color-secondary)}.blog-content ul{margin-bottom:1.25em;padding-left:0;list-style:none}.blog-content ul>li{margin-bottom:.5em;padding-left:1.5em;position:relative}.blog-content ul>li:before{content:"";background:var(--color-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:.65em;left:.25em}.blog-content ol{counter-reset:blog-ol;margin-bottom:1.25em;padding-left:0;list-style:none}.blog-content ol>li{counter-increment:blog-ol;margin-bottom:.5em;padding-left:2em;position:relative}.blog-content ol>li:before{content:counter(blog-ol);background:var(--color-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.5em;height:1.5em;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.15em;left:0}.blog-content table{border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:12px;width:100%;margin:1.5em 0;font-size:.9375rem;overflow:hidden}.blog-content thead th{background:var(--color-secondary);color:#fff;text-align:left;white-space:nowrap;padding:12px 16px;font-weight:600}.blog-content tbody td{border-bottom:1px solid var(--color-border);padding:10px 16px}.blog-content tbody tr:nth-child(2n){background:#f8f9fa}.blog-content tbody tr:last-child td{border-bottom:none}.blog-content tbody tr:hover{background:var(--color-primary-light);transition:background .2s}.blog-content .table-wrapper{-webkit-overflow-scrolling:touch;border-radius:12px;margin:1.5em 0;overflow-x:auto}.blog-content div:has(>table){-webkit-overflow-scrolling:touch;border-radius:12px;margin:1.5em 0;overflow-x:auto}.blog-content div:has(>table) table{margin:0}.blog-content details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:.75em;transition:box-shadow .2s;overflow:hidden}.blog-content details:hover{box-shadow:0 2px 8px #0000000f}.blog-content details summary{color:var(--color-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:14px 18px;font-weight:600;list-style:none;display:flex}.blog-content details summary::-webkit-details-marker{display:none}.blog-content details summary:before{content:"";border-right:2px solid var(--color-secondary);border-bottom:2px solid var(--color-secondary);flex-shrink:0;width:8px;height:8px;transition:transform .2s;display:inline-block;transform:rotate(-45deg)}.blog-content details[open] summary:before{transform:rotate(45deg)}.blog-content details>:not(summary){padding:0 18px 14px}.blog-content blockquote{border-left:4px solid var(--color-primary);color:var(--color-secondary);background:#fffbeb;border-radius:0 12px 12px 0;margin:1.5em 0;padding:1em 1.25em}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content pre{color:#e2e8f0;background:#1e293b;border-radius:12px;margin:1.5em 0;padding:1.25em;font-size:.875rem;overflow-x:auto}.blog-content code{color:var(--color-secondary);background:#f1f5f9;border-radius:4px;padding:.15em .4em;font-size:.875em}.blog-content pre code{color:inherit;background:0 0;padding:0}.blog-content hr{background:var(--color-border);border:none;border-radius:1px;height:2px;margin:2em 0}
