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, #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, 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: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:#eff6ff;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:#eff6ff;color:#b91c1c}.thumb-zone-diagram[data-astro-cid-uvdncvhn] .easy[data-astro-cid-uvdncvhn]{background:#eff6ff;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, #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, var(--color-light-blue));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:#eff6ff;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, 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, #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, var(--color-light-blue))}.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:#eff6ff;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:#eff6ff;color:var(--color-medium-blue);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, var(--color-light-blue));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 var(--color-light-blue);border-radius:12px;padding:1rem;text-align:center}.result-value[data-astro-cid-uvdncvhn]{display:block;font-size:1.5rem;font-weight:700;color:var(--color-medium-blue)}.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, var(--color-light-blue));min-height:44px;display:inline-flex;align-items:center}.source-note[data-astro-cid-uvdncvhn]{font-size:.8125rem;color:var(--color-text-secondary, #94a3b8);margin-top:.5rem}section[data-astro-cid-uvdncvhn]{padding:3rem 0}@media(min-width:640px){section[data-astro-cid-uvdncvhn]{padding:4rem 0}}@media(min-width:1024px){section[data-astro-cid-uvdncvhn]{padding:5rem 0}}@media(max-width:639px){h2[data-astro-cid-uvdncvhn]{font-size:1.25rem}h3[data-astro-cid-uvdncvhn]{font-size:1.125rem}.stats-grid[data-astro-cid-uvdncvhn]{grid-template-columns:repeat(2,1fr)}.compare-example[data-astro-cid-uvdncvhn],.nav-patterns[data-astro-cid-uvdncvhn],.disclosure-examples[data-astro-cid-uvdncvhn],.layout-patterns[data-astro-cid-uvdncvhn],.mistakes-grid[data-astro-cid-uvdncvhn],.pwa-features[data-astro-cid-uvdncvhn],.results-grid[data-astro-cid-uvdncvhn]{grid-template-columns:1fr}.pyramid-level[data-astro-cid-uvdncvhn].level-1{width:70%}.pyramid-level[data-astro-cid-uvdncvhn].level-2{width:85%}.pyramid-level[data-astro-cid-uvdncvhn].level-3{width:100%}.case-study[data-astro-cid-uvdncvhn]{padding:1rem;border-radius:12px}.layout-card[data-astro-cid-uvdncvhn],.mistake-card[data-astro-cid-uvdncvhn],.example-card[data-astro-cid-uvdncvhn],.nav-pattern[data-astro-cid-uvdncvhn],.disclosure-example[data-astro-cid-uvdncvhn],.related-links[data-astro-cid-uvdncvhn]{padding:1rem}}