/* Identité Connect : activée uniquement avec NZK_CONNECT_MODE=1. */
.nzk-connect .nzk-marque__nom{font-family:var(--nz-texte)!important;font-size:22px!important;letter-spacing:-.03em;line-height:1.1}.connect-brand-word{display:block;font-size:14px;letter-spacing:.15em;margin-top:4px;color:#28553d}.nzk-connect .nzk-marque__sous{font-size:9px!important;letter-spacing:.025em;margin-top:6px}.connect-brand-icon{flex-shrink:0}
.nzk-connect .nzk-tete__in{flex-wrap:wrap;gap:16px;padding-block:16px}.nzk-connect .nzk-actions-tete{margin-left:auto}.nzk-connect .nzk-nav{order:4;flex-basis:100%;justify-content:space-between;border-top:1px solid #dce5de;padding-top:10px;gap:8px}.nzk-connect .nzk-nav__lien{font-size:13px!important;white-space:normal;text-align:left}.nzk-connect .nzk-sous__panneau{width:min(340px,90vw);min-width:0;padding:18px;grid-template-columns:1fr}.nzk-connect .nzk-sous__col{min-width:0}.nzk-connect .nzk-sous:last-child .nzk-sous__panneau{left:auto;right:0}
.nzk-connect #main-content .connect-home{max-width:1192px;margin:auto;padding:24px 0 44px}.nzk-connect.nzk-accueil #main-content{max-width:none;background:#fff;padding:0 24px;border:0}
.connect-hero{display:grid;grid-template-columns:1.05fr 1fr;background:#e6eee4;overflow:hidden}.connect-hero>div{padding:36px}.connect-hero>img{width:100%;height:100%;min-height:400px;object-fit:cover}.nzk-connect #main-content .connect-eyebrow{font-size:11px!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px!important;color:#111}.nzk-connect #main-content .connect-hero h1{font-size:clamp(32px,4vw,48px)!important;line-height:1.15!important;letter-spacing:-.035em;margin:0 0 18px!important;color:#111!important}.connect-hero h1 span{color:#28553d}.nzk-connect #main-content .connect-hero p{font-size:16px!important;line-height:1.6!important;color:#111!important;margin:0 0 20px!important}
.connect-search label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.connect-search>div{display:flex;gap:8px}.nzk-connect #main-content .connect-search input{min-width:0;flex:1;width:100%;height:46px;border:1px solid #8ca795!important;padding:10px 12px!important;border-radius:4px!important;font-size:14px!important;background:#fff;color:#111!important}.nzk-connect #main-content .connect-search button{height:46px;padding:10px 16px!important;background:#28553d;color:#fff!important;border:0;border-radius:4px;font-size:13px!important}
.connect-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0 32px}.connect-shortcuts a{padding:14px;background:#f3f2ef;color:#111!important;text-decoration:none;font-size:13px;font-weight:600;min-height:44px;box-sizing:border-box}.connect-section{margin-bottom:32px}.nzk-connect #main-content .connect-section h2,.nzk-connect #main-content .connect-note h2{font-size:clamp(23px,2.5vw,29px)!important;line-height:1.3!important;color:#111!important;margin:0 0 18px!important}.connect-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.connect-section-heading>a{font-size:13px;color:#111!important}
.connect-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.connect-sections article{padding:22px;background:#a7e3f3;min-width:0}.connect-sections article:nth-child(3n+2){background:#f3f2ef}.connect-sections article:nth-child(3n){background:#a7c3df}.nzk-connect #main-content .connect-sections h3{font-size:21px!important;line-height:1.3!important;margin:0 0 14px!important;color:#111!important}.connect-sections ul{list-style:none;padding:0;margin:0}.connect-sections li+li{border-top:1px solid #00000017}.connect-sections a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:5px 0;color:#111!important;text-decoration:none;font-size:14px;line-height:1.5}.connect-note{padding:24px;background:#e6eee4}.nzk-connect #main-content .connect-note p,.connect-independent{font-size:14px;line-height:1.7;color:#111;margin:0}.nzk-connect .nzk-pied__txt{color:#111}.nzk-connect .nzk-pied__haut{gap:28px}.nzk-connect a:focus-visible,.nzk-connect button:focus-visible,.nzk-connect input:focus-visible{outline:3px solid #a47c36;outline-offset:3px}
@media(max-width:1050px){.connect-hero>div{padding:26px}.connect-search>div{flex-wrap:wrap}.connect-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.connect-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-hero{grid-template-columns:1fr}.connect-hero>img{height:240px;min-height:0}.nzk-connect .nzk-nav{border-top:0;padding-top:0}.nzk-connect .nzk-sous__panneau{width:auto}.nzk-connect .nzk-nav__lien{font-size:15px!important}}
@media(max-width:600px){.nzk-connect.nzk-accueil #main-content{padding-inline:16px}.connect-hero>div{padding:24px 20px}.connect-hero>img{height:190px}.connect-sections{grid-template-columns:1fr}.connect-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.connect-section-heading{flex-wrap:wrap;margin-bottom:16px}.nzk-connect #main-content .connect-section-heading h2{margin-bottom:0!important}.nzk-connect .nzk-marque__nom{font-size:19px!important}.connect-search>div{flex-direction:column}.connect-search button{width:100%}.connect-note{padding:20px}}
.nzk-connect #main-content .connect-home :is(h1,h2,h3){font-family:var(--nz-texte)!important}
@media(min-width:1241px){.nzk-connect .nzk-sous:not(.est-ouvert)>.nzk-sous__panneau{display:none!important}}
.nzk-connect .nzk-sous.est-ouvert>.nzk-sous__panneau{visibility:visible!important;opacity:1!important;transform:none;transition:none}
.connect-page{max-width:1000px;margin:0 auto;padding:20px 0 36px;color:#111}.connect-page-header{padding:24px;background:#e6eee4;border-top:3px solid #42634c;margin-bottom:22px}.nzk-connect #main-content .connect-page-header h1{font:700 clamp(25px,3vw,34px)/1.25 var(--nz-texte)!important;color:#111!important;margin:0!important}.connect-page-header>p{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.connect-page>p,.connect-guide-text{font-size:15px;line-height:1.8;color:#111}.connect-page .connect-note{margin:20px 0}.connect-page .connect-note p+p{margin-top:12px}.connect-page h2{font:700 22px/1.4 var(--nz-texte)!important;color:#111!important}.connect-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.connect-guide-grid article{padding:22px;background:#a7e3f3}.connect-guide-grid article:nth-child(3n+2){background:#f3f2ef}.connect-guide-grid article:nth-child(3n){background:#a7c3df}.connect-guide-grid h2{margin:0 0 12px!important}.connect-page a{color:#173f2a}.connect-contact{max-width:680px}.connect-contact>div{margin-bottom:18px}.connect-contact label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.nzk-connect #main-content .connect-contact :is(input:not([type=hidden]),select,textarea){width:100%;box-sizing:border-box;border:1px solid #94a99b!important;padding:10px 12px!important;border-radius:4px!important;background:#fff;color:#111;font-size:15px!important;min-height:44px}.connect-contact button{padding:12px 20px;background:#28553d;color:#fff;border:0;border-radius:4px;font-size:15px;min-height:44px}.connect-contact-help,.connect-guide-date{font-size:12px;line-height:1.6}.connect-contact ul{color:#892929;font-size:13px}@media(max-width:600px){.connect-guide-grid{grid-template-columns:1fr}.connect-page-header{padding:20px}}

/* Finition locale : palette calme et composants partagés. */
.nzk-connect {
  --connect-ink: #171c19;
  --connect-green: #315a45;
  --connect-line: #dce3dd;
  --connect-surface: #f3f5f1;
  --nz-texte: "Inter", "Segoe UI", Arial, sans-serif;
  color: var(--connect-ink);
  -webkit-font-smoothing: antialiased;
}
.nzk-connect #main-content { color: var(--connect-ink); }
.nzk-connect #main-content :is(h1,h2,h3) { letter-spacing: -.025em; text-wrap: balance; }
.nzk-connect #main-content p { text-wrap: pretty; }
.nzk-connect .nzk-tete__in { padding-block: 14px; }
.nzk-connect .nzk-nav { padding-top: 8px; }
.nzk-connect .nzk-sous__panneau { border: 1px solid var(--connect-line); border-radius: 8px; box-shadow: 0 12px 28px #1c352414; }
.nzk-connect .nzk-actions-tete .nzk-btn { border-radius: 6px; }
.nzk-connect #main-content .connect-home { padding-top: 20px; }
.nzk-connect .connect-hero { background: #edf2eb; border: 1px solid var(--connect-line); border-radius: 10px; }
.nzk-connect .connect-hero>div { padding: 32px; }
.nzk-connect .connect-hero>img { min-height: 390px; }
.nzk-connect #main-content .connect-hero h1 { font-weight: 650; font-size: clamp(32px,3.5vw,46px)!important; line-height: 1.12!important; }
.nzk-connect #main-content .connect-hero p { max-width: 48ch; }
.nzk-connect .connect-shortcuts { gap: 10px; margin: 14px 0 30px; }
.nzk-connect .connect-shortcuts a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 13px 15px; border: 1px solid var(--connect-line); border-radius: 6px; background: #fff; transition: background .15s; }
.nzk-connect .connect-shortcuts a:hover { background: var(--connect-surface); }
.nzk-connect .connect-sections { gap: 16px; }
.nzk-connect .connect-sections article,
.nzk-connect .connect-guide-grid article { background: #f0f4ee; border: 1px solid var(--connect-line); border-radius: 8px; padding: 22px; }
.nzk-connect .connect-sections article:nth-child(3n+2),
.nzk-connect .connect-guide-grid article:nth-child(3n+2) { background: #f6f4ef; }
.nzk-connect .connect-sections article:nth-child(3n),
.nzk-connect .connect-guide-grid article:nth-child(3n) { background: #edf2f5; }
.nzk-connect #main-content .connect-sections h3 { font-size: 19px!important; font-weight: 650; margin-bottom: 12px!important; }
.nzk-connect .connect-sections a { font-size: 14px; min-height: 38px; }
.nzk-connect .connect-sections a:hover { text-decoration: underline; text-underline-offset: 4px; }
.connect-category-icon { display: block; width: 26px; height: 26px; margin-bottom: 15px; color: var(--connect-green); }
.nzk-connect .connect-note { background: #f1f4ee; border: 1px solid var(--connect-line); border-left: 3px solid #6e8b72; border-radius: 6px; padding: 22px 24px; }
.nzk-connect #main-content .connect-section h2 { font-size: clamp(23px,2.3vw,28px)!important; font-weight: 650; }
.nzk-connect .connect-page { max-width: 1000px; padding-top: 12px; }
.nzk-connect .connect-page-header { background: #edf2eb; border: 1px solid var(--connect-line); border-radius: 8px; padding: 24px 28px; margin-bottom: 24px; }
.nzk-connect #main-content .connect-page-header h1 { font-weight: 650!important; }
.nzk-connect .connect-page>section { margin-block: 24px; max-width: 78ch; }
.nzk-connect .connect-page section>h2 { margin: 0 0 10px!important; font-size: 21px!important; }
.nzk-connect .connect-page section>p { margin: 0 0 12px; font-size: 15px; line-height: 1.75; }
.nzk-connect .connect-contact { padding: 24px; background: #fff; border: 1px solid var(--connect-line); border-radius: 8px; max-width: 720px; margin-top: 20px; }
.nzk-connect #main-content .connect-contact :is(input:not([type=hidden]),select,textarea) { border-color: #acbdb0!important; border-radius: 6px!important; }
.nzk-connect #main-content .connect-contact button { background: var(--connect-green)!important; color: #fff!important; font-weight: 600; border-radius: 6px; }
.nzk-connect .connect-contact-help { color: #404b44; }
.nzk-connect .nzk-pied { border-top: 1px solid var(--connect-line); background: #f8f9f6; }
.nzk-connect :is(a,button,input,select,textarea):focus-visible { outline: 3px solid #729b7b; outline-offset: 3px; }
@media(max-width:900px) {
  .nzk-connect .connect-hero>img { min-height: 0; height: 230px; }
}
@media(max-width:600px) {
  .nzk-connect .connect-hero>div { padding: 24px 20px; }
  .nzk-connect .connect-hero>img { height: 180px; }
  .nzk-connect .connect-sections article { padding: 20px; }
  .nzk-connect .connect-page-header { padding: 22px 20px; }
  .nzk-connect .connect-contact { padding: 18px; }
  .nzk-connect .connect-note { padding: 18px 20px; }
}
@media(prefers-reduced-motion:reduce) {
  .nzk-connect .connect-shortcuts a { transition: none; }
}

/* Bandeaux alignés sur la page et catalogue de guides plus léger. */
.nzk-connect #main-content .connect-home { max-width: 1356px; }
.nzk-connect.nzk-guides .connect-page { max-width: none; padding-top: 0; }
.nzk-connect.nzk-guides .connect-page-header { padding: 24px 28px; margin-bottom: 18px; }
.nzk-connect.nzk-guides .connect-page-header>p { font-size: 10px; margin-bottom: 8px; color: #526357; }
.nzk-connect.nzk-guides #main-content .connect-page-header h1 { font-size: clamp(26px,3vw,34px)!important; }
.nzk-connect.nzk-guides #main-content .connect-guides-intro { max-width: 90ch; font-size: 14px!important; line-height: 1.65; color: #526057; margin: 0 0 24px; }
.nzk-connect.nzk-guides .connect-guide-grid { gap: 16px; margin-top: 0; }
.nzk-connect.nzk-guides .connect-guide-grid article:nth-child(n) { display: flex; flex-direction: column; min-width: 0; padding: 22px; background: #fff; border: 1px solid #e0e6e0; border-radius: 6px; }
.nzk-connect.nzk-guides #main-content .connect-guide-grid h2 { font-size: 19px!important; line-height: 1.35!important; margin: 0 0 12px!important; text-wrap: initial; }
.nzk-connect.nzk-guides #main-content .connect-guide-grid h2 a { font: inherit!important; color: #233e2d; text-decoration: none; }
.nzk-connect.nzk-guides #main-content .connect-guide-grid article>p { font-size: 14px!important; line-height: 1.65; color: #566158; margin: 0 0 20px; }
.nzk-connect.nzk-guides #main-content .connect-guide-link { align-self: flex-start; margin-top: auto; font-size: 13px!important; font-weight: 600; text-decoration: none; padding-block: 8px; }
.nzk-connect.nzk-guides .connect-guide-grid a:hover { text-decoration: underline!important; text-underline-offset: 4px; }
.nzk-connect.nzk-guides .breadcrumb-premium :is(.breadcrumb-premium__link,.breadcrumb-premium__current) { padding: 4px 0; min-height: 28px; border: 0; border-radius: 0; background: transparent; font-size: 12px; font-weight: 500; }
.nzk-connect.nzk-guides .breadcrumb-premium__separator { border: 0; background: transparent; width: 16px; }
@media(min-width:1100px) {
  .nzk-connect.nzk-guides .connect-guide-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .nzk-connect.nzk-guides .connect-page-header { padding: 22px 20px; }
  .nzk-connect.nzk-guides .connect-guide-grid { grid-template-columns: 1fr; }
  .nzk-connect.nzk-guides .connect-guide-grid article:nth-child(n) { padding: 20px; }
}
