.result-indicator-page{background:radial-gradient(circle at 72% 20%,#263f5b 0,transparent 34%),radial-gradient(circle at 18% 82%,#1c3145 0,transparent 38%),#101d29}
.result-switch{margin-top:18px}
.result-map-hero{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:48px 0 24px}
.result-map-hero h1{font-size:clamp(30px,4vw,56px);line-height:1.08;margin:0;letter-spacing:-.045em;max-width:780px}
.result-map-hero p:not(.eyebrow){color:#c2cede;line-height:1.75;max-width:720px;margin:16px 0 0}
.result-stats{margin-bottom:6px}
.result-map-layout{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:26px;align-items:start;padding:18px 0 70px}
.result-sphere-panel{position:sticky;top:18px;display:grid;justify-items:center;gap:16px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff08;padding:22px;min-height:520px}
.result-sphere{position:relative;width:min(360px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#789fda55 0,#244b68aa 37%,#081e29 72%);box-shadow:inset -25px -28px 60px #041014,inset 15px 14px 36px #d7fff13a,0 20px 80px #0009;overflow:hidden;touch-action:none;cursor:grab}
.result-sphere:before,.result-sphere:after{content:"";position:absolute;inset:12%;border:1px solid #bfd8ff2a;border-radius:50%;transform:rotate(-26deg) scaleX(.44)}
.result-sphere:after{inset:24% 7%;transform:rotate(19deg);border-color:#bfd8ff18}
.result-node{position:absolute;left:50%;top:50%;width:92px;min-height:72px;display:grid;place-items:center;text-align:center;gap:2px;padding:8px;border:1px solid #ffffff66;border-radius:12px;background:#16393f;color:#f5f8ff;box-shadow:0 12px 28px #0009,inset 0 2px 4px #ffffff30;transform:translate(-50%,-50%);transition:filter .18s,box-shadow .18s;background-image:linear-gradient(150deg,#b7d0ff33,#ffffff05)}
.result-node:hover,.result-node:focus-visible,.result-node.active{outline:0;filter:brightness(1.18);box-shadow:0 0 0 3px #c5ddff,0 15px 34px #000a}
.result-node strong{font-size:13px;line-height:1.15}
.result-node small{font-size:10px;color:#bee5df}
.result-sphere-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;color:#a7bfbd;font-size:12px}
.result-sphere-actions button{border:1px solid #60758e;border-radius:7px;background:#ffffff0d;color:#e7eef8;padding:8px 11px}
.result-sphere-actions span{font-weight:800;color:#9fc5ff;text-align:right}
.result-list-panel{min-width:0}
.result-system-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.result-system-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff09;color:#eef4fb;font:inherit;font-weight:900;padding:13px;cursor:pointer}
.result-system-tabs button.active{background:#9fc5ff;color:#111f2b;border-color:#9fc5ff}
.result-system-tabs button[data-system-mode="qs"].active{background:#9fd3ff;border-color:#9fd3ff;color:#111f2b}
.result-system-tabs small{border-radius:999px;background:#111f2b33;padding:2px 8px}
.result-controls{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:12px;align-items:center;margin-bottom:14px;border:1px solid #ffffff1f;border-radius:12px;background:#ffffff08;padding:14px}
.result-controls label{font-weight:800;font-size:13px}
.result-controls input{width:100%;border:1px solid #6f829c;border-radius:7px;background:#111f2b;color:#f7f9ff;padding:11px 13px;font:inherit}
#result-count{color:#9fc5ff;font-size:12px;white-space:nowrap}
.result-card-list{display:grid;gap:14px}
.indicator-result-card{border:1px solid #405366;border-radius:12px;background:#1b2d3a;padding:16px;display:grid;gap:12px;scroll-margin-top:18px}
.indicator-result-card[hidden],.indicator-result-row[hidden]{display:none}
.indicator-result-card:target{outline:2px solid #9fc5ff}
.indicator-card-head{display:flex;justify-content:space-between;gap:14px;align-items:start;border-bottom:1px solid #ffffff18;padding-bottom:12px}
.indicator-card-head h2{font-size:18px;line-height:1.42;margin:0;overflow-wrap:anywhere}
.indicator-card-head h2 b{color:#9fc5ff}
.indicator-card-head p{margin:7px 0 0;color:#b8cfcb;font-size:12px;line-height:1.55}
.indicator-card-actions{display:grid;justify-items:end;gap:8px;flex:none}
.indicator-card-actions>strong{color:#111f2b;background:#9fc5ff;border-radius:999px;padding:5px 10px;font-size:12px}
.indicator-url-copy{background:#9fc5ff;color:#111f2b;border-color:#9fc5ff;font-weight:900}
.result-list-panel[data-system-mode="qs"] .indicator-card-actions>strong,.result-list-panel[data-system-mode="qs"] .indicator-url-copy{background:#9fd3ff;border-color:#9fd3ff;color:#111f2b}
.indicator-system{display:inline-flex;color:#9fc5ff;font-weight:900;font-size:11px;letter-spacing:.06em;margin-bottom:7px;text-transform:uppercase}
.qs-system{color:#9fd3ff}
.result-kind{display:inline-flex;color:#9fc5ff;font-weight:850;font-size:11px;letter-spacing:.06em;margin-bottom:7px}
.result-open{flex:none;color:#9fc5ff;font-size:12px;border:1px solid #748aa580;border-radius:6px;padding:6px 9px}
.result-sdgs{display:flex;flex-wrap:wrap;gap:6px}
.result-sdgs span{font-size:11px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff0b;color:#cfe5e0;padding:4px 8px}
.indicator-result-list{display:grid;gap:9px}
.indicator-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #ffffff16;border-radius:10px;background:#111f2b75;padding:12px}
.indicator-result-row h3{font-size:14px;line-height:1.45;margin:0;overflow-wrap:anywhere}
.indicator-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.indicator-pill{display:grid;gap:2px;border-left:3px solid #9fc5ff;background:#ffffff0d;border-radius:7px;padding:8px 9px;min-width:0}
.indicator-pill b{font-size:13px;color:#9fc5ff}
.indicator-pill span{font-size:12px;color:#e8eef8;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qs-pill{border-left-color:#9fd3ff}
.qs-pill b{color:#9fd3ff}
.copy-anchor-link{font:inherit;font-size:12px;color:#9fc5ff;background:transparent;border:1px solid #748aa580;border-radius:6px;padding:7px 9px;cursor:pointer;white-space:nowrap}
.copy-anchor-link:hover,.copy-anchor-link:focus-visible,.result-open:hover,.result-open:focus-visible{background:#c5ddff1a}
.indicator-empty{color:#97a6b7;font-size:12px;margin:0}
@media(max-width:980px){.result-map-hero{display:block}.result-stats{margin-top:22px}.result-map-layout{grid-template-columns:1fr}.result-sphere-panel{position:relative;top:auto;min-height:auto}.result-sphere{width:min(330px,100%)}}
@media(max-width:680px){.result-map-hero{padding-top:30px}.result-controls{grid-template-columns:1fr}.indicator-card-head,.indicator-result-row{display:grid;grid-template-columns:1fr}.indicator-card-actions{justify-items:start}.result-open{width:max-content}.result-sphere-panel{padding:14px}.result-node{width:78px;min-height:64px}.indicator-pill span{white-space:normal}.copy-anchor-link{width:max-content}.indicator-actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.result-node{transition:none}}