.page-desinfox{background:var(--fond)}.page-desinfox .page-wrap{max-width:980px;margin:0 auto;padding:calc(var(--nav-height) + var(--space-xl)) var(--space-md) var(--space-3xl)}.page-hero{text-align:center;margin-bottom:var(--space-2xl)}.page-hero h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--bleu-profond);margin-bottom:var(--space-sm)}.page-hero p{color:var(--gris-texte);font-size:var(--text-lg)}.method-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin:var(--space-xl) 0}@media (min-width:720px){.method-grid{grid-template-columns:repeat(4,1fr)}}.method-card{background:var(--fond-carte);border:1px solid var(--gris-clair);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-sm)}.method-card h3{font-size:var(--text-base);color:var(--bleu-profond);margin-bottom:var(--space-xs)}.method-card p{font-size:var(--text-sm);color:var(--gris-texte)}.method-extra{background:var(--fond-carte);border:1px solid var(--gris-clair);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.method-extra h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--bleu-profond);margin-bottom:var(--space-sm)}.method-steps{margin:0;padding-left:1.2rem;color:var(--gris-texte);line-height:1.6}.fact-sites{margin:var(--space-xl) 0}.fact-sites h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--bleu-profond);margin-bottom:var(--space-md);text-align:center}.site-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width:720px){.site-grid{grid-template-columns:repeat(2,1fr)}}.site-card{background:var(--fond-carte);border:1px solid var(--gris-clair);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;color:var(--gris-texte);display:block;transition:all var(--trans-fast)}.site-card:hover{border-color:var(--violet-doux);box-shadow:var(--shadow-sm)}.site-card h3{font-size:var(--text-base);color:var(--bleu-profond);margin-bottom:var(--space-xs)}.lab-card{background:var(--fond-carte);border:2px solid var(--violet-doux);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md)}.lab-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.lab-header h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--bleu-profond)}.lab-header span{font-size:var(--text-2xl)}.case-card{background:var(--fond);border:1px solid var(--gris-clair);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-md)}.case-title{font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--violet-doux);font-weight:700}.case-description{font-size:var(--text-lg);color:var(--bleu-profond);margin:var(--space-sm) 0 var(--space-lg)}.choice-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media (min-width:720px){.choice-grid{grid-template-columns:repeat(2,1fr)}}.choice-btn{border:2px solid var(--gris-clair);border-radius:var(--radius-lg);padding:var(--space-md);font-weight:600;text-align:left;background:var(--fond-carte);color:var(--gris-texte);cursor:pointer;transition:all var(--trans-fast)}.choice-btn:hover{border-color:var(--violet-doux);background:rgba(123,107,168,0.1)}.feedback{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);font-weight:700;text-align:center;display:none}.feedback.ok{background:rgba(16,185,129,0.15);color:#047857;display:block}.feedback.ko{background:rgba(244,63,94,0.15);color:#be123c;display:block}.note-box{margin-top:var(--space-lg);background:rgba(14,138,154,0.1);border-radius:var(--radius-md);padding:var(--space-md);color:var(--gris-texte);font-size:var(--text-sm)}