/* Pages aimants Immo-Clic (calculatrice droits de mutation, guide vendeur).
   Code couleur officiel uniquement : vert #005C46, vert foncé #003D32,
   vert profond #002C24, orange #FF641E, crème #FCF8F0. */
:root{--g:#005C46;--gd:#003D32;--gp:#002C24;--o:#FF641E;--c:#FCF8F0;--l:#dfeae5}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#173f36;line-height:1.7;background:#f5faf7}
a{color:var(--g)}
header,footer{background:#fff}
.bar,.wrap{width:min(980px,calc(100% - 36px));margin:auto}
.bar{display:flex;align-items:center;gap:25px;min-height:92px}
.bar img{width:150px}
.bar nav{margin-left:auto;display:flex;gap:18px;font-weight:700}
.bar nav a{color:var(--gd);text-decoration:none}
.menu-toggle{display:none;margin-left:auto;background:none;border:0;font-size:28px;color:var(--g);cursor:pointer;padding:8px}
.hero{background:linear-gradient(135deg,#effaf6,var(--c));padding:60px 0}
.tag{font-weight:800;color:var(--o);text-transform:uppercase;letter-spacing:.08em}
.hero h1{font-size:clamp(32px,5vw,50px);line-height:1.12;color:var(--g);margin:.25em 0}
.answer{font-size:20px;max-width:820px}
.article{background:#fff;border:1px solid var(--l);border-radius:20px;padding:40px;margin:38px auto}
.article h2{color:var(--g);font-size:28px;margin-top:36px}
.article h3{color:var(--o);font-size:21px}
.outil{background:var(--c);border:2px solid var(--g);border-radius:18px;padding:28px;margin:10px 0 8px}
.outil label{display:block;font-weight:800;color:var(--gd);margin:14px 0 6px}
.outil select,.outil input{width:100%;padding:13px 14px;font-size:17px;border:2px solid var(--g);border-radius:10px;background:#fff;color:#173f36}
.outil .aide{font-size:14px;margin:6px 0 0;color:#3c5a52}
.btn{display:inline-block;background:var(--o);color:#fff;padding:14px 22px;border:none;border-radius:10px;font-weight:800;font-size:17px;cursor:pointer;margin-top:18px;text-decoration:none}
.btn:hover{background:var(--gd)}
#calc-resultat{margin-top:22px}
#calc-resultat h3{color:var(--g);font-size:24px;margin:0 0 12px}
.calc-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
.calc-table th{background:var(--g);color:#fff;text-align:left;padding:10px 12px;font-size:15px}
.calc-table td{padding:10px 12px;border-top:1px solid var(--l);font-size:15px}
.calc-total-note,.calc-erreur{font-size:15px}
.calc-erreur{color:#d33;font-weight:700}
#calc-note-bareme{font-size:14px;font-weight:700;color:var(--gd);margin-top:14px}
.cta{background:var(--g);color:#fff;padding:30px;border-radius:16px;margin-top:40px;text-align:center}
.cta h2{color:#fff;margin-top:0}
.cta a{display:inline-block;background:var(--o);color:#fff;padding:13px 20px;border-radius:9px;font-weight:800;text-decoration:none}
.etapes{columns:2;column-gap:34px;padding-left:20px}
.etapes li{margin-bottom:8px;break-inside:avoid}
.form-ok{background:#eaf5e8;border-left:5px solid var(--o);padding:16px 20px;border-radius:8px;font-weight:700}
footer{padding:35px 0;border-top:1px solid var(--l);background:#fff}
footer .wrap{color:var(--gd);font-weight:700}
@media(max-width:760px){.bar nav{display:none}.menu-toggle{display:block}header.menu-open .bar{min-height:auto;flex-wrap:wrap;padding:14px 0}header.menu-open nav{display:flex;width:100%;margin:10px 0 4px;flex-direction:column;gap:12px}.article{padding:24px 20px}.etapes{columns:1}.calc-table th,.calc-table td{font-size:13px;padding:8px}}