/* PK11 — Interactive finishes and technical diagrams. Strictly scoped to LAB 281. */
body.pk11-lab{--pk11-ink:#242c30;--pk11-stone:#f6f4ef;--pk11-line:#d0d2cc;--pk11-blue:#446b76;--pk11-olive:#777f63;background:var(--pk11-stone);color:var(--pk11-ink);font-family:Manrope,Arial,sans-serif}
body.pk11-lab :is(h1,h2,h3,p,button){font-family:Manrope,Arial,sans-serif!important}
body.pk11-lab :is(.pk11-hero,.pk11-section){margin:0!important;max-width:none!important}
body.pk11-lab .pk11-container{max-width:1360px!important;width:100%!important;margin:0 auto!important}
body.pk11-lab .pk11-hero{background:#e2e4df;padding:96px clamp(24px,5.3vw,86px) 102px!important}
body.pk11-lab .pk11-eyebrow{font-size:10px!important;letter-spacing:.17em!important;font-weight:800!important;color:#66766b;margin:0 0 22px!important;text-transform:uppercase}
body.pk11-lab .pk11-hero h1{font-size:clamp(44px,5.1vw,75px)!important;letter-spacing:-.055em!important;line-height:1.1!important;font-weight:800!important;max-width:820px;margin:0 0 24px!important}
body.pk11-lab .pk11-lead{font-size:clamp(14px,1.15vw,17px)!important;max-width:660px!important;line-height:1.8!important;color:#4c5658!important;margin:0!important}
body.pk11-lab .pk11-section{padding:85px clamp(24px,5.3vw,86px)!important}
body.pk11-lab .pk11-color-section{background:#f9f7f3}
body.pk11-lab .pk11-app{max-width:none!important;width:100%!important;margin:0!important}
body.pk11-lab .pk11-color-grid{display:grid!important;grid-template-columns:minmax(0,1.33fr) minmax(0,.67fr);gap:clamp(32px,4.3vw,72px);align-items:center}
body.pk11-lab .pk11-render-panel{border:1px solid #d6d9d3;background:#eceee9;min-width:0}
body.pk11-lab .pk11-render-top,body.pk11-lab .pk11-render-bottom{padding:14px 20px;display:flex;justify-content:space-between;gap:12px;font-size:9px!important;letter-spacing:.1em;font-weight:800;color:#5d6967}
body.pk11-lab .pk11-render-top{border-bottom:1px solid #d6d9d3}
body.pk11-lab .pk11-render-bottom{border-top:1px solid #d6d9d3}
body.pk11-lab .pk11-tag{color:#6d6f67}
body.pk11-lab .pk11-gate-viewport{padding:clamp(8px,2vw,24px);overflow:hidden}
body.pk11-lab .pk11-gate-svg{display:block;width:100%;height:auto;--pk11-gate-color:#383d3d}
@media(prefers-reduced-motion:no-preference){body.pk11-lab .pk11-gate-paint{transition:fill .35s ease}body.pk11-lab .pk11-gate-svg{transition:filter .3s ease}}
body.pk11-lab .pk11-controls{max-width:500px}
body.pk11-lab .pk11-controls h2{font-size:clamp(33px,3vw,49px)!important;letter-spacing:-.05em!important;line-height:1.15!important;font-weight:800!important;margin:0 0 20px!important}
body.pk11-lab .pk11-controls>p:not(.pk11-eyebrow):not(.pk11-disclaimer){font-size:14px;line-height:1.85;color:#596462;max-width:450px;margin:0 0 22px}
body.pk11-lab .pk11-color-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin:0;padding:0}
body.pk11-lab .pk11-color-options legend{font-size:11px!important;font-weight:750!important;letter-spacing:.08em!important;color:#57625e;margin-bottom:13px;text-transform:uppercase}
body.pk11-lab .pk11-color-option{display:flex;align-items:center;gap:11px;padding:12px!important;border:1px solid #cbd0cb!important;color:#35403e!important;background:transparent!important;font-size:12px!important;font-weight:700!important;cursor:pointer;text-align:left;border-radius:1px;min-height:62px}
body.pk11-lab .pk11-color-option[aria-pressed=true]{border-color:#455e66!important;background:#e5e9e6!important;box-shadow:inset 0 0 0 1px #455e66}
body.pk11-lab .pk11-color-dot{display:block;flex:0 0 32px;width:32px;height:32px;background:var(--pk11-dot);border:1px solid rgba(0,0,0,.16);border-radius:50%}
body.pk11-lab .pk11-selection{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid #cbd0cb;margin-top:24px;padding-top:20px}
body.pk11-lab .pk11-selection>span{font-size:10px!important;letter-spacing:.09em;color:#67716b;font-weight:700}
body.pk11-lab .pk11-selection strong{font-size:15px!important;color:#273233}
body.pk11-lab .pk11-disclaimer{font-size:11px!important;line-height:1.65;color:#6b736f;margin:22px 0 0!important}
body.pk11-lab .pk11-diagram-section{background:#252e31;color:#f5f6f1}
body.pk11-lab .pk11-diagrams{max-width:none;width:100%}
body.pk11-lab .pk11-diagram-heading{max-width:820px}
body.pk11-lab .pk11-diagram-heading .pk11-eyebrow{color:#becdbd}
body.pk11-lab .pk11-diagram-heading h2{font-size:clamp(36px,3.8vw,58px)!important;line-height:1.14!important;letter-spacing:-.05em!important;font-weight:800!important;color:#fff;margin:0 0 23px!important}
body.pk11-lab .pk11-diagram-heading>p:not(.pk11-eyebrow){font-size:14px;line-height:1.85;color:#d6ded8;margin:0 0 30px}
body.pk11-lab .pk11-tablist{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #64716d;padding-bottom:16px;margin-bottom:28px}
body.pk11-lab .pk11-tablist button{border:1px solid #697571;color:#d6dfd8;background:transparent;padding:15px 23px;font-size:12px!important;font-weight:800!important;cursor:pointer;letter-spacing:.02em;border-radius:1px}
body.pk11-lab .pk11-tablist button[aria-selected=true]{background:#d7d9d0;color:#263237;border-color:#d7d9d0}
body.pk11-lab .pk11-tabpanel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,65px);align-items:center}
body.pk11-lab .pk11-tabpanel[hidden]{display:none!important}
body.pk11-lab .pk11-diagram-art svg{display:block;width:100%;height:auto}
body.pk11-lab .pk11-diagram-copy{max-width:430px}
body.pk11-lab .pk11-diagram-copy .pk11-eyebrow{color:#c5d1b8}
body.pk11-lab .pk11-diagram-copy h3{font-size:clamp(28px,2.6vw,42px)!important;line-height:1.15!important;letter-spacing:-.045em!important;color:#fff;margin:0 0 20px!important;font-weight:800!important}
body.pk11-lab .pk11-diagram-copy p:not(.pk11-eyebrow){font-size:14px;line-height:1.82;color:#d5dfd7}
body.pk11-lab .pk11-diagram-copy .pk11-diagram-key{border-top:1px solid #68716c;padding-top:18px;font-size:12px!important;color:#dce6cf!important;margin-top:23px!important}
body.pk11-lab .pk11-diagram-note{border-top:1px solid #596661;padding-top:20px;margin-top:28px;font-size:11px!important;line-height:1.7;color:#c7d3cd}
body.pk11-lab .pk11-closing{background:#dedfd9}
body.pk11-lab .pk11-closing h2{font-size:clamp(36px,3.4vw,54px)!important;line-height:1.13!important;letter-spacing:-.05em!important;font-weight:800!important;max-width:800px;margin:0 0 20px!important}
body.pk11-lab .pk11-closing .pk11-container>p:not(.pk11-eyebrow){font-size:14px;line-height:1.8;max-width:620px;color:#515e5b}
body.pk11-lab :is(.pk11-color-option,.pk11-tablist button):focus-visible{outline:3px solid #abc39e!important;outline-offset:3px!important}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.pk11-lab .pk11-color-option,body.pk11-lab .pk11-tablist button{transition:transform .25s ease,background-color .25s ease}
 body.pk11-lab .pk11-color-option:hover,body.pk11-lab .pk11-tablist button:hover{transform:translateY(-2px)}
}
@media(max-width:980px){body.pk11-lab .pk11-color-grid{grid-template-columns:1fr!important}body.pk11-lab .pk11-controls{max-width:720px}body.pk11-lab .pk11-tabpanel{grid-template-columns:1fr!important}body.pk11-lab .pk11-diagram-copy{max-width:660px}}
@media(max-width:600px){body.pk11-lab .pk11-hero{padding:65px 6%!important}body.pk11-lab .pk11-section{padding:60px 6%!important}body.pk11-lab .pk11-render-top,body.pk11-lab .pk11-render-bottom{font-size:8px!important;padding:12px!important}body.pk11-lab .pk11-tag{max-width:140px;text-align:right}body.pk11-lab .pk11-color-options{gap:8px}body.pk11-lab .pk11-color-option{font-size:11px!important;padding:9px!important;gap:7px}body.pk11-lab .pk11-color-dot{flex-basis:26px;width:26px;height:26px}body.pk11-lab .pk11-selection{align-items:flex-start;flex-direction:column;gap:4px}body.pk11-lab .pk11-tablist{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.pk11-lab .pk11-tablist button{padding:12px 8px;font-size:11px!important}body.pk11-lab .pk11-diagram-copy h3{font-size:31px!important}}
@media(prefers-reduced-motion:reduce){body.pk11-lab *,body.pk11-lab *:before,body.pk11-lab *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}