.table-of-contents{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:12px;padding:1.5rem;margin:2rem 0}.table-of-contents h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:hsl(var(--foreground))}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents li{margin:.5rem 0}.table-of-contents a{color:hsl(var(--primary));text-decoration:none;transition:color .2s}.table-of-contents a:hover{color:hsl(var(--primary)/.8);text-decoration:underline}.quick-takeaways{background:linear-gradient(135deg,hsl(var(--primary)/.1),hsl(var(--secondary)/.1));border-left:4px solid hsl(var(--primary));border-radius:8px;padding:1.5rem;margin:2rem 0}.quick-takeaways h3{font-size:1.125rem;font-weight:700;margin:0 0 1rem;color:hsl(var(--primary))}.quick-takeaways ul{margin:0;padding-left:1.5rem}.quick-takeaways li{margin:.5rem 0;line-height:1.6}.callout{border-radius:8px;padding:1.25rem;margin:1.5rem 0;border-left:4px solid}.callout strong{display:block;margin-bottom:.5rem;font-size:1.05rem}.callout p{margin:0}.callout-tip{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary))}.callout-warning{background:hsl(45,100%,95%);border-color:hsl(45,100%,50%);color:hsl(45,100%,20%)}.callout-hack{background:hsl(150,100%,95%);border-color:hsl(150,60%,40%)}.stat-box{background:hsl(var(--card));border:2px solid hsl(var(--primary)/.2);border-radius:12px;padding:1.5rem;margin:1.5rem 0;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:hsl(var(--primary));margin-bottom:.5rem;line-height:1.3}.stat-source{font-size:.875rem;color:hsl(var(--muted-foreground));font-style:italic}.pull-quote{font-size:1.25rem;font-weight:500;font-style:italic;color:hsl(var(--primary));border-left:4px solid hsl(var(--primary));padding-left:1.5rem;margin:2rem 0;line-height:1.6}.pull-quote cite{display:block;margin-top:.5rem;font-size:.875rem;font-style:normal;font-weight:400;color:hsl(var(--muted-foreground))}.cta-inline{background:linear-gradient(135deg,hsl(var(--primary)/.15),hsl(var(--secondary)/.15));border:1px solid hsl(var(--primary)/.3);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:center}.cta-inline p{margin:0;font-size:1.05rem}.cta-inline a,.cta-inline strong{color:hsl(var(--primary))}.cta-inline a{text-decoration:none;font-weight:600;border-bottom:2px solid hsl(var(--primary));transition:opacity .2s}.cta-inline a:hover{opacity:.8}.comparison-table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9375rem}.comparison-table thead{background:hsl(var(--muted))}.comparison-table th{padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid hsl(var(--border))}.comparison-table td{padding:1rem;border-bottom:1px solid hsl(var(--border));vertical-align:top}.comparison-table tr:hover{background:hsl(var(--muted)/.5)}.comparison-table strong{color:hsl(var(--foreground))}.blog-image{margin:2rem 0;text-align:center}.blog-image img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.reading-time{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;color:hsl(var(--muted-foreground));margin-bottom:1rem}.reading-time,.seo-metrics{background:hsl(var(--muted));font-size:.875rem}.seo-metrics{border:1px solid hsl(var(--border));border-radius:8px;padding:1rem;margin:2rem 0}.seo-metrics h4{margin:0 0 .5rem;font-size:1rem}.seo-metrics ul{margin:0;padding-left:1.5rem}@media (max-width:768px){.callout,.quick-takeaways,.stat-box,.table-of-contents{padding:1rem}.pull-quote{font-size:1.125rem}.comparison-table{font-size:.875rem}.comparison-table td,.comparison-table th{padding:.75rem}}@media print{.cta-inline,.table-of-contents{display:none}.blog-image img{box-shadow:none}}