/* All selectors are scoped to the .spg-pca root: compatible with host database styles. */
.spg-pca { --spg-navy:#142b3c; --spg-primary:#116c85; --spg-ink:#1b3346; --spg-muted:#728698; --spg-line:#e6edf2; --spg-pale:#f7f9fc; color:var(--spg-ink); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:14px; line-height:1.5; width:100%; }
.spg-pca *, .spg-pca *::before, .spg-pca *::after {box-sizing:border-box;}
.spg-pca button, .spg-pca input, .spg-pca select {font:inherit;}
.spg-pca button, .spg-pca select {cursor:pointer;}
.spg-pca button:focus-visible, .spg-pca input:focus-visible, .spg-pca select:focus-visible {outline:3px solid #8ac5dc;outline-offset:2px;}
.spg-pca__shell {border:1px solid #e3eaf0;background:#fff;border-radius:17px;box-shadow:0 8px 40px rgba(31,55,76,.055);overflow:hidden;}
.spg-pca__top {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 32px 25px;background:linear-gradient(115deg,#122f42,#1c5160 80%,#276677);color:#fff;}
.spg-pca__eyebrow {display:flex;align-items:center;gap:9px;color:#a8d2db;font-size:10px;font-weight:750;letter-spacing:2px;margin-bottom:9px;}
.spg-pca__eyebrow-dot {width:7px;height:7px;background:#5bd8bd;border-radius:50%;box-shadow:0 0 0 4px rgba(91,216,189,.15);}
.spg-pca__title {color:#fff;font-size:25px;font-weight:720;letter-spacing:-.6px;line-height:1.25;margin:0;}
.spg-pca__subtitle {font-size:12.5px;color:#d3e4e9;margin:8px 0 0;}
.spg-pca__top-right {display:flex;align-items:center;gap:8px;}
.spg-pca__header-tag {border:1px solid rgba(201,230,237,.27);background:rgba(255,255,255,.075);color:#e7f5f5;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:650;white-space:nowrap;}
.spg-pca__content {display:grid;grid-template-columns:258px minmax(0,1fr);align-items:stretch;}
.spg-pca__sidebar {padding:27px 21px;background:#f9fbfc;border-right:1px solid var(--spg-line);}
.spg-pca__section-label {font-size:10px;color:var(--spg-primary);font-weight:850;letter-spacing:1.3px;margin:1px 0 17px;}
.spg-pca__label {display:block;font-size:11.5px;color:#455d6e;font-weight:700;margin:0 0 7px;}
.spg-pca__select-wrap {position:relative;margin-bottom:23px;}
.spg-pca__select-wrap::after {content:"";width:7px;height:7px;border-right:1.8px solid #5b7484;border-bottom:1.8px solid #5b7484;position:absolute;right:14px;top:15px;transform:rotate(45deg);pointer-events:none;}
.spg-pca__select {background:#fff;border:1px solid #d9e3e9;border-radius:8px;padding:10px 31px 10px 11px;height:40px;appearance:none;color:#1f3c4e;width:100%;outline:none;font-size:12.5px;}
.spg-pca__select:hover, .spg-pca__search:hover {border-color:#a7c7d4;}
.spg-pca__segmented {display:flex;background:#eaf0f4;border-radius:8px;padding:4px;margin-bottom:25px;}
.spg-pca__segment {width:50%;border:0;background:transparent;color:#6c8290;font-weight:740;font-size:12px;padding:8px 5px;border-radius:6px;transition:background .15s,box-shadow .15s;}
.spg-pca__segment[aria-pressed="true"] {color:#1b617a;background:white;box-shadow:0 1px 5px rgba(34,63,78,.12);}
.spg-pca__rule {height:1px;background:#e5edf2;margin:12px 0 23px;}
.spg-pca__microcopy {margin:-13px 0 24px;font-size:11.5px;line-height:1.5;color:#8a9ba7;}
.spg-pca__search-wrap {position:relative;margin-bottom:23px;}
.spg-pca__search-wrap svg {position:absolute;top:12px;left:11px;width:16px;height:16px;fill:none;stroke:#8da1ae;stroke-width:2;stroke-linecap:round;}
.spg-pca__search {width:100%;background:#fff;border:1px solid #d9e3e9;border-radius:8px;padding:10px 8px 10px 32px;height:40px;font-size:11.5px;outline:none;}
.spg-pca__search::placeholder {color:#9aabb8;}
.spg-pca__meta-row {display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:8px 0;border-bottom:1px solid #e9eff3;font-size:11.5px;}
.spg-pca__meta-row span {color:#708594;}
.spg-pca__meta-row strong {color:#354d5f;font-size:11px;text-align:right;font-weight:750;}
.spg-pca__export {margin-top:25px;padding:11px 8px;width:100%;border-radius:7px;border:1px solid #b9d4de;background:#ecf7f9;color:#19617a;font-size:11.5px;font-weight:760;display:flex;align-items:center;justify-content:center;gap:7px;}
.spg-pca__export:hover {background:#dff1f5;}
.spg-pca__export svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.spg-pca__main {min-width:0;padding:22px 27px 24px;background:#fff;}
.spg-pca__stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px;}
.spg-pca__stat {min-width:0;padding:15px 18px 13px;border:1px solid #edf0f3;background:linear-gradient(120deg,#fff,#f9fbfd);border-radius:9px;display:flex;flex-direction:column;}
.spg-pca__stat span {font-size:9.5px;letter-spacing:1.05px;color:#8a9ba8;font-weight:800;}
.spg-pca__stat strong {font-size:25px;letter-spacing:-.8px;color:#1b455b;line-height:1.45;font-weight:750;}
.spg-pca__stat small {font-size:10px;color:#a2b0bb;}
.spg-pca__plot-frame {border:1px solid #e7edf1;border-radius:10px;position:relative;background:#fff;overflow:hidden;}
.spg-pca__plot-head {padding:16px 18px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.spg-pca__plot-label {font-size:10px;letter-spacing:1.05px;color:#627f91;font-weight:800;}
.spg-pca__plot-hint {font-size:10px;color:#9bb0ba;}
.spg-pca__plot {height:500px;width:100%;}
.spg-pca__loading {position:absolute;inset:37px 0 0;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.78);z-index:2;color:#476579;font-size:13px;font-weight:700;}
.spg-pca__loading[hidden],.spg-pca__error[hidden] {display:none;}
.spg-pca__error {position:absolute;top:48px;left:20px;right:20px;border:1px solid #edc5c5;background:#fff3f3;padding:15px;border-radius:8px;z-index:3;color:#9b3939;word-break:break-word;}
.spg-pca__legend-head {display:flex;gap:12px;align-items:center;justify-content:space-between;margin:20px 0 12px;}
.spg-pca__legend-head>span:first-child {color:#597083;font-size:10px;font-weight:850;letter-spacing:1.0px;}
.spg-pca__legend-head>span:last-child {font-size:10px;color:#a1b0ba;}
.spg-pca__legend {display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:7px;}
.spg-pca__legend-item {min-width:0;display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #e7edf1;background:#fff;border-radius:7px;padding:9px 10px;color:#42586a;transition:background .15s;}
.spg-pca__legend-item:hover {background:#f3f8fa;}
.spg-pca__legend-item[aria-pressed="false"] {opacity:.43;background:#f5f7f9;}
.spg-pca__legend-dot {display:block;width:9px;height:9px;flex-shrink:0;border-radius:50%;box-shadow:0 0 0 3px rgba(30,65,78,.045);}
.spg-pca__legend-text {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;}
.spg-pca__legend-count {font-size:10px;color:#8aa0ae;font-weight:650;}
.spg-pca__footnote {margin:17px 0 0;color:#9aaaB6;font-size:10.8px;line-height:1.55;}
@media (max-width:1000px) {.spg-pca__content{grid-template-columns:230px minmax(0,1fr)}.spg-pca__main{padding:18px}.spg-pca__sidebar{padding:22px 17px}.spg-pca__plot{height:450px}.spg-pca__legend{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
@media (max-width:700px) {.spg-pca__top{padding:21px}.spg-pca__title{font-size:22px}.spg-pca__top-right{display:none}.spg-pca__content{display:block}.spg-pca__sidebar{border-right:0;border-bottom:1px solid var(--spg-line);display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.spg-pca__sidebar>.spg-pca__section-label,.spg-pca__sidebar>.spg-pca__rule,.spg-pca__microcopy,.spg-pca__sidebar>.spg-pca__meta-row,.spg-pca__export{grid-column:1/-1}.spg-pca__sidebar>.spg-pca__section-label{margin:4px 0 13px}.spg-pca__sidebar>.spg-pca__label{align-self:end}.spg-pca__sidebar>.spg-pca__search-wrap,.spg-pca__sidebar>.spg-pca__segmented{margin-bottom:15px}.spg-pca__plot{height:390px}.spg-pca__legend-head{align-items:flex-start;flex-direction:column;gap:3px}.spg-pca__stats{gap:7px}.spg-pca__stat{padding:11px}.spg-pca__stat span{font-size:8px}.spg-pca__stat strong{font-size:21px}.spg-pca__stat small{font-size:9px}}
@media (max-width:420px) {.spg-pca__sidebar{display:block}.spg-pca__main{padding:12px}.spg-pca__plot{height:340px}.spg-pca__stats{grid-template-columns:repeat(3,1fr)}.spg-pca__stat strong{font-size:17px}.spg-pca__plot-hint{display:none}.spg-pca__legend{grid-template-columns:repeat(2,minmax(0,1fr))}}