/* HK Handmade : page Aide & contact v2, dans le langage de l'accueil (home.css + home-v2.css). 2026-09-11. */
.hkaide-page{--hk-muted:#6B645A;--hk-soft:#4A4540;--hk-line:#B9B1A6;--hk-error:#8A2A1B}

.hkaide-hero{padding-block:96px 72px}
.hkaide-hero .hkv-eyebrow{color:var(--hk-muted)}
.hkaide-page .hkaide-hero h1{font-size:clamp(56px,6.4vw,100px);line-height:1.02}
.hkaide-lead{margin-top:28px!important;max-width:52ch;font-size:19px;line-height:1.7;color:var(--hk-soft);text-wrap:pretty}
.hkaide-jump{margin-top:26px;font-size:14px}
.hkaide-jump svg{width:18px;height:18px}
.hkaide-jump:hover svg{transform:translateY(3px)}

.hkaide-contact{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:112px;align-items:start;padding-block:64px 96px;border-top:1px solid var(--stone)}
.hkaide-page .hkaide-form-col h2{font-size:clamp(32px,3vw,44px);line-height:1.12}

.hkaide-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 40px;margin-top:40px}
.hkaide-field{display:flex;flex-direction:column;min-width:0}
.hkaide-field--full,.hkaide-consent,.hkaide-foot,.hkaide-status{grid-column:1/-1}
.hkaide-field label{font-size:12px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--hk-muted)}
.hkaide-optional{letter-spacing:.04em;text-transform:none}
.hkaide-field :is(input,select,textarea){width:100%;margin-top:8px;padding:12px 0;border:0;border-bottom:1px solid var(--hk-line);border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:17px;line-height:1.5;transition:border-color .2s}
.hkaide-field :is(input,select){height:50px}
.hkaide-field textarea{min-height:168px;resize:vertical}
.hkaide-field select{appearance:none;-webkit-appearance:none;padding:12px 30px 12px 0;line-height:1.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23252321' stroke-width='1.3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;background-size:18px;cursor:pointer}
.hkaide-field :is(input,select,textarea):hover{border-bottom-color:var(--ink)}
.hkaide-field :is(input,select,textarea):focus{outline:none;border-bottom-color:var(--accent);box-shadow:0 1px 0 var(--accent)}
.hkaide-field :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.hkaide-form.was-checked :is(input,textarea):invalid{border-bottom-color:var(--hk-error)}

.hkaide-consent{display:grid;grid-template-columns:20px 1fr;gap:14px;align-items:start;font-size:14px;line-height:1.6;color:var(--hk-soft);cursor:pointer}
.hkaide-consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);cursor:pointer}
.hkaide-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

.hkaide-foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.hkaide-foot .hkv-button{margin:0;min-width:260px}
.hkaide-foot .hkv-button:disabled{opacity:.6;cursor:progress}
.hkaide-required{font-size:13px;color:var(--hk-muted)}
.hkaide-status{font-size:15px;line-height:1.6;min-height:1.6em}
.hkaide-status.is-error{color:var(--hk-error)}

.hkaide-done{margin-top:40px;padding:40px 0;border-block:1px solid var(--stone)}
.hkaide-done:focus{outline:none}
.hkaide-page .hkaide-done h3{font-family:var(--hk-display);font-size:clamp(28px,2.6vw,38px);line-height:1.15}
.hkaide-done p{margin-top:14px!important;font-size:17px;color:var(--hk-soft)}

.hkaide-aside{position:sticky;top:120px}
.admin-bar .hkaide-aside{top:152px}
.hkaide-page .hkaide-aside-title{font-family:var(--hk-sans);font-size:12px;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--hk-muted)}
.hkaide-aside dl{margin:18px 0 0;border-top:1px solid var(--ink)}
.hkaide-aside dl>div{padding-block:20px;border-bottom:1px solid var(--stone)}
.hkaide-aside dt{font-size:12px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--hk-muted)}
.hkaide-aside dd{margin:6px 0 0;font-family:var(--hk-serif);font-size:19px;line-height:1.5;text-wrap:pretty}
.hkaide-aside dd a{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--hk-line);text-underline-offset:5px;transition:text-decoration-color .2s,color .2s}
.hkaide-aside dd a:hover{color:var(--accent);text-decoration-color:currentColor}

.hkaide-faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start;padding-block:92px;border-top:1px solid var(--stone);scroll-margin-top:90px}
.hkaide-faq-list{border-top:1px solid var(--ink)}
.hkaide-faq details{border-bottom:1px solid var(--stone)}
.hkaide-faq summary{display:grid;grid-template-columns:1fr 24px;gap:24px;align-items:center;min-height:84px;padding-block:22px;font-family:var(--hk-serif);font-size:clamp(20px,1.7vw,24px);line-height:1.35;cursor:pointer;list-style:none;transition:color .2s}
.hkaide-faq summary::-webkit-details-marker{display:none}
.hkaide-faq summary:hover{color:var(--accent)}
.hkaide-faq summary i{position:relative;width:18px;height:18px;justify-self:end}
.hkaide-faq summary i::before,.hkaide-faq summary i::after{content:"";position:absolute;left:0;top:50%;width:18px;height:1px;background:currentColor;transition:transform .3s}
.hkaide-faq summary i::after{transform:rotate(90deg)}
.hkaide-faq details[open] summary i::after{transform:rotate(0)}
.hkaide-answer{padding:0 48px 30px 0}
.hkaide-answer p{max-width:62ch;font-size:17px;line-height:1.75;color:var(--hk-soft);text-wrap:pretty}
.hkaide-answer .hkv-text-link{margin-top:14px;font-size:14px}

@media(max-width:1100px){
  .hkaide-contact{gap:64px}
  .hkaide-form{gap:30px 28px}
}
@media(max-width:900px){
  .hkaide-contact{grid-template-columns:1fr;gap:56px}
  .hkaide-aside{position:static}
  .hkaide-faq{grid-template-columns:1fr;gap:28px}
}
@media(max-width:767px){
  .hkaide-hero{padding-block:44px 40px}
  .hkaide-page .hkaide-hero h1{font-size:clamp(44px,13vw,56px)}
  .hkaide-lead{margin-top:16px!important;font-size:16px}
  .hkaide-jump{margin-top:16px}
  .hkaide-contact{padding-block:44px 56px}
  .hkaide-page .hkaide-form-col h2{font-size:32px}
  .hkaide-form{grid-template-columns:1fr;gap:26px;margin-top:28px}
  .hkaide-field :is(input,select,textarea){font-size:16px}
  .hkaide-foot .hkv-button{width:100%;min-width:0}
  .hkaide-aside dd{font-size:17px}
  .hkaide-faq{padding-block:56px}
  .hkaide-faq summary{min-height:72px;padding-block:18px;font-size:19px;gap:16px}
  .hkaide-answer{padding-right:0}
  .hkaide-answer p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.hkaide-faq summary i::before,.hkaide-faq summary i::after,.hkaide-field :is(input,select,textarea){transition:none}}