/* Canard Immo — feuille de style des articles du blog.
   Reprend les jetons de la home (index.html) ; pages en clair uniquement. */
:root{
 --navy-900:#0B1729;--navy-800:#12263A;--navy-700:#1D3A56;--navy-600:#2B506F;
 --or:#edc36e;--bordeaux:#8B2035;--cta:#C82026;--cta-h:#A81A1F;
 --clair:#F4F7FA;--surface:#FFFFFF;--ligne:#DDE5EC;--ligne-2:#EAF0F5;
 --texte:#12263A;--texte-2:#4A5E72;--texte-3:#71859A;
 --vert:#136B4F;--vert-fond:#E8F4EF;
 --sans:"Source Sans 3",-apple-system,Segoe UI,sans-serif;
 --disp:"Archivo","Helvetica Neue",Arial,sans-serif;
 --mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{animation:none!important;transition:none!important;}}
body{margin:0;background:var(--clair);color:var(--texte);font-family:var(--sans);
 font-size:18px;line-height:1.62;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
:focus-visible{outline:3px solid var(--or);outline-offset:3px;border-radius:3px;}

/* barre — identique à la home */
.bar{background:var(--navy-900);border-bottom:1px solid rgba(255,255,255,.09);position:sticky;top:0;z-index:40;}
.bar__in{max-width:1140px;margin:0 auto;padding:0 24px;height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.logo{font-family:var(--disp);font-weight:800;font-size:19px;color:#fff;text-decoration:none;}
.logo b{color:var(--or);}
.logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;}
.logo__img{width:34px;height:34px;border-radius:50%;border:2px solid var(--or);flex:none;}
@media(max-width:420px){.logo__img{width:28px;height:28px;}.logo{gap:8px;}}
.bar nav{display:flex;gap:24px;font-size:15px;font-weight:600;align-items:center;}
.bar nav a{color:#C6D3E0;text-decoration:none;}
.bar nav a:hover{color:var(--or);}
.bar .btn{min-height:40px;padding:9px 18px;font-size:15px;}
@media(max-width:820px){.bar nav > a:not(.btn){display:none;}}

/* boutons — identiques à la home */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:16px 30px;
 border-radius:9px;font-family:var(--sans);font-size:17px;font-weight:700;text-decoration:none;border:0;cursor:pointer;
 transition:background .15s,transform .12s;}
.btn--p{background:var(--cta);color:#fff;box-shadow:0 6px 18px rgba(200,32,38,.3);}
.btn--p:hover{background:var(--cta-h);transform:translateY(-1px);}
.btn--w{width:100%;}

/* gabarit d'article */
.fil{max-width:760px;margin:0 auto;padding:26px 24px 0;font-family:var(--mono);font-size:12px;
 letter-spacing:.06em;color:var(--texte-3);}
.fil a{color:var(--texte-3);}
article{max-width:760px;margin:0 auto;padding:10px 24px 40px;}
h1{font-family:var(--disp);font-size:clamp(31px,5vw,45px);font-weight:800;letter-spacing:-.032em;
 line-height:1.07;margin:0 0 18px;text-wrap:balance;}
h2{font-family:var(--disp);font-size:clamp(24px,3.4vw,30px);font-weight:800;letter-spacing:-.022em;
 line-height:1.14;margin:52px 0 12px;text-wrap:balance;}
h3{font-family:var(--disp);font-size:20px;font-weight:700;letter-spacing:-.012em;margin:30px 0 8px;text-wrap:balance;}
p{margin:0 0 18px;}
article p,article li{max-width:66ch;}
ul,ol{margin:0 0 18px;padding-left:23px;}
li{margin-bottom:9px;}
a{color:var(--bordeaux);text-underline-offset:3px;}
strong{font-weight:700;}
abbr{text-decoration:none;border-bottom:1px dotted var(--texte-3);cursor:help;}

/* signature en tête */
.sign{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
 border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);padding:16px 0;margin:0 0 34px;}
.sign__a{width:44px;height:44px;border-radius:50%;background:var(--navy-900);color:var(--or);
 display:grid;place-items:center;font-family:var(--disp);font-weight:800;font-size:15px;flex:none;}
.sign__n{font-weight:700;margin:0;line-height:1.3;}
.sign__m{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
 color:var(--texte-3);margin:2px 0 0;}
.sign__n a{color:var(--bordeaux);}

/* encadré « l'essentiel » */
.tldr{background:var(--surface);border:1px solid var(--ligne);border-left:5px solid var(--bordeaux);
 border-radius:0 12px 12px 0;padding:24px 28px;margin:0 0 34px;}
.tldr h2{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
 color:var(--bordeaux);margin:0 0 12px;}
.tldr p{font-size:18.5px;margin:0 0 12px;}
.tldr p:last-child{margin:0;}
.tldr ul{margin:0;}

/* tableau */
.tbl{overflow-x:auto;margin:0 0 22px;-webkit-overflow-scrolling:touch;}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:16.5px;background:var(--surface);}
caption{text-align:left;font-family:var(--mono);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;
 color:var(--texte-3);padding:0 0 10px;}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--ligne-2);vertical-align:top;}
