.highlight-box{background:linear-gradient(135deg,hsl(var(--accent) / .05),hsl(var(--accent) / .1))}.code-example{background:hsl(var(--muted));border-radius:8px;padding:1.5rem;margin:2rem 0}.code-example h4{margin-top:0}.code-example pre{background:#282c34;color:#c4ccd4;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.9rem;line-height:1.6}.code-example code{font-family:Courier New,monospace}.pricing-table,.cost-comparison,.full-comparison{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem}.pricing-table th,.pricing-table td,.cost-comparison th,.cost-comparison td,.full-comparison th,.full-comparison td{padding:.75rem;text-align:left;border:1px solid hsl(var(--border))}.pricing-table th,.cost-comparison th,.full-comparison th{background:hsl(var(--muted));font-weight:600}.pricing-table tbody tr:hover,.cost-comparison tbody tr:hover,.full-comparison tbody tr:hover{background:hsl(var(--muted) / .3)}.highlight-row{background:linear-gradient(135deg,hsl(var(--accent) / .05),hsl(var(--accent) / .1))}.stars{color:#ffc105;font-size:1rem}.badge-yes{background:#16a249;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600}.badge-no{background:#ef4343;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600}.badge-partial{background:#ffc105;color:#282c34;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600}.comparison-table-wrapper{overflow-x:auto;margin:2rem 0}.article-author-avatar{border-radius:50%;width:80px;height:80px;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.article-author-info{flex:1}.article-author-name{font-size:1.25rem;margin-bottom:.5rem;color:hsl(var(--foreground))}.article-author-bio{margin-bottom:1rem;color:hsl(var(--muted-foreground));font-size:.875rem}.article-author-links{display:flex;gap:1rem}.article-author-links a{color:hsl(var(--accent));text-decoration:none;font-weight:600;transition:all .2s}.article-author-links a:hover{text-decoration:underline}@media(max-width:768px){.pricing-table,.cost-comparison,.full-comparison{font-size:.85rem}.pricing-table th,.pricing-table td,.cost-comparison th,.cost-comparison td,.full-comparison th,.full-comparison td{padding:.5rem}.code-example{padding:1rem}.code-example pre{font-size:.8rem;padding:.75rem}.highlight-box{padding:1rem}}@media(max-width:480px){.badge-yes,.badge-no,.badge-partial{font-size:.75rem;padding:.2rem .4rem}.article-author-links{flex-direction:column;gap:.5rem}}
