.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, var(--color-light-blue))}h3[data-astro-cid-uvdncvhn]{margin-top:2rem;margin-bottom:1rem;color:var(--color-text-primary, var(--color-gray-900))}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, var(--color-gray-50));border-left:4px solid var(--color-primary, var(--color-light-blue));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, var(--color-light-blue));color:#fff;border-radius:var(--radius-sm)}.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:var(--font-size-sm);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, var(--color-gray-50));border:1px solid var(--color-border, var(--color-gray-200));border-radius:var(--radius-md);padding:1rem}.example-card[data-astro-cid-uvdncvhn].mobile{background:var(--color-surface);border-color:var(--color-success-300)}.example-card[data-astro-cid-uvdncvhn] h4[data-astro-cid-uvdncvhn]{margin:0 0 .5rem;font-size:var(--font-size-sm);color:var(--color-text-secondary, var(--color-gray-400))}.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, var(--color-gray-200));border-radius:var(--radius-xl-plus);overflow:hidden}.thumb-zone-diagram[data-astro-cid-uvdncvhn] .zone[data-astro-cid-uvdncvhn]{padding:1rem;text-align:center;font-size:var(--font-size-sm)}.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:var(--color-surface);color:var(--color-error-700)}.thumb-zone-diagram[data-astro-cid-uvdncvhn] .easy[data-astro-cid-uvdncvhn]{background:var(--color-surface);color:var(--color-medium-blue);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, var(--color-gray-50));border:1px solid var(--color-border, var(--color-gray-200));border-radius:var(--radius-md);padding:1rem;text-align:center}.nav-pattern[data-astro-cid-uvdncvhn] h4[data-astro-cid-uvdncvhn]{margin:0 0 .5rem;font-size:var(--font-size-sm)}.pattern-preview[data-astro-cid-uvdncvhn]{display:flex;justify-content:center;align-items:center;gap:.25rem;padding:1rem;background:#fff;border-radius:var(--radius-sm);margin-bottom:.5rem}.pattern-preview[data-astro-cid-uvdncvhn].hamburger{flex-direction:column;gap:var(--spacing-xs)}.pattern-preview[data-astro-cid-uvdncvhn].hamburger span[data-astro-cid-uvdncvhn]{display:block;width:24px;height:3px;background:var(--color-primary, var(--color-light-blue));border-radius:var(--radius-xs)}.pattern-preview[data-astro-cid-uvdncvhn].bottom-nav{gap:1.5rem;font-size:var(--font-size-xl)}.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:var(--color-surface);color:var(--color-error-700);padding:.5rem 1rem;border-radius:var(--radius-xl-plus);font-size:var(--font-size-sm)}.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, var(--color-gray-50));border-radius:var(--radius-md);padding:1rem}.disclosure-example[data-astro-cid-uvdncvhn] h4[data-astro-cid-uvdncvhn]{margin:0 0 .5rem;font-size:var(--font-size-sm);color:var(--color-primary, var(--color-light-blue))}.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, var(--color-gray-200))}.breakpoint-row[data-astro-cid-uvdncvhn]:nth-child(2n){background:var(--color-card-bg, var(--color-gray-50))}.bp-name[data-astro-cid-uvdncvhn]{font-weight:500}.breakpoint-row[data-astro-cid-uvdncvhn] code[data-astro-cid-uvdncvhn]{background:var(--color-gray-900);color:var(--color-gray-200);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs-plus)}.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, var(--color-gray-50));border:1px solid var(--color-border, var(--color-gray-200));border-radius:var(--radius-lg);padding:1.5rem}.layout-card[data-astro-cid-uvdncvhn] h3[data-astro-cid-uvdncvhn]{margin:0 0 .5rem;font-size:var(--font-size-base);color:var(--color-primary, var(--color-light-blue))}.code-preview[data-astro-cid-uvdncvhn]{background:var(--color-gray-900);color:var(--color-gray-200);padding:.75rem;border-radius:var(--radius-sm-plus);margin-top:.5rem;overflow-x:auto;font-size:var(--font-size-xs)}.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:var(--color-surface);border:1px solid var(--color-error-200);border-radius:var(--radius-lg);padding:1.5rem}.mistake-card[data-astro-cid-uvdncvhn] h3[data-astro-cid-uvdncvhn]{margin:0 0 1rem;font-size:var(--font-size-base);color:var(--color-error-700)}.mistake-card[data-astro-cid-uvdncvhn] .solution[data-astro-cid-uvdncvhn]{background:var(--color-surface);color:var(--color-medium-blue);padding:.75rem;border-radius:var(--radius-sm-plus);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, var(--color-light-blue));color:#fff;padding:1rem;border-radius:var(--radius-md);text-align:center;font-weight:500}.case-study[data-astro-cid-uvdncvhn]{background:var(--color-card-bg, var(--color-gray-50));border-radius:var(--radius-xl);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 var(--color-light-blue);border-radius:var(--radius-lg);padding:1rem;text-align:center}.result-value[data-astro-cid-uvdncvhn]{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-medium-blue)}.result-label[data-astro-cid-uvdncvhn]{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary, var(--color-gray-400));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, var(--color-gray-50));border-radius:var(--radius-lg)}.related-links[data-astro-cid-uvdncvhn] h3[data-astro-cid-uvdncvhn]{margin:0 0 1rem;font-size:var(--font-size-base)}.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, var(--color-light-blue))}