.it-article .pi-widget{-webkit-user-select:none;user-select:none;background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow);margin:22px 0 0;padding:18px 22px}.it-article .pi-row{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.it-article #pimap{touch-action:none;cursor:crosshair;flex:1.3;min-width:min(100%,280px)}.it-article .pi-side{flex-direction:column;flex:1;gap:12px;min-width:240px;display:flex}.it-article .pi-num{font-family:var(--display);letter-spacing:-.03em;font-size:76px;font-weight:300;line-height:1}.it-article .pi-num:before{content:"Biometric Peace Index";font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);margin-bottom:8px;font-size:13px;display:block}.it-article .pi-cap{color:var(--ink);min-height:2.4em;font-size:18px;line-height:1.35}.it-article .pi-inputs{font-family:var(--mono);color:var(--secondary);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:4px;font-size:14px;display:flex}.it-article .pi-inputs b{font-weight:500}.it-article .pi-btns{flex-wrap:wrap;gap:6px;display:flex}.it-article #piplay{background:var(--ink);color:var(--surface);border-color:var(--ink)}.it-article .pi-hint{color:var(--secondary);font-size:14px}
