.illustration-cwv[data-astro-cid-joocuana]{margin:32px 0}.cwv-intro[data-astro-cid-joocuana]{text-align:center;margin-bottom:24px}.cwv-tagline[data-astro-cid-joocuana]{font-size:1.1rem;color:#475569;margin:0}.cwv-grid[data-astro-cid-joocuana]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}@media (max-width: 900px){.cwv-grid[data-astro-cid-joocuana]{grid-template-columns:1fr}}.cwv-card[data-astro-cid-joocuana]{border-radius:16px;padding:24px;border:2px solid}.cwv-card[data-astro-cid-joocuana].lcp{background:linear-gradient(135deg,#fef3c7,#fef9c3);border-color:#fcd34d}.cwv-card[data-astro-cid-joocuana].inp{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#60a5fa}.cwv-card[data-astro-cid-joocuana].cls{background:linear-gradient(135deg,#f3e8ff,#faf5ff);border-color:#c084fc}.cwv-header[data-astro-cid-joocuana]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cwv-icon[data-astro-cid-joocuana]{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cwv-card[data-astro-cid-joocuana].lcp .cwv-icon[data-astro-cid-joocuana]{background:#f59e0b;color:#fff}.cwv-card[data-astro-cid-joocuana].inp .cwv-icon[data-astro-cid-joocuana]{background:#3b82f6;color:#fff}.cwv-card[data-astro-cid-joocuana].cls .cwv-icon[data-astro-cid-joocuana]{background:#a855f7;color:#fff}.cwv-title[data-astro-cid-joocuana]{display:flex;flex-direction:column}.cwv-abbr[data-astro-cid-joocuana]{font-size:1.4rem;font-weight:800;line-height:1.2}.cwv-card[data-astro-cid-joocuana].lcp .cwv-abbr[data-astro-cid-joocuana]{color:#b45309}.cwv-card[data-astro-cid-joocuana].inp .cwv-abbr[data-astro-cid-joocuana]{color:#1d4ed8}.cwv-card[data-astro-cid-joocuana].cls .cwv-abbr[data-astro-cid-joocuana]{color:#7c3aed}.cwv-name[data-astro-cid-joocuana]{font-size:.8rem;color:#64748b}.cwv-desc[data-astro-cid-joocuana]{font-size:.95rem;color:#334155;margin:0 0 12px;line-height:1.5}.cwv-what[data-astro-cid-joocuana]{font-size:.85rem;color:#64748b;margin-bottom:16px;padding:8px 12px;background:#fff9;border-radius:8px}.cwv-thresholds[data-astro-cid-joocuana]{display:flex;gap:8px}.threshold[data-astro-cid-joocuana]{flex:1;text-align:center;padding:8px;border-radius:8px;font-size:.85rem;font-weight:600}.threshold[data-astro-cid-joocuana].good{background:#dcfce7;color:#15803d;border:1px solid #86efac}.threshold[data-astro-cid-joocuana].medium{background:#fef3c7;color:#b45309;border:1px solid #fcd34d}.threshold[data-astro-cid-joocuana].bad{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.cwv-note[data-astro-cid-joocuana]{display:flex;gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.note-icon[data-astro-cid-joocuana]{width:40px;height:40px;background:#3b82f61a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.note-content[data-astro-cid-joocuana] strong[data-astro-cid-joocuana]{display:block;color:#1e293b;margin-bottom:8px}.note-content[data-astro-cid-joocuana] p[data-astro-cid-joocuana]{font-size:.9rem;color:#475569;margin:4px 0}.note-content[data-astro-cid-joocuana] em[data-astro-cid-joocuana]{color:#0891b2;font-style:normal;font-weight:500}.illustration-lcp[data-astro-cid-d4u4r6m3]{margin:24px 0;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:16px;padding:24px}.lcp-header[data-astro-cid-d4u4r6m3]{text-align:center;margin-bottom:24px}.lcp-badge[data-astro-cid-d4u4r6m3]{display:inline-flex;align-items:center;gap:12px;background:#f59e0b;color:#fff;padding:8px 20px;border-radius:30px;margin-bottom:12px}.badge-abbr[data-astro-cid-d4u4r6m3]{font-size:1.2rem;font-weight:800}.badge-name[data-astro-cid-d4u4r6m3]{font-size:.9rem;opacity:.9}.lcp-definition[data-astro-cid-d4u4r6m3]{font-size:1.1rem;color:#92400e;margin:0;font-weight:500}.lcp-content[data-astro-cid-d4u4r6m3]{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-bottom:24px}@media (max-width: 768px){.lcp-content[data-astro-cid-d4u4r6m3]{grid-template-columns:1fr}}.browser-mockup[data-astro-cid-d4u4r6m3]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.browser-bar[data-astro-cid-d4u4r6m3]{background:#f1f5f9;padding:8px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e2e8f0}.browser-dots[data-astro-cid-d4u4r6m3]{display:flex;gap:6px}.browser-dots[data-astro-cid-d4u4r6m3] span[data-astro-cid-d4u4r6m3]{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.browser-url[data-astro-cid-d4u4r6m3]{flex:1;background:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;color:#64748b}.browser-content[data-astro-cid-d4u4r6m3]{padding:12px}.mock-nav[data-astro-cid-d4u4r6m3]{height:20px;background:#e2e8f0;border-radius:4px;margin-bottom:12px}.mock-hero[data-astro-cid-d4u4r6m3]{height:100px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem;position:relative;border:3px dashed #92400e}.lcp-arrow[data-astro-cid-d4u4r6m3]{position:absolute;right:-8px;top:50%;transform:translateY(-50%) translate(100%);background:#92400e;color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;white-space:nowrap}@media (max-width: 768px){.lcp-arrow[data-astro-cid-d4u4r6m3]{right:auto;left:50%;top:-8px;transform:translate(-50%) translateY(-100%)}}.mock-text[data-astro-cid-d4u4r6m3]{height:12px;background:#e2e8f0;border-radius:4px;margin-bottom:8px}.mock-text[data-astro-cid-d4u4r6m3].short{width:70%}.visual-caption[data-astro-cid-d4u4r6m3]{font-size:.8rem;color:#92400e;text-align:center;margin:12px 0 0}.lcp-details[data-astro-cid-d4u4r6m3]{display:flex;flex-direction:column;gap:16px}.detail-section[data-astro-cid-d4u4r6m3]{background:#fff;border-radius:10px;padding:16px}.detail-section[data-astro-cid-d4u4r6m3] h5[data-astro-cid-d4u4r6m3]{font-size:.95rem;font-weight:600;color:#92400e;margin:0 0 10px}.detail-section[data-astro-cid-d4u4r6m3] ul[data-astro-cid-d4u4r6m3]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}@media (max-width: 640px){.detail-section[data-astro-cid-d4u4r6m3] ul[data-astro-cid-d4u4r6m3]{grid-template-columns:1fr}}.detail-section[data-astro-cid-d4u4r6m3] li[data-astro-cid-d4u4r6m3]{font-size:.85rem;color:#475569;display:flex;align-items:flex-start;gap:6px}.list-icon[data-astro-cid-d4u4r6m3]{color:#f59e0b;flex-shrink:0;margin-top:2px}.detail-section[data-astro-cid-d4u4r6m3].problems{border-left:3px solid #ef4444}.detail-section[data-astro-cid-d4u4r6m3].solutions{border-left:3px solid #22c55e}.detail-section[data-astro-cid-d4u4r6m3] code[data-astro-cid-d4u4r6m3]{background:#fef3c7;padding:2px 6px;border-radius:4px;font-size:.8rem}.lcp-thresholds-bar[data-astro-cid-d4u4r6m3]{display:flex;border-radius:10px;overflow:hidden}.threshold-segment[data-astro-cid-d4u4r6m3]{flex:1;padding:12px;text-align:center}.threshold-segment[data-astro-cid-d4u4r6m3].good{background:#dcfce7}.threshold-segment[data-astro-cid-d4u4r6m3].medium{background:#fef3c7}.threshold-segment[data-astro-cid-d4u4r6m3].bad{background:#fee2e2}.threshold-value[data-astro-cid-d4u4r6m3]{display:block;font-size:1.1rem;font-weight:700}.threshold-segment[data-astro-cid-d4u4r6m3].good .threshold-value[data-astro-cid-d4u4r6m3]{color:#15803d}.threshold-segment[data-astro-cid-d4u4r6m3].medium .threshold-value[data-astro-cid-d4u4r6m3]{color:#b45309}.threshold-segment[data-astro-cid-d4u4r6m3].bad .threshold-value[data-astro-cid-d4u4r6m3]{color:#dc2626}.threshold-label[data-astro-cid-d4u4r6m3]{font-size:.8rem;color:#64748b}.illustration-inp[data-astro-cid-icpefxjo]{margin:24px 0;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #60a5fa;border-radius:16px;padding:24px}.inp-header[data-astro-cid-icpefxjo]{text-align:center;margin-bottom:24px}.inp-badge[data-astro-cid-icpefxjo]{display:inline-flex;align-items:center;gap:12px;background:#3b82f6;color:#fff;padding:8px 20px;border-radius:30px;margin-bottom:12px}.badge-abbr[data-astro-cid-icpefxjo]{font-size:1.2rem;font-weight:800}.badge-name[data-astro-cid-icpefxjo]{font-size:.9rem;opacity:.9}.inp-definition[data-astro-cid-icpefxjo]{font-size:1.1rem;color:#1e40af;margin:0 0 8px;font-weight:500}.inp-note[data-astro-cid-icpefxjo]{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.inp-content[data-astro-cid-icpefxjo]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 768px){.inp-content[data-astro-cid-icpefxjo]{grid-template-columns:1fr}}.inp-demos[data-astro-cid-icpefxjo]{display:flex;flex-direction:column;gap:16px}.inp-demo[data-astro-cid-icpefxjo]{background:#fff;border-radius:12px;padding:20px;text-align:center}.inp-demo[data-astro-cid-icpefxjo].good-inp{border:2px solid #86efac}.inp-demo[data-astro-cid-icpefxjo].bad-inp{border:2px solid #fca5a5}.demo-label[data-astro-cid-icpefxjo]{font-size:.9rem;font-weight:600;margin-bottom:16px;color:#1e293b}.demo-btn[data-astro-cid-icpefxjo]{padding:14px 28px;border-radius:10px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:transform .1s,box-shadow .1s;margin-bottom:16px}.demo-btn[data-astro-cid-icpefxjo]:hover{transform:translateY(-2px)}.demo-btn[data-astro-cid-icpefxjo]:active,.demo-btn[data-astro-cid-icpefxjo].clicked{transform:scale(.95)}.good-btn[data-astro-cid-icpefxjo]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.good-btn[data-astro-cid-icpefxjo]:hover{box-shadow:0 6px 16px #22c55e66}.bad-btn[data-astro-cid-icpefxjo]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.bad-btn[data-astro-cid-icpefxjo]:hover{box-shadow:0 6px 16px #ef444466}.bad-btn[data-astro-cid-icpefxjo].waiting{opacity:.7;cursor:wait}.timing-container[data-astro-cid-icpefxjo]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.timing-bar[data-astro-cid-icpefxjo]{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.timing-fill[data-astro-cid-icpefxjo]{width:0;height:100%;border-radius:5px;transition:width .1s linear}.timing-bar[data-astro-cid-icpefxjo].animating.fast .timing-fill[data-astro-cid-icpefxjo]{width:15%;background:linear-gradient(90deg,#22c55e,#4ade80);animation:pulseGreen .3s ease-out}.timing-bar[data-astro-cid-icpefxjo].animating.slow .timing-fill[data-astro-cid-icpefxjo]{width:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);animation:fillSlow 1s ease-out}@keyframes pulseGreen{0%{width:0}to{width:15%}}@keyframes fillSlow{0%{width:0}to{width:100%}}.timing-value[data-astro-cid-icpefxjo]{font-size:.9rem;font-weight:700;min-width:60px;color:#64748b}.good-inp[data-astro-cid-icpefxjo] .timing-bar[data-astro-cid-icpefxjo].animating+.timing-value[data-astro-cid-icpefxjo]{color:#16a34a}.bad-inp[data-astro-cid-icpefxjo] .timing-bar[data-astro-cid-icpefxjo].animating+.timing-value[data-astro-cid-icpefxjo]{color:#dc2626}.result-message[data-astro-cid-icpefxjo]{font-size:.9rem;font-weight:600;min-height:24px}.result-message[data-astro-cid-icpefxjo].success{color:#16a34a}.result-message[data-astro-cid-icpefxjo].error{color:#dc2626}.result-message[data-astro-cid-icpefxjo].loading{color:#64748b;animation:blink .5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.inp-details[data-astro-cid-icpefxjo]{display:flex;flex-direction:column;gap:12px}.detail-section[data-astro-cid-icpefxjo]{background:#fff;border-radius:10px;padding:14px}.detail-section[data-astro-cid-icpefxjo] h5[data-astro-cid-icpefxjo]{font-size:.9rem;font-weight:600;color:#1e40af;margin:0 0 10px}.detail-section[data-astro-cid-icpefxjo].problems{border-left:3px solid #ef4444}.detail-section[data-astro-cid-icpefxjo].solutions{border-left:3px solid #22c55e}.interaction-types[data-astro-cid-icpefxjo]{display:flex;gap:12px}.interaction-type[data-astro-cid-icpefxjo]{display:flex;flex-direction:column;align-items:center;gap:4px;background:#eff6ff;padding:10px 16px;border-radius:8px}.type-icon[data-astro-cid-icpefxjo]{color:#3b82f6;display:flex;align-items:center;justify-content:center}.warn-icon[data-astro-cid-icpefxjo]{color:#f59e0b;flex-shrink:0;display:flex;align-items:center}.type-label[data-astro-cid-icpefxjo]{font-size:.75rem;color:#3b82f6;font-weight:500}.detail-section[data-astro-cid-icpefxjo] ul[data-astro-cid-icpefxjo]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.detail-section[data-astro-cid-icpefxjo] li[data-astro-cid-icpefxjo]{font-size:.85rem;color:#475569;display:flex;align-items:center;gap:6px}.detail-section[data-astro-cid-icpefxjo] code[data-astro-cid-icpefxjo]{background:#dbeafe;padding:2px 6px;border-radius:4px;font-size:.75rem}.inp-thresholds-bar[data-astro-cid-icpefxjo]{display:flex;border-radius:10px;overflow:hidden}.threshold-segment[data-astro-cid-icpefxjo]{flex:1;padding:12px;text-align:center}.threshold-segment[data-astro-cid-icpefxjo].good{background:#dcfce7}.threshold-segment[data-astro-cid-icpefxjo].medium{background:#fef3c7}.threshold-segment[data-astro-cid-icpefxjo].bad{background:#fee2e2}.threshold-value[data-astro-cid-icpefxjo]{display:block;font-size:1.1rem;font-weight:700}.threshold-segment[data-astro-cid-icpefxjo].good .threshold-value[data-astro-cid-icpefxjo]{color:#15803d}.threshold-segment[data-astro-cid-icpefxjo].medium .threshold-value[data-astro-cid-icpefxjo]{color:#b45309}.threshold-segment[data-astro-cid-icpefxjo].bad .threshold-value[data-astro-cid-icpefxjo]{color:#dc2626}.threshold-label[data-astro-cid-icpefxjo]{font-size:.8rem;color:#64748b}.illustration-cls[data-astro-cid-rrunuki3]{margin:24px 0;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #c084fc;border-radius:16px;padding:24px}.cls-header[data-astro-cid-rrunuki3]{text-align:center;margin-bottom:24px}.cls-badge[data-astro-cid-rrunuki3]{display:inline-flex;align-items:center;gap:12px;background:#a855f7;color:#fff;padding:8px 20px;border-radius:30px;margin-bottom:12px}.badge-abbr[data-astro-cid-rrunuki3]{font-size:1.2rem;font-weight:800}.badge-name[data-astro-cid-rrunuki3]{font-size:.9rem;opacity:.9}.cls-definition[data-astro-cid-rrunuki3]{font-size:1.1rem;color:#7e22ce;margin:0;font-weight:500}.cls-content[data-astro-cid-rrunuki3]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 768px){.cls-content[data-astro-cid-rrunuki3]{grid-template-columns:1fr}}.cls-visual[data-astro-cid-rrunuki3]{display:flex;flex-direction:column;gap:16px}.cls-example[data-astro-cid-rrunuki3]{background:#fff;border-radius:12px;padding:16px}.example-title[data-astro-cid-rrunuki3]{font-size:.9rem;font-weight:600;margin-bottom:12px;color:#1e293b}.browser-frame[data-astro-cid-rrunuki3]{border-radius:8px;overflow:hidden;border:2px solid #e2e8f0}.browser-frame[data-astro-cid-rrunuki3].bad{border-color:#fca5a5}.browser-frame[data-astro-cid-rrunuki3].good{border-color:#86efac}.browser-bar[data-astro-cid-rrunuki3]{background:#f1f5f9;padding:8px 12px;display:flex;gap:6px}.browser-bar[data-astro-cid-rrunuki3] .dot[data-astro-cid-rrunuki3]{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.browser-content[data-astro-cid-rrunuki3]{padding:12px;background:#fafafa;min-height:140px}.page-title-mock[data-astro-cid-rrunuki3]{height:14px;width:60%;background:#cbd5e1;border-radius:3px;margin-bottom:10px}.text-line[data-astro-cid-rrunuki3]{height:8px;background:#e2e8f0;border-radius:2px;margin-bottom:8px}.text-line[data-astro-cid-rrunuki3].short{width:70%}.browser-content[data-astro-cid-rrunuki3]{position:relative}.cls-animation-zone[data-astro-cid-rrunuki3]{margin:12px 0}.ad-inserting[data-astro-cid-rrunuki3]{background:linear-gradient(135deg,#fef08a,#fde047);border:2px dashed #ca8a04;padding:10px;text-align:center;font-size:.7rem;font-weight:700;color:#92400e;border-radius:4px;margin-bottom:8px;animation:adAppear 4s ease-in-out infinite;overflow:hidden}@keyframes adAppear{0%,30%{max-height:0;padding:0;opacity:0;margin-bottom:0}40%,to{max-height:50px;padding:10px;opacity:1;margin-bottom:8px}}.cta-button[data-astro-cid-rrunuki3]{background:#3b82f6;color:#fff;padding:8px 20px;border-radius:6px;font-size:.8rem;font-weight:600;display:inline-block}.cursor-fixed[data-astro-cid-rrunuki3]{position:absolute;left:70px;top:75px;font-size:1.4rem;z-index:10;animation:cursorClick 4s ease-in-out infinite}@keyframes cursorClick{0%,35%{transform:scale(1)}40%{transform:scale(.85)}45%,to{transform:scale(1)}}.good-content[data-astro-cid-rrunuki3]{position:relative}.ad-reserved[data-astro-cid-rrunuki3]{height:42px;background:#f1f5f9;border:2px dashed #94a3b8;border-radius:4px;margin:12px 0 8px;overflow:hidden}.ad-filling[data-astro-cid-rrunuki3]{background:linear-gradient(135deg,#fef08a,#fde047);border:none;height:100%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#92400e;animation:adFadeIn 4s ease-in-out infinite}@keyframes adFadeIn{0%,30%{opacity:0}40%,to{opacity:1}}.cursor-fixed-good[data-astro-cid-rrunuki3]{position:absolute;left:70px;top:118px;font-size:1.4rem;z-index:10;animation:cursorClickGood 4s ease-in-out infinite}@keyframes cursorClickGood{0%,35%{transform:scale(1)}40%{transform:scale(.85)}45%,to{transform:scale(1)}}.example-desc[data-astro-cid-rrunuki3]{font-size:.8rem;color:#64748b;margin:12px 0 0;text-align:center;font-weight:500}.cls-details[data-astro-cid-rrunuki3]{display:flex;flex-direction:column;gap:12px}.detail-section[data-astro-cid-rrunuki3]{background:#fff;border-radius:10px;padding:14px}.detail-section[data-astro-cid-rrunuki3].causes{border-left:3px solid #ef4444}.detail-section[data-astro-cid-rrunuki3].solutions{border-left:3px solid #22c55e}.detail-section[data-astro-cid-rrunuki3] h5[data-astro-cid-rrunuki3]{font-size:.9rem;font-weight:600;color:#7e22ce;margin:0 0 10px}.detail-section[data-astro-cid-rrunuki3] ul[data-astro-cid-rrunuki3]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.detail-section[data-astro-cid-rrunuki3] li[data-astro-cid-rrunuki3]{font-size:.85rem;color:#475569;display:flex;align-items:center;gap:6px}.cause-icon[data-astro-cid-rrunuki3]{color:#ef4444;flex-shrink:0;display:flex;align-items:center}.detail-section[data-astro-cid-rrunuki3] code[data-astro-cid-rrunuki3]{background:#f3e8ff;padding:2px 6px;border-radius:4px;font-size:.8rem}.cls-thresholds-bar[data-astro-cid-rrunuki3]{display:flex;border-radius:10px;overflow:hidden}.threshold-segment[data-astro-cid-rrunuki3]{flex:1;padding:12px;text-align:center}.threshold-segment[data-astro-cid-rrunuki3].good{background:#dcfce7}.threshold-segment[data-astro-cid-rrunuki3].medium{background:#fef3c7}.threshold-segment[data-astro-cid-rrunuki3].bad{background:#fee2e2}.threshold-value[data-astro-cid-rrunuki3]{display:block;font-size:1.1rem;font-weight:700}.threshold-segment[data-astro-cid-rrunuki3].good .threshold-value[data-astro-cid-rrunuki3]{color:#15803d}.threshold-segment[data-astro-cid-rrunuki3].medium .threshold-value[data-astro-cid-rrunuki3]{color:#b45309}.threshold-segment[data-astro-cid-rrunuki3].bad .threshold-value[data-astro-cid-rrunuki3]{color:#dc2626}.threshold-label[data-astro-cid-rrunuki3]{font-size:.8rem;color:#64748b}.illustration-metriques[data-astro-cid-bfplktry]{margin:24px 0}.metriques-grid[data-astro-cid-bfplktry]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}@media (max-width: 500px){.metriques-grid[data-astro-cid-bfplktry]{grid-template-columns:1fr}}.metrique-card[data-astro-cid-bfplktry]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;position:relative}.metrique-card[data-astro-cid-bfplktry].ttfb{border-left:4px solid #f97316}.metrique-card[data-astro-cid-bfplktry].fcp{border-left:4px solid #06b6d4}.metrique-card[data-astro-cid-bfplktry].tbt{border-left:4px solid #8b5cf6}.metrique-card[data-astro-cid-bfplktry].si{border-left:4px solid #ec4899}.metrique-header[data-astro-cid-bfplktry]{margin-bottom:8px}.metrique-abbr[data-astro-cid-bfplktry]{display:block;font-size:1.25rem;font-weight:800;color:#1e293b}.metrique-name[data-astro-cid-bfplktry]{display:block;font-size:.75rem;color:#64748b}.metrique-desc[data-astro-cid-bfplktry]{font-size:.85rem;color:#475569;margin:0 0 12px;line-height:1.4}.metrique-thresholds[data-astro-cid-bfplktry]{display:flex;gap:8px;margin-bottom:12px}.metrique-thresholds[data-astro-cid-bfplktry] span[data-astro-cid-bfplktry]{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:4px}.metrique-thresholds[data-astro-cid-bfplktry] .good[data-astro-cid-bfplktry]{background:#dcfce7;color:#15803d}.metrique-thresholds[data-astro-cid-bfplktry] .bad[data-astro-cid-bfplktry]{background:#fee2e2;color:#dc2626}.metrique-tag[data-astro-cid-bfplktry]{display:inline-block;font-size:.7rem;font-weight:500;padding:3px 8px;border-radius:4px}.metrique-tag[data-astro-cid-bfplktry].server{background:#fef3c7;color:#92400e}.metrique-tag[data-astro-cid-bfplktry].client{background:#dbeafe;color:#1e40af}.metriques-note[data-astro-cid-bfplktry]{display:flex;gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px}.note-icon[data-astro-cid-bfplktry]{width:40px;height:40px;background:#3b82f61a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.note-content[data-astro-cid-bfplktry] strong[data-astro-cid-bfplktry]{display:block;color:#1e293b;margin-bottom:8px}.note-content[data-astro-cid-bfplktry] p[data-astro-cid-bfplktry]{font-size:.85rem;color:#475569;margin:4px 0}.note-content[data-astro-cid-bfplktry] p[data-astro-cid-bfplktry] strong[data-astro-cid-bfplktry]{display:inline;color:#0f172a}