/* Pedroso & Klages — v1.1 navigation & user experience.
   Isolated WP LAB pages with explicit IDs, no block edits. */
body.pk4-lab.pk-ux11 {
 --pkux-ink:#252c2c;--pkux-line:#d9dbd5;--pkux-stone:#f8f6f2;--pkux-metal:#44616a;--pkux-width:1360px;
}
body.pk4-lab.pk-ux11 .pk4-nav{
 position:sticky!important;top:0;z-index:1000!important;
 background:rgba(249,248,245,.97)!important;
 border-bottom:1px solid var(--pkux-line)!important;
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 padding-block:12px!important;
}
body.admin-bar.pk4-lab.pk-ux11 .pk4-nav{top:32px}
body.pk4-lab.pk-ux11 .pk4-nav.pkux-scrolled{box-shadow:0 8px 26px rgba(28,39,38,.09)}
body.pk4-lab.pk-ux11 .pk4-nav-inner{gap:clamp(14px,2.1vw,32px)!important}
body.pk4-lab.pk-ux11 .pk4-menu{font-size:11px!important;letter-spacing:.035em!important}
body.pk4-lab.pk-ux11 .pk4-menu a{min-height:44px;display:inline-flex;align-items:center;margin-right:12px!important;padding:0 1px;text-decoration:none!important}
body.pk4-lab.pk-ux11 .pk4-menu a[aria-current=page],
body.pk4-lab.pk-ux11 .pk4-menu a[aria-current=location]{
 color:var(--pkux-metal)!important;box-shadow:inset 0 -2px 0 var(--pkux-metal);font-weight:800!important;
}
body.pk4-lab.pk-ux11 .pk4-wordmark a{display:inline-flex;align-items:center;min-height:44px}
body.pk4-lab.pk-ux11 .pk4-nav .wp-block-button__link{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
body.pk4-lab.pk-ux11 .pkux-menu-toggle{display:none;background:#e8ebe6;border:1px solid #bfc9c2;border-radius:1px;min-width:44px;min-height:44px;padding:6px 11px;align-items:center;justify-content:center;gap:9px;cursor:pointer;color:#253336;font-weight:800;font-family:inherit}
body.pk4-lab.pk-ux11 .pkux-menu-toggle .pkux-bars{display:grid;gap:4px;width:17px}
body.pk4-lab.pk-ux11 .pkux-menu-toggle .pkux-bars i{display:block;height:2px;background:currentColor;width:17px}
body.pk4-lab.pk-ux11 .pkux-menu-toggle .pkux-toggle-label{font-size:10px;letter-spacing:.05em;text-transform:uppercase}
body.pk4-lab.pk-ux11 .pkux-breadcrumb{
 background:#f8f6f2;padding:12px clamp(24px,5.3vw,86px)!important;
 border-bottom:1px solid #e7e6df!important;
}
body.pk4-lab.pk-ux11 .pkux-breadcrumb-inner{
 max-width:var(--pkux-width);margin:0 auto;display:flex;align-items:center;gap:11px;flex-wrap:wrap;
 font-size:11px;line-height:1.65;color:#5c6968;
}
body.pk4-lab.pk-ux11 .pkux-breadcrumb a{color:#43565a;text-decoration:none;min-height:26px;display:inline-flex;align-items:center}
body.pk4-lab.pk-ux11 .pkux-breadcrumb a:hover{text-decoration:underline}
body.pk4-lab.pk-ux11 .pkux-breadcrumb span[aria-current=page]{color:#2c3739;font-weight:750}
body.pk4-lab.pk-ux11 .pkux-breadcrumb .pkux-separator{color:#9aa29e}
body.pk4-lab.pk-ux11 .pkux-skip{
 position:fixed;z-index:20000;top:12px;left:12px;transform:translateY(-160%);
 padding:12px 18px;background:#fff;color:#1d3138;font-weight:800;box-shadow:0 4px 18px #0002;
}
body.pk4-lab.pk-ux11 .pkux-skip:focus{transform:translateY(0)}
body.pk4-lab.pk-ux11 .pkux-top{
 position:fixed;bottom:clamp(20px,3vw,35px);right:clamp(18px,3vw,35px);z-index:900;
 display:flex;gap:6px;align-items:center;justify-content:center;padding:11px 15px;
 min-width:44px;min-height:44px;background:#263337;color:#fff;border:1px solid #53646a;
 border-radius:1px;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.035em;
 opacity:0;pointer-events:none;transform:translateY(9px);
}
body.pk4-lab.pk-ux11 .pkux-top.pkux-visible{opacity:1;pointer-events:auto;transform:none}
@media(prefers-reduced-motion:no-preference){
 body.pk4-lab.pk-ux11 .pkux-top{transition:opacity .25s ease,transform .3s ease}
 body.pk4-lab.pk-ux11 .pk4-nav{transition:box-shadow .28s ease}
}
@media(max-width:1100px){
 body.pk4-lab.pk-ux11 .pk4-nav-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:11px!important;align-items:center}
 body.pk4-lab.pk-ux11 .pk4-wordmark{grid-column:1!important;grid-row:1!important;min-width:0}
 body.pk4-lab.pk-ux11 .pk4-wordmark a{min-width:0}
 body.pk4-lab.pk-ux11 .pk4-nav-inner>.wp-block-buttons{grid-column:3!important;grid-row:1!important;margin:0!important}
 body.pk4-lab.pk-ux11 .pkux-menu-toggle{display:inline-flex;grid-column:2;grid-row:1}
 body.pk4-lab.pk-ux11 .pk4-menu{grid-column:1/-1!important;grid-row:2!important;margin:0!important}
 /* Preserve original menu if JavaScript is unavailable. */
 body.pk4-lab.pk-ux11.pkux-enhanced .pk4-menu[hidden]{display:none!important}
 body.pk4-lab.pk-ux11.pkux-enhanced .pk4-menu:not([hidden]){display:block!important;overflow:visible!important;white-space:normal!important;border-top:1px solid #e0e3de;padding:12px 0 8px}
 body.pk4-lab.pk-ux11.pkux-enhanced .pk4-menu .pk4-nav-items{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px!important;
 }
 body.pk4-lab.pk-ux11.pkux-enhanced .pk4-menu a{
  margin:0!important;padding:10px 11px!important;min-height:46px;
  box-shadow:none!important;border:1px solid #e2e5df;
  font-size:11px!important;justify-content:flex-start;
 }
 body.pk4-lab.pk-ux11.pkux-enhanced .pk4-menu a[aria-current]{
  border-color:#9aaea8;background:#e7ece7;color:#273c40!important;
 }
}
@media(max-width:450px){
 body.pk4-lab.pk-ux11 .pk4-nav{padding-inline:6%!important}
 body.pk4-lab.pk-ux11 .pk4-wordmark{font-size:14px!important}
 body.pk4-lab.pk-ux11 .pk4-nav .wp-block-button__link{padding:11px!important;min-height:44px;font-size:9px!important}
 body.pk4-lab.pk-ux11 .pkux-menu-toggle{padding:5px 10px}
 body.pk4-lab.pk-ux11 .pkux-menu-toggle .pkux-toggle-label{display:none}
}
@media(max-width:782px){body.admin-bar.pk4-lab.pk-ux11 .pk4-nav{top:46px}}
@media(max-width:600px){body.admin-bar.pk4-lab.pk-ux11 .pk4-nav{top:0}}
body.pk4-lab.pk-ux11 :is(a,button):focus-visible{outline:3px solid #8da9a0!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){body.pk4-lab.pk-ux11 .pkux-top{transition:none!important}}
/* In-context previous/next navigation for projects and solutions. */
body.pk4-lab.pk-ux11 .pkux-related{padding:46px clamp(24px,5.3vw,86px)!important;background:#ebece7;border-top:1px solid #d3d6d0}
body.pk4-lab.pk-ux11 .pkux-related-inner{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:28px;align-items:center}
body.pk4-lab.pk-ux11 .pkux-related-back{font-size:12px;font-weight:800;text-decoration:none;color:#40545a;display:inline-flex;align-items:center;min-height:44px}
body.pk4-lab.pk-ux11 .pkux-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
body.pk4-lab.pk-ux11 .pkux-related-links a{display:flex;flex-direction:column;justify-content:center;padding:20px 22px;min-height:86px;border:1px solid #c9d0c8;background:#f7f8f4;text-decoration:none;color:#293536;gap:7px}
body.pk4-lab.pk-ux11 .pkux-related-links small{font-size:10px;color:#697673;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
body.pk4-lab.pk-ux11 .pkux-related-links strong{font-size:15px;line-height:1.35;font-weight:800}
@media(hover:hover) and (pointer:fine){body.pk4-lab.pk-ux11 .pkux-related-links a:hover{border-color:#728b87;background:#edf1ed}}
@media(max-width:700px){body.pk4-lab.pk-ux11 .pkux-related-inner{grid-template-columns:1fr;gap:15px}body.pk4-lab.pk-ux11 .pkux-related-links a{padding:15px;min-height:82px}body.pk4-lab.pk-ux11 .pkux-related-links strong{font-size:13px}}
