/* size-converter: scoped styles */
#pk-size-converter .sc-tabs{display:flex;justify-content:center;margin-bottom:22px}
#pk-size-converter .sc-tabs .pk-seg{justify-content:center}
#pk-size-converter .sc-tabs .pk-seg button.on{background:var(--plum);color:#fff}
#pk-size-converter .sc-mode{display:flex;justify-content:center;margin-bottom:22px}
#pk-size-converter .sc-mode .pk-seg{background:var(--blush)}
#pk-size-converter .sc-mode .pk-seg button{font-size:13.5px;padding:7px 16px}
#pk-size-converter .sc-u{font-weight:400;color:var(--muted);font-size:12px}
#pk-size-converter .sc-res{margin-top:24px}
#pk-size-converter .sc-rh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-weight:700;font-size:15px;flex-wrap:wrap}
#pk-size-converter .sc-rh b{color:var(--rose-d);font-size:18px;margin:0 2px}
#pk-size-converter .sc-rh .pk-chip{font-size:13px;padding:5px 14px}
#pk-size-converter .sc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:10px}
#pk-size-converter .sc-card{background:var(--bg);border-radius:18px;padding:14px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px solid transparent}
#pk-size-converter .sc-card small{font-size:12px;color:var(--muted);font-weight:600;line-height:1.5}
#pk-size-converter .sc-card b{font-size:24px;font-weight:900;line-height:1.4;color:var(--ink)}
#pk-size-converter .sc-card em{font-style:normal;font-size:11px;color:var(--muted)}
#pk-size-converter .sc-card.main{background:var(--plum);border-color:var(--plum)}
#pk-size-converter .sc-card.main small,#pk-size-converter .sc-card.main em{color:#e6d7dc}
#pk-size-converter .sc-card.main b{color:#fff}
#pk-size-converter .sc-card:nth-child(n){animation:pkUp .5s cubic-bezier(.2,.7,.2,1) both}
#pk-size-converter .sc-meas{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:12px;font-size:13px;color:var(--muted)}
#pk-size-converter .sc-meas b{background:var(--bg);border-radius:99px;padding:4px 12px;font-weight:700;color:var(--ink);font-size:13px}
#pk-size-converter .sc-meas em{font-style:normal;color:var(--muted);font-weight:500;font-size:11.5px}
#pk-size-converter .sc-table th{white-space:nowrap}
#pk-size-converter .sc-mini{font-size:13px;color:var(--muted);margin-top:10px}
#pk-size-converter .sc-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}
#pk-size-converter .sc-parts div{border:1.5px dashed var(--line);border-radius:16px;padding:10px 14px}
#pk-size-converter .sc-parts small{display:block;font-size:12px;color:var(--muted)}
#pk-size-converter .sc-parts b{font-size:15px}
#pk-size-converter .sc-res .pk-alert{margin-top:12px}
#pk-size-converter .sc-empty{border:1.5px dashed var(--line);border-radius:18px;padding:22px;text-align:center;color:var(--muted);font-size:14.5px}
#pk-size-converter .sc-note{margin-top:20px}
#pk-size-converter .sc-sh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:30px 0 12px;flex-wrap:wrap}
#pk-size-converter .sc-sh h3{font-size:18px;font-weight:900}
#pk-size-converter .sc-sh span{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
#pk-size-converter .sc-sh span::before{content:"";width:12px;height:12px;border-radius:4px;background:var(--blush)}
#pk-size-converter .sc-table th small{display:block;font-weight:500;color:var(--muted);font-size:11px}
#pk-size-converter .sc-table td{transition:background .3s}
#pk-size-converter .sc-table tbody tr:hover td{background:#fbf3f0}
#pk-size-converter .sc-table tr.hl td{background:var(--blush);color:var(--rose-d)}
#pk-size-converter .sc-how{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;margin-top:28px;background:var(--bg);border-radius:22px;padding:20px}
#pk-size-converter .sc-fig{background:#fff;border-radius:18px;padding:10px;color:var(--plum)}
#pk-size-converter .sc-fig svg{display:block;width:100%;height:auto}
#pk-size-converter .sc-how h3{font-size:17px;font-weight:900;margin-bottom:8px}
#pk-size-converter .sc-how ol{padding-right:20px;display:flex;flex-direction:column;gap:6px}
#pk-size-converter .sc-how li{font-size:14px;color:var(--ink2);line-height:1.9}
#pk-size-converter .sc-how li b{color:var(--ink)}
#pk-size-converter .sc-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,var(--blush),#efe6f0)}
#pk-size-converter .sc-cta b{font-size:16px;font-weight:900}
#pk-size-converter .sc-cta p{font-size:14px;color:var(--ink2)}
#pk-size-converter .sc-cta .pk-btn{flex:none}
@media (max-width:600px){
  #pk-size-converter .sc-tabs .pk-seg{border-radius:22px}
  #pk-size-converter .sc-tabs .pk-seg button{padding:8px 12px;font-size:13px}
  #pk-size-converter .sc-cards{grid-template-columns:repeat(3,1fr)}
  #pk-size-converter .sc-card b{font-size:20px}
  #pk-size-converter .sc-how{grid-template-columns:1fr}
  #pk-size-converter .sc-fig{max-width:220px;margin:auto;width:100%}
  #pk-size-converter .sc-cta{flex-direction:column;align-items:stretch;text-align:center}
}

/* WordPress port: soft busy state while the server recalculates */
#pk-size-converter .sc-res,#pk-size-converter .sc-below{transition:opacity .2s}
#pk-size-converter .sc-panel.sc-busy .sc-res,#pk-size-converter .sc-panel.sc-busy .sc-below{opacity:.6}
#pk-size-converter .sc-act:empty{display:none}