thead th{font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;
 color:var(--texte-3);border-bottom:2px solid var(--navy-800);background:var(--clair);}
tbody th{font-weight:600;}
td.oui{color:var(--vert);font-weight:700;white-space:nowrap;}
td.non{color:var(--bordeaux);font-weight:700;white-space:nowrap;}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0;}

/* le mot du Canard */
.mot{background:var(--surface);border:1px solid var(--ligne);border-radius:12px;
 padding:22px 26px;margin:30px 0;display:grid;grid-template-columns:52px 1fr;gap:18px;}
.mot__i{width:52px;height:52px;border-radius:50%;background:var(--navy-900);display:grid;place-items:center;
 font-size:26px;line-height:1;}
.mot__t{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
 color:var(--bordeaux);margin:0 0 7px;}
.mot p{margin:0 0 10px;font-size:17px;}
.mot p:last-child{margin:0;}
@media(max-width:560px){.mot{grid-template-columns:1fr;}.mot__i{display:none;}}

/* calculateur */
.calc{background:var(--navy-900);color:#EAF1F8;border-radius:14px;padding:28px 30px;margin:34px 0;}
.calc h3{font-family:var(--disp);color:#fff;font-size:22px;margin:0 0 6px;}
.calc__s{color:#9FB4C8;font-size:16px;margin:0 0 22px;max-width:52ch;}
.calc__g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 20px;}
@media(max-width:620px){.calc__g{grid-template-columns:1fr;}}
.calc label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
 color:#9FB4C8;margin:0 0 7px;}
.calc input{width:100%;min-height:52px;padding:13px 15px;font-family:var(--mono);font-size:17px;
 border:2px solid #2B4763;border-radius:9px;background:#0F1F31;color:#fff;}
.calc input:focus{border-color:var(--or);outline:none;}
.calc__out{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;}
.calc__v{font-family:var(--disp);font-weight:800;font-size:clamp(26px,4.6vw,36px);letter-spacing:-.025em;
 line-height:1.1;margin:0 0 8px;color:var(--or);}
.calc__v.nul{color:#9FB4C8;}
.calc__d{font-size:16.5px;color:#C3D3E2;margin:0;max-width:56ch;}
.calc__d b{color:#fff;}
.calc__note{font-size:14.5px;color:#8DA6BE;margin:16px 0 0;max-width:60ch;}

/* capture email */
.capwrap{background:var(--surface);border:1px solid var(--ligne);border-top:5px solid var(--bordeaux);
 border-radius:14px;padding:28px 30px;margin:36px 0;box-shadow:0 14px 44px rgba(18,38,58,.09);}
.capwrap h3{margin:0 0 8px;}
.capwrap>p{color:var(--texte-2);font-size:16.5px;margin:0 0 20px;}
.cap__l{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--texte-3);margin:0 0 9px;}
.cap__row{display:flex;gap:10px;flex-wrap:wrap;}
.cap__row input{flex:1;min-width:230px;min-height:54px;padding:14px 17px;font-family:var(--sans);font-size:17px;
 border:2px solid var(--ligne);border-radius:9px;background:#fff;color:var(--texte);}
.cap__row input:focus{border-color:var(--navy-600);outline:none;}
.cap__opt{display:flex;gap:11px;align-items:flex-start;margin:18px 0 0;font-size:16px;color:var(--texte-2);
 line-height:1.5;cursor:pointer;}
.cap__opt input{width:21px;height:21px;flex:none;margin-top:2px;accent-color:var(--bordeaux);cursor:pointer;}
.cap__fine{margin:16px 0 0;font-size:14.5px;color:var(--texte-3);max-width:60ch;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.cap[data-state="sending"] button{opacity:.6;pointer-events:none;}
.cap__err{margin:14px 0 0;color:var(--cta);font-size:16px;font-weight:600;}
.cap__sug{margin:14px 0 0;font-size:16px;color:var(--texte);}
.cap__sug button{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--bordeaux);
 text-decoration:underline;cursor:pointer;}
.done{text-align:center;padding:16px 0 6px;}
.done__i{width:56px;height:56px;border-radius:50%;background:var(--bordeaux);color:#fff;display:grid;
 place-items:center;font-size:28px;margin:0 auto 16px;font-family:var(--disp);}
.done h3{font-size:24px;margin-bottom:8px;}
.done p{max-width:48ch;margin:0 auto 10px;color:var(--texte-2);}
.done__note{font-size:15px;color:var(--texte-3);}

/* FAQ */
.qa{border-bottom:1px solid var(--ligne);}
.qa summary{cursor:pointer;padding:17px 34px 17px 0;font-family:var(--disp);font-weight:700;font-size:18px;
 position:relative;list-style:none;}
.qa summary::-webkit-details-marker{display:none;}
.qa summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);
 font-family:var(--mono);font-size:22px;color:var(--bordeaux);line-height:1;}
.qa[open] summary::after{content:"\2212";}
.qa__a{padding:0 0 18px;}
.qa__a p:last-child{margin:0;}

/* sources & avertissement */
.src{font-size:16px;color:var(--texte-2);}
.src li{margin-bottom:11px;}
.src .d{font-family:var(--mono);font-size:12.5px;color:var(--texte-3);}
.ymyl{background:var(--clair);border:1px solid var(--ligne);border-radius:10px;padding:18px 22px;
 font-size:15.5px;color:var(--texte-2);margin:26px 0 0;}
.ymyl p{margin:0;max-width:none;}

/* bloc auteur de fin */
.bio{background:var(--surface);border:1px solid var(--ligne);border-radius:12px;padding:26px 28px;margin:44px 0 0;
 display:grid;grid-template-columns:64px 1fr;gap:20px;}
.bio__a{width:64px;height:64px;border-radius:50%;background:var(--navy-900);color:var(--or);display:grid;
 place-items:center;font-family:var(--disp);font-weight:800;font-size:20px;flex:none;}
.bio h3{margin:0 0 4px;}
.bio p{font-size:16.5px;color:var(--texte-2);margin:0 0 12px;}
.bio p:last-child{margin:0;}
@media(max-width:560px){.bio{grid-template-columns:1fr;}.bio__a{display:none;}}

/* suite de lecture */
.suite{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 0;}
@media(max-width:620px){.suite{grid-template-columns:1fr;}}
.suite a{display:block;background:var(--surface);border:1px solid var(--ligne);border-radius:11px;
 padding:20px 22px;text-decoration:none;color:inherit;transition:border-color .15s,transform .12s;}
.suite a:hover{border-color:var(--navy-600);transform:translateY(-1px);}
.suite .k{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
 color:var(--bordeaux);margin:0 0 6px;}
.suite .t{font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:-.01em;margin:0 0 6px;}
.suite .d{font-size:15.5px;color:var(--texte-2);margin:0;}

footer{background:var(--navy-900);color:#8FA5BC;margin-top:60px;padding:38px 0 44px;font-size:14.5px;}
footer .w{max-width:1140px;margin:0 auto;padding:0 24px;}
footer a{color:#C6D3E0;}
footer .dis{font-size:13.5px;line-height:1.6;color:#7A90A7;max-width:none;}

/* ————— hub /blog ————— */
.hub{max-width:760px;margin:0 auto;padding:10px 24px 40px;}
.hub__intro{font-size:20px;color:var(--texte-2);margin:0 0 10px;max-width:60ch;}
.hub__regle{background:var(--surface);border:1px solid var(--ligne);border-left:5px solid var(--bordeaux);
 border-radius:0 12px 12px 0;padding:20px 24px;margin:26px 0 40px;font-size:17px;color:var(--texte-2);}
.hub__regle p{margin:0;max-width:62ch;}
.hub__regle b{color:var(--texte);}
.hub h2{margin-top:0;}
.liste{display:flex;flex-direction:column;gap:16px;margin:0 0 12px;list-style:none;padding:0;}
.liste li{margin:0;max-width:none;}
.post{display:block;background:var(--surface);border:1px solid var(--ligne);border-radius:12px;
 padding:26px 28px;text-decoration:none;color:inherit;transition:border-color .15s,transform .12s,box-shadow .15s;}
.post:hover{border-color:var(--navy-600);transform:translateY(-1px);box-shadow:0 10px 30px rgba(18,38,58,.07);}
.post__m{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
 color:var(--texte-3);margin:0 0 9px;display:flex;flex-wrap:wrap;gap:6px 14px;}
.post__m .cat{color:var(--bordeaux);}
.post__t{font-family:var(--disp);font-weight:800;font-size:23px;letter-spacing:-.02em;line-height:1.16;
 margin:0 0 9px;text-wrap:balance;}
.post__d{font-size:16.5px;color:var(--texte-2);margin:0 0 12px;max-width:62ch;}
.post__l{font-weight:700;color:var(--bordeaux);font-size:16px;margin:0;}
.vide{background:var(--surface);border:1px dashed var(--ligne);border-radius:12px;padding:24px 28px;
 font-size:16.5px;color:var(--texte-3);}
.vide p{margin:0;max-width:62ch;}