#solids-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:1;display:block}.site-header{position:relative;z-index:2}.has-webgl .object-stage img{visibility:hidden}.object-stage{touch-action:none;cursor:grab}.object-stage:active{cursor:grabbing}.select-goal{cursor:pointer}.map-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:23px 0 8px;color:#a6bbbf;font-size:10px}.map-toolbar>div{display:flex;gap:17px;align-items:center}.map-toolbar label{display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}.map-toolbar input{accent-color:#d6ac89;width:13px;height:13px}.map-toolbar button,#collapse-all{border:0;background:none;color:#d7c1a4;font:inherit;font-size:10px;cursor:pointer;padding:7px 0;white-space:nowrap}#collapse-all:disabled{color:#6c8086;cursor:default}.trail-bar button{padding:0;border:0;background:none;color:#aebec1;font:inherit;cursor:pointer}.trail-bar button:hover{color:white}.trail-bar button[aria-current]{color:#f0e2cf}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:34px;padding-top:29px}.map-heading h2{font-size:29px}.hero{height:168px}.hero-inner{padding-top:22px}.hero h1{font-size:40px}.hero-place{bottom:20px}.choices{margin-top:14px;gap:16px}.object-stage{height:139px}.object-stage img{height:136px}.node-title{font-size:15px;line-height:1.4;min-height:43px;margin-top:8px}.node-summary{font-size:10px;min-height:20px;margin-top:7px}.select-goal{padding-bottom:5px}.branch-link{border:0;background:none;width:100%;font:inherit;font-size:10px;cursor:pointer;min-height:36px}.choice{padding-bottom:4px;border-color:#304046}.choice.is-expanded:not(.is-selected){border-color:#5d747a}.tree-level{position:relative}.root-level{padding-bottom:4px}.branch-row{margin-top:21px;margin-left:calc(var(--depth)*11px);padding:15px 0 2px 17px;border-left:1px solid #3a5158}.branch-row:before{content:'';position:absolute;top:0;left:-1px;width:40px;height:1px;background:#526b71}.branch-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.branch-heading>div{display:flex;align-items:baseline;gap:10px}.branch-address{font:500 11px var(--heading);color:#d7b895}.branch-heading h3{font-size:15px;font-weight:450;letter-spacing:-.015em;outline:none}.branch-heading>span{font-size:9px;color:#81989e;white-space:nowrap}.branch-row .choices{margin-top:7px}.branch-row .object-stage{height:103px}.branch-row .object-stage img{height:102px}.branch-row .node-title{font-size:13px;min-height:37px}.branch-row .node-number{font-size:12px;margin-top:0}.branch-row .node-summary{font-size:9px}.branch-row .branch-link{font-size:9px;min-height:32px}.map-note{margin-top:24px;padding-top:17px}.detail{position:sticky;top:20px;z-index:2;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#49616a transparent;padding:22px}.detail .explore-button{width:100%;cursor:pointer;text-align:left;font-family:var(--body)}.related-links button{border:0;padding:0;text-align:left;background:none;color:#d1d3c9;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.shape-check{border-top:1px solid #2b3b40;padding-top:14px;margin-top:20px;font-size:10px;color:#a2b8bd}.shape-check summary{cursor:pointer;line-height:1.7}.shape-check summary span{color:#d1d4c9;margin-left:8px}.shape-check dl{display:grid;gap:6px;margin:12px 0}.shape-check dl>div{display:flex;justify-content:space-between;gap:12px}.shape-check dt{color:#89a2a9}.shape-check dd{margin:0;text-align:right;color:#e0d4c1}.shape-check p{font-size:10px;line-height:1.8}.shape-check button{margin-top:11px;padding:6px 0;border:0;background:transparent;color:#dec6a6;font:inherit;cursor:pointer}.shape-check summary:focus-visible{outline:2px solid var(--copper);outline-offset:5px}#view-selected{display:none}.detail h2{font-size:24px}.detail-description,.detail-block p{font-size:12px;line-height:1.8}.detail-block h3{font-size:10px}.project-notes p{font-size:11px}.target{padding:14px 0}.target strong{font-size:33px}
@media(max-width:1100px){.workspace{grid-template-columns:1fr;gap:28px}.detail{position:relative;top:auto;max-height:none;overflow:visible}.object-stage{height:148px}.object-stage img{height:145px}.branch-row .object-stage{height:120px}.branch-row .object-stage img{height:117px}.branch-row .node-title{font-size:14px}.branch-row .node-summary{font-size:10px}#view-selected{display:block;width:100%;text-align:left;padding:13px 0;margin-top:20px;background:none;border:0;border-bottom:1px solid #3f555b;font:500 12px var(--heading);color:#ddc7a7;cursor:pointer}.map-note{margin-top:15px}.detail .detail-side{grid-row:1 / span 5}.detail .explore-button{max-width:330px}.detail-description,.detail-block p{font-size:13px}}
@media(max-width:700px){.hero{height:150px}.hero h1{font-size:34px}.hero-inner{padding-top:19px}.workspace{padding-top:24px}.map-heading h2{font-size:27px}.depth-label{font-size:8px}.map-toolbar{align-items:flex-start;gap:10px;margin-top:18px;font-size:9px}.map-toolbar>div{gap:12px;flex-wrap:wrap;justify-content:flex-end}.map-toolbar label{font-size:9px}.map-toolbar button{font-size:9px}.map-toolbar>span{max-width:96px}.choices{gap:19px 20px;margin-top:10px}.object-stage{height:116px}.object-stage img{height:114px}.node-title{font-size:15px;min-height:42px}.node-summary{font-size:10px}.branch-link{font-size:9px}.branch-row{margin-left:calc(var(--depth)*3px);padding-left:11px;margin-top:19px}.branch-heading>div{flex-wrap:wrap;gap:4px 8px}.branch-heading h3{font-size:13px}.branch-heading>span{font-size:8px}.branch-address{font-size:10px}.branch-row .choices{gap:15px 16px}.branch-row .object-stage{height:103px}.branch-row .object-stage img{height:101px}.branch-row .node-title{font-size:13px;min-height:36px}.branch-row .node-summary{font-size:9px}.detail{display:block;padding:22px}.detail h2{font-size:25px}.shape-check{font-size:11px}.shape-check p{font-size:11px}.shape-check summary span{margin-left:7px}.trail-bar{gap:10px;min-height:55px;padding:14px 0}.trail-bar nav ol{font-size:9px;gap:6px}.trail-bar nav li{gap:6px}.trail-bar button{font-size:9px}#collapse-all{font-size:9px}.detail .explore-button{max-width:none}.hero-inner>p:last-child{font-size:10px}}
@media(max-width:360px){.choices{gap:14px}.node-title{font-size:13px}.branch-row .node-title{font-size:12px}.object-stage{height:105px}.branch-row .object-stage{height:93px}.map-toolbar>div{gap:8px}.branch-link{font-size:8px}.ticks i{width:5px}.branch-heading>span{display:none}}

/* Depth is a quiet material-light cue; the four solid identities repeat unchanged. */
[data-depth="1"] {
  --layer-rgb: 129, 39, 64;
  --layer-accent: #dfa1b0;
  --layer-line: #884457;
}
[data-depth="2"] {
  --layer-rgb: 47, 84, 145;
  --layer-accent: #9bb8e8;
  --layer-line: #4d71a7;
}
[data-depth="3"] {
  --layer-rgb: 143, 111, 34;
  --layer-accent: #dfc77c;
  --layer-line: #90743d;
}
[data-depth="4"] {
  --layer-rgb: 109, 148, 142;
  --layer-accent: #cfdfd8;
  --layer-line: #769498;
  --opal-inlay: linear-gradient(100deg, #a96c8a, #7f9ec4 25%, #79aaa3 48%, #c1ad77 72%, #a488b3);
}
.tree-level {
  background: radial-gradient(ellipse at 0% 0%, rgba(var(--layer-rgb), .11), transparent 68%);
  border-radius: 2px;
}
.root-level {
  margin-top: 17px;
  padding: 11px 10px 4px;
  border-top: 1px solid var(--layer-line);
}
.root-layer-heading { display: flex; align-items: center; }
.root-layer-heading .layer-label {
  color: var(--layer-accent);
  font: 500 10px/1.6 var(--heading);
}
.tree-level .choices { margin-top: 6px; }
.branch-row { border-left-color: var(--layer-line); }
.branch-row:before { background: var(--layer-line); }
.tree-level .branch-address,
.tree-level .layer-label,
.tree-level .node-number { color: var(--layer-accent); }
.tree-level .choice.is-selected { border-bottom-color: var(--layer-accent); }
.tree-level .choice.is-expanded:not(.is-selected) { border-bottom-color: var(--layer-line); }
.tree-level .is-selected .selected-dot { background: var(--layer-accent); }
.tree-level .object-stage {
  background: radial-gradient(ellipse at 50% 72%, rgba(var(--layer-rgb), .10), transparent 70%);
}
.tree-level .is-selected .object-stage {
  background: radial-gradient(ellipse at 50% 72%, rgba(var(--layer-rgb), .19), transparent 72%);
}
.tree-level .ticks i.filled { background: var(--layer-accent); opacity: .8; }
.tree-level[data-depth="4"] {
  background:
    radial-gradient(ellipse at 2% 0%, rgba(151, 79, 119, .09), transparent 43%),
    radial-gradient(ellipse at 83% 0%, rgba(66, 119, 170, .10), transparent 49%),
    radial-gradient(ellipse at 53% 100%, rgba(168, 143, 72, .06), transparent 57%);
}
.tree-level[data-depth="4"]:before { width: 100%; background: var(--opal-inlay); opacity: .85; }
.tree-level[data-depth="4"] .choice.is-selected:after {
  content: ''; position: absolute; bottom: -1px; left: 0; right: 0;
  height: 1px; background: var(--opal-inlay);
}
.detail[data-depth] { border-top-color: var(--layer-line); }
.detail[data-depth] .detail-address { color: var(--layer-accent); }
.detail[data-depth="4"]:before {
  content: ''; position: absolute; top: 0; left: 0; right: 0;
  height: 1px; background: var(--opal-inlay);
}
.trail-bar [data-depth] .crumb-number { color: var(--layer-accent); }
@media(max-width:700px) {
  .root-level { padding-left: 6px; padding-right: 6px; }
  .root-layer-heading .layer-label { font-size: 9px; }
}
@media(max-width:360px) {
  .branch-heading > .layer-label { display: inline; font-size: 8px; }
}


/* Concrete support destinations and bounded lists inside terminal goal objects. */
.support-block { margin-top: 17px; }
.support-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 12px; border: 1px solid var(--layer-line, #526d73); border-radius: 2px; color: var(--layer-accent, #cfdfd8); font-size: 11px; line-height: 1.6; }
.support-link:hover { border-color: var(--layer-accent, #cfdfd8); color: #fff; background: #ffffff04; }
.support-block > small { display: block; margin-top: 6px; color: #8fa5ab; font-size: 9px; line-height: 1.7; }
.goal-items { margin: 0; padding: 0; list-style: none; }
.goal-items li { border-bottom: 1px solid #293a40; padding: 9px 0; }
.goal-items li:first-child { padding-top: 0; }
.goal-items li:last-child { border-bottom: 0; padding-bottom: 0; }
.goal-items strong { display: block; font-size: 11px; font-weight: 500; color: #e2d7c5; line-height: 1.6; }
.goal-items span { display: block; color: #a4b8bd; font-size: 10px; line-height: 1.8; margin-top: 3px; }
.funding-channel > div { display: flex; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.funding-channel > div > strong { font-size: 12px; font-weight: 500; }
.funding-channel > div > span { font-size: 9px; color: #bcad94; white-space: nowrap; }
.detail .funding-channel p { font-size: 11px; color: #a4b8bd; }
.funding-channel dl { display: grid; gap: 7px; margin: 12px 0 0; font-size: 10px; }
.funding-channel dl > div { display: flex; gap: 15px; justify-content: space-between; }
.funding-channel dt { color: #8fa5ab; }
.funding-channel dd { margin: 0; max-width: 60%; text-align: right; color: #bdcaca; }
@media(min-width:701px) and (max-width:1100px) { .support-block, .goal-measure { grid-column: 1; } .detail-side { grid-row: 1 / span 7; } }
@media(max-width:700px) { .support-link { font-size: 12px; } .goal-items strong { font-size: 12px; } .goal-items span { font-size: 11px; } }