:root{--feutre: #14532D;--feutre-clair: #1C6B3C;--tuile: #F5EBD0;--tuile-bord: #D9C89E;--papier: #FBF7EE;--encre: #241F1A;--encre-douce: #5C554C;--encre-legere: #8F877C;--corail: #E2574C;--corail-fonce: #C43E33;--bleu: #2563A8;--carte: #FFFFFF;--bord: #E8E0D0;--font-display: "Fredoka", -apple-system, sans-serif;--font-body: "Nunito", -apple-system, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow: 0 2px 4px rgba(36, 31, 26, .06), 0 6px 18px rgba(36, 31, 26, .07);--shadow-lg: 0 4px 8px rgba(36, 31, 26, .08), 0 16px 40px rgba(36, 31, 26, .12);--transition: all .18s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.65;color:var(--encre);background:var(--papier);-webkit-font-smoothing:antialiased}.container{max-width:1060px;margin:0 auto;padding:0 var(--sp-5)}h1,h2,h3{font-family:var(--font-display);line-height:1.2}a{color:var(--bleu)}.tuiles{display:inline-flex;gap:4px;flex-wrap:wrap}.tuile-l{display:inline-flex;align-items:center;justify-content:center;position:relative;width:2.1em;height:2.1em;background:linear-gradient(160deg,#FAF3DF,var(--tuile));border:1px solid var(--tuile-bord);border-bottom-width:3px;border-radius:6px;font-family:var(--font-display);font-weight:600;font-size:.9em;text-transform:uppercase;color:var(--encre)}.tuile-l sub{position:absolute;bottom:2px;right:4px;font-size:.42em;font-weight:800;color:var(--corail)}.btn{display:inline-block;padding:var(--sp-3) var(--sp-6);font-family:var(--font-display);font-size:var(--fs-base);font-weight:600;text-decoration:none;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:var(--transition)}.btn-corail{background:var(--corail);color:#fff}.btn-corail:hover{background:var(--corail-fonce);transform:translateY(-1px)}.btn-vert{background:var(--feutre);color:#fff}.btn-vert:hover{background:var(--feutre-clair)}.btn-ligne{background:transparent;color:var(--encre);box-shadow:inset 0 0 0 2px var(--bord)}.btn-ligne:hover{box-shadow:inset 0 0 0 2px var(--encre)}.nav{position:sticky;top:0;z-index:100;background:var(--feutre);height:62px}.nav .container{height:62px;display:flex;align-items:center;justify-content:space-between}.nav .logo{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none}.nav .logo .tuile-l{font-size:1.05rem}.nav .logo-text{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);color:#fff}.nav-links{display:flex;gap:var(--sp-5);align-items:center}.nav-links a{color:#cfe3d4;text-decoration:none;font-size:var(--fs-sm);font-weight:700}.nav-links a:hover{color:#fff}.nav-links a.nav-cta{background:var(--corail);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius)}@media(max-width:780px){.nav-links a:not(.nav-cta){display:none}}.footer{background:var(--encre);color:var(--papier);padding:var(--sp-12) 0 var(--sp-6);margin-top:var(--sp-16)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-8)}@media(max-width:720px){.footer-grid{grid-template-columns:1fr 1fr}}.footer h4{font-family:var(--font-display);color:#fff;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--sp-3)}.footer a{display:block;color:#b9b2a6;text-decoration:none;font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.footer a:hover{color:#fff}.footer-brand p{color:#9a938a;font-size:var(--fs-sm);max-width:300px;margin-top:var(--sp-2)}.footer-bottom{border-top:1px solid #3D372F;margin-top:var(--sp-8);padding-top:var(--sp-5);font-size:var(--fs-xs);color:#8f877c;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2)}.footer-bottom a{display:inline}.page-header{background:var(--feutre);color:#fff;padding:var(--sp-12) 0;background-image:radial-gradient(circle at 85% 15%,rgba(255,255,255,.06),transparent 45%)}.page-header h1{color:#fff;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:600;margin-bottom:var(--sp-3)}.page-header p{color:#cfe3d4;font-size:var(--fs-lg);max-width:640px}.tool-card{background:var(--carte);border:1px solid var(--bord);border-radius:var(--radius-xl);padding:var(--sp-8);box-shadow:var(--shadow-lg)}.tool-card label{display:block;font-weight:800;font-size:var(--fs-sm);color:var(--encre-douce);margin-bottom:var(--sp-2)}.input-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.input-row input[type=text]{flex:1;min-width:200px;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xl);font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;border:2px solid var(--bord);border-radius:var(--radius-lg);outline:none;background:var(--papier)}.input-row input[type=text]:focus{border-color:var(--feutre)}.tool-hint{font-size:var(--fs-sm);color:var(--encre-legere);margin-top:var(--sp-3)}.resultats{margin-top:var(--sp-6)}.resultats-meta{font-weight:800;color:var(--encre-douce);margin-bottom:var(--sp-4)}.mots-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.mot-chip{background:var(--carte);border:1px solid var(--bord);border-radius:var(--radius);padding:var(--sp-1) var(--sp-3);font-weight:700;font-size:var(--fs-base)}.mot-chip .pts{color:var(--corail);font-size:var(--fs-xs);font-weight:800;margin-left:4px}.content-block{padding:var(--sp-10) 0}.content-block h2{font-size:var(--fs-2xl);font-weight:600;margin:var(--sp-8) 0 var(--sp-4)}.content-block p,.content-block li{font-size:var(--fs-lg);color:var(--encre-douce);margin-bottom:var(--sp-4);line-height:1.75}.content-block ul,.content-block ol{margin-left:var(--sp-6)}.content-container{max-width:760px}table{border-collapse:collapse;width:100%;margin:var(--sp-5) 0;background:var(--carte);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}th,td{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--bord);font-size:var(--fs-base)}th{background:var(--tuile);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm)}tr:last-child td{border-bottom:none}.faq-item{background:var(--carte);border:1px solid var(--bord);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);margin-top:var(--sp-3)}.faq-item summary{font-weight:800;cursor:pointer}.faq-item p{margin-top:var(--sp-3);color:var(--encre-douce)}.hidden{display:none}
