.xiaomi-hero[data-astro-cid-pgequ4zj] .page-lead[data-astro-cid-pgequ4zj]{max-width:52rem}.family-grid[data-astro-cid-pgequ4zj]{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.family-card[data-astro-cid-pgequ4zj]{min-height:100%;padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface)}.family-card[data-astro-cid-pgequ4zj] h3[data-astro-cid-pgequ4zj]{margin-top:var(--space-2);letter-spacing:-.025em;font-size:1.2rem}.family-card[data-astro-cid-pgequ4zj]>p[data-astro-cid-pgequ4zj]:last-of-type{margin-top:var(--space-3);color:var(--color-ink-soft);font-size:var(--text-sm)}.family-card[data-astro-cid-pgequ4zj]>a[data-astro-cid-pgequ4zj]{gap:var(--space-1);margin-top:var(--space-4);color:var(--color-cyan-deep);font-size:.8125rem;font-weight:var(--font-weight-bold);display:inline-flex}.comparison-controls[data-astro-cid-pgequ4zj]{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);grid-template-columns:minmax(12rem,16rem) minmax(15rem,22rem) 1fr;display:grid}.comparison-controls[data-astro-cid-pgequ4zj] label[data-astro-cid-pgequ4zj]{font-weight:var(--font-weight-bold)}.comparison-controls[data-astro-cid-pgequ4zj] select[data-astro-cid-pgequ4zj]{width:100%;min-width:0;min-height:var(--control-height);padding-inline:var(--space-3);border:1px solid var(--color-border-strong-light);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink)}.comparison-controls[data-astro-cid-pgequ4zj] p[data-astro-cid-pgequ4zj]{color:var(--color-ink-soft);font-size:var(--text-sm)}.comparison-grid[data-astro-cid-pgequ4zj]{gap:var(--space-5);list-style:none;display:grid}.comparison-card[data-astro-cid-pgequ4zj]{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(13rem,20rem) 1fr;display:grid;overflow:hidden}.comparison-visual[data-astro-cid-pgequ4zj]{min-height:100%;padding:var(--space-5);border-right:1px solid var(--color-rule);background:var(--color-surface-soft);place-items:center;display:grid}.comparison-visual[data-astro-cid-pgequ4zj] .phone-glyph{background:0 0;border:0;width:100%;min-height:16rem}.comparison-body[data-astro-cid-pgequ4zj]{padding:clamp(var(--space-5), 4vw, var(--space-8))}.comparison-heading[data-astro-cid-pgequ4zj]{justify-content:space-between;align-items:start;gap:var(--space-5);display:flex}.comparison-heading[data-astro-cid-pgequ4zj] h3[data-astro-cid-pgequ4zj]{margin-top:var(--space-2);letter-spacing:-.045em;font-size:clamp(1.65rem,4vw,2.35rem);line-height:1}.hardware-position[data-astro-cid-pgequ4zj]{border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-action-soft);color:var(--color-cyan-deep);font-size:.8125rem;font-weight:var(--font-weight-bold);flex:none;padding:.4rem .65rem}.hardware-reason[data-astro-cid-pgequ4zj]{max-width:54rem;margin-top:var(--space-4);color:var(--color-cyan-deep);font-weight:var(--font-weight-bold)}.comparison-specs[data-astro-cid-pgequ4zj]{margin-top:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-control);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.comparison-specs[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]{padding:var(--space-4);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.comparison-specs[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]:nth-child(2n){border-right:0}.comparison-specs[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]:nth-last-child(-n+2){border-bottom:0}.comparison-specs[data-astro-cid-pgequ4zj] dt[data-astro-cid-pgequ4zj]{color:var(--color-ink-soft);font-size:.8125rem}.comparison-specs[data-astro-cid-pgequ4zj] dd[data-astro-cid-pgequ4zj]{margin-top:var(--space-1);font-weight:var(--font-weight-medium)}.mate-check[data-astro-cid-pgequ4zj]{margin-top:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--radius-control);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mate-check[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]{padding:var(--space-4)}.mate-check[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]+div[data-astro-cid-pgequ4zj]{border-left:1px solid var(--color-rule);background:#fff8ee}.mate-check[data-astro-cid-pgequ4zj] strong[data-astro-cid-pgequ4zj]{color:var(--color-cyan-deep);font-size:.8125rem}.mate-check[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]+div[data-astro-cid-pgequ4zj] strong[data-astro-cid-pgequ4zj]{color:var(--color-orange-deep)}.mate-check[data-astro-cid-pgequ4zj] p[data-astro-cid-pgequ4zj]{margin-top:var(--space-2);color:var(--color-ink-soft);font-size:var(--text-sm)}.comparison-body[data-astro-cid-pgequ4zj] .card-link[data-astro-cid-pgequ4zj]{width:fit-content;max-width:100%;margin-top:var(--space-4);overflow-wrap:anywhere}.method-note[data-astro-cid-pgequ4zj]{gap:var(--space-8);margin-top:var(--space-8);padding:clamp(var(--space-5), 4vw, var(--space-8));border:1px solid var(--color-border-strong-light);border-radius:var(--radius-card);background:var(--color-action-soft);grid-template-columns:minmax(14rem,.75fr) minmax(0,1.25fr);display:grid}.method-note[data-astro-cid-pgequ4zj] h2[data-astro-cid-pgequ4zj]{margin-top:var(--space-2);letter-spacing:-.035em;font-size:clamp(1.5rem,3vw,2rem)}.method-note[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]:last-child{gap:var(--space-4);color:#34433d;display:grid}.shortcut-panel[data-astro-cid-pgequ4zj]{gap:var(--space-6) var(--space-10);padding:clamp(var(--space-6), 5vw, var(--space-10));border-radius:var(--radius-card);background:var(--color-night);color:var(--color-light);grid-template-columns:minmax(14rem,.7fr) minmax(18rem,1.3fr);display:grid}.shortcut-panel[data-astro-cid-pgequ4zj] .eyebrow[data-astro-cid-pgequ4zj]{background:var(--color-night-2);color:var(--color-mint)}.shortcut-panel[data-astro-cid-pgequ4zj] h2[data-astro-cid-pgequ4zj]{margin-top:var(--space-2);letter-spacing:-.045em;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.shortcut-panel[data-astro-cid-pgequ4zj] ul[data-astro-cid-pgequ4zj]{gap:var(--space-3);padding-left:var(--space-5);color:var(--color-muted-dark);display:grid}.shortcut-panel[data-astro-cid-pgequ4zj] li[data-astro-cid-pgequ4zj] strong[data-astro-cid-pgequ4zj]{color:var(--color-light)}.shortcut-panel[data-astro-cid-pgequ4zj]>p[data-astro-cid-pgequ4zj]{padding-top:var(--space-5);border-top:1px solid var(--color-line-dark);color:var(--color-muted-dark);font-size:var(--text-sm);grid-column:1/-1}@media (width<=66rem){.comparison-controls[data-astro-cid-pgequ4zj]{grid-template-columns:minmax(12rem,16rem) 1fr}.comparison-controls[data-astro-cid-pgequ4zj] p[data-astro-cid-pgequ4zj]{grid-column:1/-1}}@media (width<=50rem){.family-grid[data-astro-cid-pgequ4zj]{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-card[data-astro-cid-pgequ4zj],.method-note[data-astro-cid-pgequ4zj],.shortcut-panel[data-astro-cid-pgequ4zj]{grid-template-columns:1fr}.comparison-visual[data-astro-cid-pgequ4zj]{border-right:0;border-bottom:1px solid var(--color-rule)}.shortcut-panel[data-astro-cid-pgequ4zj]>p[data-astro-cid-pgequ4zj]{grid-column:auto}}@media (width<=38rem){.family-grid[data-astro-cid-pgequ4zj],.comparison-controls[data-astro-cid-pgequ4zj],.comparison-specs[data-astro-cid-pgequ4zj],.mate-check[data-astro-cid-pgequ4zj]{grid-template-columns:1fr}.comparison-controls[data-astro-cid-pgequ4zj] p[data-astro-cid-pgequ4zj]{grid-column:auto}.comparison-heading[data-astro-cid-pgequ4zj]{flex-direction:column}.comparison-specs[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj],.comparison-specs[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]:nth-child(2n),.comparison-specs[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--color-rule)}.comparison-specs[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]:last-child{border-bottom:0}.mate-check[data-astro-cid-pgequ4zj]>div[data-astro-cid-pgequ4zj]+div[data-astro-cid-pgequ4zj]{border-top:1px solid var(--color-rule);border-left:0}}
