/* Shared v3 top bar (banner + nav), the home page's look on every v3 page. Body class .v3h. 7 Oct 2026. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@500;600&display=swap');
.v3h{--h-ink:#17201c;--h-green:#1f6b4d;--h-forest:#0f2e22;--h-mint:#8fcbb0;--h-line:rgba(23,32,28,.10);--h-sans:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}
.v3h .banner{background:var(--h-forest);color:#d5e2db;border:0;font:500 13px/1.4 var(--h-sans);padding:9px 16px}
.v3h .banner a{color:var(--h-mint);padding:13px 4px;margin:-13px -4px}
.v3h .nav .logo{display:flex;align-items:center;min-height:44px}
.v3h .nav{max-width:1200px;padding:14px 32px;border-bottom:1px solid var(--h-line);min-height:72px}
.v3h .nav .links{gap:26px}
.v3h .nav .links a{font:500 15px var(--h-sans);color:var(--h-ink)}
.v3h .nav .links a.btn,.v3h .nav .links a.btn:hover{border-radius:999px;padding:10px 18px;background:var(--h-ink);color:#fff;border-color:var(--h-ink);transition:background .25s}
.v3h .nav .links a.btn:hover{background:var(--h-green)}
.v3h .nav .menu summary{border-radius:999px;font-family:var(--h-sans);padding:9px 16px}
.v3h .nav .menu nav{border-radius:14px}
@media (max-width:940px){
  .v3h .nav .links{display:flex;margin-left:auto;gap:0}
  .v3h .nav .links a:not(.btn){display:none}
  .v3h .nav .links a.btn{padding:0 16px;min-height:44px;display:inline-flex;align-items:center;font-size:14px}
}
@media (max-width:600px){.v3h .nav{padding-left:16px;padding-right:16px}.v3h .banner{font-size:12.5px;padding:8px 16px}}
/* UI sweep 7 Oct 2026: page CTAs take the nav pill's shape on every v3h page (ecovadis.css had 8px, iso.css and site.css 6px). */
.v3h .btn,.v3h .dx-copy{border-radius:999px}
/* h3 wraps balanced like h1/h2, so question and card titles never end on one word. */
.v3h h3{text-wrap:balance}