/* ============================================================
   BEST MOBILIER — pages éditoriales, aide, contact
   ============================================================ */

/* ---------- Page éditoriale ---------- */
.page{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;padding:8px 0 80px;align-items:start}
.page h1{font-family:var(--serif);font-size:clamp(34px,4.4vw,52px);line-height:1.03;grid-column:1}
.page .chapo{grid-column:1;margin-top:14px;font-size:18.5px;line-height:1.6;color:#4d5749;max-width:56ch}
.page-corps{grid-column:1;margin-top:34px;max-width:66ch}
.page-corps h2{font-family:var(--serif);font-size:27px;line-height:1.2;margin:38px 0 12px}
.page-corps h2:first-child{margin-top:0}
.page-corps p{font-size:16px;line-height:1.75;color:#3b4438;margin-bottom:14px}
.page-corps ul,.page-corps ol{margin:0 0 18px;padding-left:22px}
.page-corps li{font-size:16px;line-height:1.7;color:#3b4438;margin-bottom:8px}
.page-corps a{border-bottom:1px solid var(--laiton)}
.page-corps a:hover{color:var(--laiton)}
.page-corps blockquote{
  margin:20px 0;padding:18px 22px;background:var(--sable-clair);
  border-left:3px solid var(--vert);border-radius:0 10px 10px 0;
}
.page-corps blockquote p{margin-bottom:10px;font-size:15px}
.page-corps blockquote p:last-child{margin-bottom:0}
.page-corps code{
  background:var(--vert-pale);padding:2px 7px;border-radius:5px;
  font-size:13.5px;font-family:ui-monospace,monospace;
}

.avert{
  background:#F7EBD5;border:1px solid #E0C68A;border-radius:12px;
  padding:16px 20px;margin-bottom:30px;font-size:14.5px;line-height:1.65;color:#7A5A14;
}
.avert code{background:rgba(122,90,20,.12);color:inherit}

.tbl-page{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:14.5px}
.tbl-page th{
  text-align:left;font-size:12.5px;font-weight:700;color:#697362;
  padding:10px 12px;border-bottom:1.5px solid var(--trait);
}
.tbl-page td{padding:11px 12px;border-bottom:1px solid var(--trait);color:#3b4438;line-height:1.55}
.tbl-page tr:last-child td{border-bottom:0}

.page-aide{
  grid-column:2;grid-row:1 / span 3;position:sticky;top:92px;
  background:var(--sable-clair);border-radius:var(--r-m);padding:24px;
}
.page-aide h2{font-size:15px;font-weight:700;margin-bottom:14px}
.page-aide-liens{display:grid;gap:2px}
.page-aide-liens a{
  display:block;padding:10px 12px;border-radius:9px;font-size:14.5px;font-weight:600;
}
.page-aide-liens a:hover{background:#fff;color:var(--laiton)}

/* ---------- Aide ---------- */
.aide-tete{padding:16px 0 34px;max-width:640px}
.aide-tete h1{font-family:var(--serif);font-size:clamp(34px,4.6vw,52px);line-height:1.03;margin-bottom:22px}
.aide-recherche{position:relative}
.aide-recherche input{
  width:100%;padding:16px 20px 16px 50px;border:1.5px solid var(--trait);
  border-radius:999px;background:#fff;font-size:16px;
}
.aide-recherche input:focus{border-color:var(--vert);outline:none}
.aide-recherche svg{position:absolute;left:19px;top:50%;transform:translateY(-50%);color:var(--vert-mid)}

.aide-raccourcis{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:48px;
}
.aide-raccourcis a{
  display:block;padding:20px;border:1.5px solid var(--trait);border-radius:var(--r-m);
  background:#fff;transition:border-color .18s ease,transform .18s ease;
}
.aide-raccourcis a:hover{border-color:var(--vert);transform:translateY(-2px)}
.aide-raccourcis svg{color:var(--vert);margin-bottom:12px}
.aide-raccourcis b{display:block;font-size:15.5px;margin-bottom:3px}
.aide-raccourcis span{display:block;font-size:13.5px;color:#697362}

.aide-bloc{margin-bottom:40px}
.aide-bloc h2{font-family:var(--serif);font-size:30px;margin-bottom:6px}
.aide-vide{padding:50px 20px;text-align:center;background:var(--sable-clair);border-radius:var(--r-m);margin-bottom:40px}
.aide-vide p{margin-bottom:20px;font-size:17px;color:#697362}

.faq-vote{
  margin-top:18px;padding-top:14px;border-top:1px solid var(--trait);
  display:flex;align-items:center;gap:12px;font-size:13.5px;color:#697362;flex-wrap:wrap;
}
.faq-vote button{
  padding:6px 16px;border:1.5px solid var(--trait);border-radius:999px;
  font-size:13.5px;font-weight:600;background:#fff;
}
.faq-vote button:hover{border-color:var(--vert);color:var(--vert)}

.aide-contact{
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  background:var(--vert-nuit);color:var(--sable-clair);
  border-radius:var(--r-l);padding:clamp(30px,4vw,48px);margin-bottom:80px;
}
.aide-contact h2{font-family:var(--serif);font-size:clamp(26px,3vw,36px);line-height:1.1}
.aide-contact p{margin-top:12px;opacity:.75;max-width:46ch;font-size:15.5px;line-height:1.6}
.aide-contact .btn-plein{background:var(--laiton);color:var(--vert-nuit);flex:0 0 auto}
.aide-contact .btn-plein:hover{background:var(--sable-clair)}

/* ---------- Contact ---------- */
.contact{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;padding:8px 0 80px;align-items:start}
.contact-form h1{font-family:var(--serif);font-size:clamp(34px,4.4vw,50px);line-height:1.03}
.contact-form .chapo{margin:14px 0 30px;font-size:17px;line-height:1.6;color:#4d5749;max-width:52ch}
.contact-form textarea{
  padding:14px 16px;border:1.5px solid var(--trait);border-radius:10px;
  background:#fff;font-size:16px;width:100%;line-height:1.6;resize:vertical;font-family:inherit;
}
.contact-form textarea:focus{border-color:var(--vert);outline:none}
.contact-infos{position:sticky;top:92px}
.liste-liens{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.liste-liens a{font-size:14.5px;border-bottom:1px solid var(--trait)}
.liste-liens a:hover{color:var(--laiton)}

@media (max-width:900px){
  .page,.contact{grid-template-columns:1fr;gap:30px}
  .page-aide{grid-column:1;grid-row:auto;position:static}
  .contact-infos{position:static}
  .aide-contact{flex-direction:column;align-items:flex-start}
}