@layer astro,base,theme;@layer components{.exemple{max-width:1100px;padding:0 var(--gutter) 40px;text-align:center;margin:0 auto}.ex-score{text-align:left;color:#fff;background:#000;border-radius:24px;grid-template-columns:1fr;align-items:center;gap:24px;max-width:460px;margin-left:auto;padding:40px;display:grid}.ex-site{opacity:.65;font-size:14px}.ex-total{font-size:20px}.ex-total strong{letter-spacing:-.03em;font-size:96px;font-weight:500;line-height:1}.ex-prio{gap:10px;padding-left:22px;font-size:18px;display:grid}.ex-blocs{text-align:left;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:0;list-style:none;display:grid}.ex-bloc{background:var(--color-card);border-radius:24px;padding:28px}.ex-bloc-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ex-bloc h2{letter-spacing:-.01em;font-size:20px}.ex-bloc-head p{color:var(--color-muted);font-size:14px}.ex-bloc-head strong{color:#000;font-size:28px;font-weight:500}.ex-points{gap:8px;margin-top:16px;font-size:15px;list-style:none;display:grid}.ex-points li{grid-template-columns:22px 1fr;gap:10px;display:grid}.ex-points span{color:#fff;background:var(--color-success);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:grid}.ex-points .ko span{background:var(--color-red)}.ex-action{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px;font-size:15px}.ex-cta{justify-items:center;gap:16px;margin-top:56px;font-size:18px;display:grid}@media (width<=760px){.ex-score,.ex-blocs{grid-template-columns:1fr}.ex-score{padding:28px}}}
