.blog-article[data-astro-cid-uvdncvhn]{max-width:var(--max-width, 1200px);margin:0 auto;padding:var(--spacing-unit, 1rem)}.article-content[data-astro-cid-uvdncvhn]{max-width:100%;margin:0 auto}h2[data-astro-cid-uvdncvhn]{margin-top:3rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary, #667eea)}h3[data-astro-cid-uvdncvhn]{margin-top:2rem;margin-bottom:1rem;color:var(--color-text-primary, #1a202c)}h4[data-astro-cid-uvdncvhn]{margin-top:1.5rem;margin-bottom:.75rem}.stats-grid[data-astro-cid-uvdncvhn]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.specs-box[data-astro-cid-uvdncvhn]{background:var(--color-card-bg, #f8fafc);border-left:4px solid var(--color-primary, #667eea);padding:1rem 1.5rem;margin:1rem 0}.specs-box[data-astro-cid-uvdncvhn] p[data-astro-cid-uvdncvhn]{margin:.5rem 0}.pyramid-diagram[data-astro-cid-uvdncvhn]{display:flex;flex-direction:column;align-items:center;margin:2rem 0;gap:.5rem}.pyramid-level[data-astro-cid-uvdncvhn]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-primary, #667eea);color:#fff;border-radius:4px}.pyramid-level[data-astro-cid-uvdncvhn].level-1{width:50%}.pyramid-level[data-astro-cid-uvdncvhn].level-2{width:70%}.pyramid-level[data-astro-cid-uvdncvhn].level-3{width:90%}.pyramid-level[data-astro-cid-uvdncvhn] .hint[data-astro-cid-uvdncvhn]{font-size:.875rem;opacity:.8}.compare-example[data-astro-cid-uvdncvhn]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.example-card[data-astro-cid-uvdncvhn]{background:var(--color-card-bg, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;padding:1rem}.example-card[data-astro-cid-uvdncvhn].mobile{background:#f0fdf4;border-color:#86efac}.example-card[data-astro-cid-uvdncvhn] h4[data-astro-cid-uvdncvhn]{margin:0 0 .5rem;font-size:.875rem;color:var(--color-text-secondary, #64748b)}.thumb-zone-diagram[data-astro-cid-uvdncvhn]{display:flex;flex-direction:column;max-width:200px;margin:1.5rem auto;border:2px solid var(--color-border, #e2e8f0);border-radius:20px;overflow:hidden}.thumb-zone-diagram[data-astro-cid-uvdncvhn] .zone[data-astro-cid-uvdncvhn]{padding:1rem;text-align:center;font-size:.875rem}.thumb-zone-diagram[data-astro-cid-uvdncvhn] .hard-top[data-astro-cid-uvdncvhn],.thumb-zone-diagram[data-astro-cid-uvdncvhn] .hard-bottom[data-astro-cid-uvdncvhn]{background:#fef2f2;color:#b91c1c}.thumb-zone-diagram[data-astro-cid-uvdncvhn] .easy[data-astro-cid-uvdncvhn]{background:#f0fdf4;color:#16a34a;padding:2rem 1rem;font-weight:600}.nav-patterns[data-astro-cid-uvdncvhn]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.nav-pattern[data-astro-cid-uvdncvhn]{background:var(--color-card-bg, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;padding:1rem;text-align:center}.nav-pattern[data-astro-cid-uvdncvhn] h4[data-astro-cid-uvdncvhn]{margin:0 0 .5rem;font-size:.875rem}.pattern-preview[data-astro-cid-uvdncvhn]{display:flex;justify-content:center;align-items:center;gap:.25rem;padding:1rem;background:#fff;border-radius:4px;margin-bottom:.5rem}.pattern-preview[data-astro-cid-uvdncvhn].hamburger{flex-direction:column;gap:4px}.pattern-preview[data-astro-cid-uvdncvhn].hamburger span[data-astro-cid-uvdncvhn]{display:block;width:24px;height:3px;background:var(--color-primary, #667eea);border-radius:2px}.pattern-preview[data-astro-cid-uvdncvhn].bottom-nav{gap:1.5rem;font-size:1.25rem}.error-list[data-astro-cid-uvdncvhn]{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.error-list[data-astro-cid-uvdncvhn] .error[data-astro-cid-uvdncvhn]{background:#fef2f2;color:#b91c1c;padding:.5rem 1rem;border-radius:20px;font-size:.875rem}.disclosure-examples[data-astro-cid-uvdncvhn]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.disclosure-example[data-astro-cid-uvdncvhn]{background:var(--color-card-bg, #f8fafc);border-radius:8px;padding:1rem}.disclosure-example[data-astro-cid-uvdncvhn] h4[data-astro-cid-uvdncvhn]{margin:0 0 .5rem;font-size:.875rem;color:var(--color-primary, #667eea)}.breakpoints-table[data-astro-cid-uvdncvhn]{margin:1.5rem 0}.breakpoint-row[data-astro-cid-uvdncvhn]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.breakpoint-row[data-astro-cid-uvdncvhn]:nth-child(2n){background:var(--color-card-bg, #f8fafc)}.bp-name[data-astro-cid-uvdncvhn]{font-weight:500}.breakpoint-row[data-astro-cid-uvdncvhn] code[data-astro-cid-uvdncvhn]{background:#1a202c;color:#e2e8f0;padding:.25rem .5rem;border-radius:4px;font-size:.8125rem}.layout-patterns[data-astro-cid-uvdncvhn]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.layout-card[data-astro-cid-uvdncvhn]{background:var(--color-card-bg, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:12px;padding:1.5rem}.layout-card[data-astro-cid-uvdncvhn] h3[data-astro-cid-uvdncvhn]{margin:0 0 .5rem;font-size:1rem;color:var(--color-primary, #667eea)}.code-preview[data-astro-cid-uvdncvhn]{background:#1a202c;color:#e2e8f0;padding:.75rem;border-radius:6px;margin-top:.5rem;overflow-x:auto;font-size:.75rem}.mistakes-grid[data-astro-cid-uvdncvhn]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.mistake-card[data-astro-cid-uvdncvhn]{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1.5rem}.mistake-card[data-astro-cid-uvdncvhn] h3[data-astro-cid-uvdncvhn]{margin:0 0 1rem;font-size:1rem;color:#b91c1c}.mistake-card[data-astro-cid-uvdncvhn] .solution[data-astro-cid-uvdncvhn]{background:#f0fdf4;color:#16a34a;padding:.75rem;border-radius:6px;margin-top:.75rem}.pwa-features[data-astro-cid-uvdncvhn]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.pwa-feature[data-astro-cid-uvdncvhn]{background:var(--color-primary, #667eea);color:#fff;padding:1rem;border-radius:8px;text-align:center;font-weight:500}.case-study[data-astro-cid-uvdncvhn]{background:var(--color-card-bg, #f8fafc);border-radius:16px;padding:2rem;margin-top:3rem}.case-study[data-astro-cid-uvdncvhn] h2[data-astro-cid-uvdncvhn]{margin-top:0;border:none}.results-grid[data-astro-cid-uvdncvhn]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1.5rem}.result-card[data-astro-cid-uvdncvhn]{background:#fff;border:2px solid #22c55e;border-radius:12px;padding:1rem;text-align:center}.result-value[data-astro-cid-uvdncvhn]{display:block;font-size:1.5rem;font-weight:700;color:#16a34a}.result-label[data-astro-cid-uvdncvhn]{display:block;font-size:.75rem;color:var(--color-text-secondary, #64748b);margin-top:.25rem}.summary-section[data-astro-cid-uvdncvhn]{margin-top:3rem}.related-links[data-astro-cid-uvdncvhn]{margin-top:2rem;padding:1.5rem;background:var(--color-card-bg, #f8fafc);border-radius:12px}.related-links[data-astro-cid-uvdncvhn] h3[data-astro-cid-uvdncvhn]{margin:0 0 1rem;font-size:1rem}.related-links[data-astro-cid-uvdncvhn] ul[data-astro-cid-uvdncvhn]{margin:0;padding-left:1.5rem}.related-links[data-astro-cid-uvdncvhn] a[data-astro-cid-uvdncvhn]{color:var(--color-primary, #667eea)}.post-footer[data-astro-cid-uvdncvhn]{max-width:100%;margin:calc(var(--spacing-unit) * 8) auto 0}.post-cta[data-astro-cid-uvdncvhn]{max-width:800px;margin:0 auto calc(var(--spacing-unit) * 6);background:linear-gradient(135deg,#F8FAFC 0%,var(--color-white) 100%);border-radius:16px;padding:calc(var(--spacing-unit) * 6);text-align:center;border:2px solid var(--color-light-blue)}.cta-title[data-astro-cid-uvdncvhn]{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 2)}.cta-description[data-astro-cid-uvdncvhn]{font-size:1.125rem;color:var(--color-gray-700);margin-bottom:calc(var(--spacing-unit) * 4)}.cta-buttons[data-astro-cid-uvdncvhn]{display:flex;gap:calc(var(--spacing-unit) * 2);justify-content:center;flex-wrap:wrap}.post-navigation[data-astro-cid-uvdncvhn]{text-align:center;padding-bottom:calc(var(--spacing-unit) * 8)}@media(max-width:767px){.cta-buttons[data-astro-cid-uvdncvhn]{flex-direction:column}.cta-buttons[data-astro-cid-uvdncvhn] .btn[data-astro-cid-uvdncvhn]{width:100%}}