/* Six reviewed subjects around one navigable topic. All labels are native links. */
.system-sheet{position:relative;overflow:visible}
.system-sheet .sheet-head{padding-bottom:.5rem}
.topic-map{display:grid;grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr);grid-template-rows:repeat(3,minmax(70px,1fr));align-items:center;gap:10px 12px;position:relative;min-height:300px;padding:1.5rem 1.25rem;color:#edf3f3}
.topic-orbits{position:absolute;inset:5% 8%;width:84%;height:90%;stroke:#7191a5;stroke-width:.7;fill:none;opacity:.65;pointer-events:none}
.topic-orbits path{opacity:.35;stroke-dasharray:2 6}
.topic-centre{grid-column:2;grid-row:2;position:relative;border-radius:50%;width:118px;height:118px;background:var(--blue);box-shadow:0 0 0 8px #13749633,0 0 0 9px #7191a5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8rem;text-align:center;font-size:.85rem;line-height:1.4;color:white}
.topic-centre>span+span{font-size:1.4rem;margin-top:.25rem}
.topic-link{position:relative;display:flex;gap:.6rem;align-items:center;min-height:44px;padding:.35rem .15rem;justify-self:center;max-width:18ch;background:transparent;border:0;border-radius:0;font-size:.84rem;line-height:1.4;color:#edf3f3;overflow-wrap:anywhere}
.topic-position-1,.topic-position-2,.topic-position-3{grid-column:1}.topic-position-4,.topic-position-5,.topic-position-6{grid-column:3}
.topic-position-1,.topic-position-4{grid-row:1}.topic-position-2,.topic-position-5{grid-row:2}.topic-position-3,.topic-position-6{grid-row:3}
.topic-dot{width:7px;height:7px;border-radius:50%;background:var(--sand);flex-shrink:0}.topic-position-4 .topic-dot,.topic-position-5 .topic-dot,.topic-position-6 .topic-dot{background:#9bd9f2}
.topic-centre:hover,.topic-centre:focus-visible{background:#086798;text-decoration:underline}.topic-link:hover,.topic-link:focus-visible{background:transparent;color:#fff;text-decoration:underline;text-underline-offset:.2rem}
.perspective-panel .sheet-bottom{padding-right:4.5rem}.perspective-destination{gap:0}.perspective-destination:hover{text-decoration:underline;text-underline-offset:.25rem}
.perspective-picker{position:absolute;bottom:1.25rem;right:1rem;z-index:3}.perspective-picker>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border:1px solid #7191a5;border-radius:50%;font-size:1.5rem;color:white}.perspective-picker>summary::-webkit-details-marker{display:none}.perspective-picker[open]>summary{background:#17506c}
.perspective-options{position:absolute;right:0;bottom:calc(100% + .7rem);width:min(340px,calc(100vw - 6rem));padding:.5rem;background:#102e3e;border:1px solid #7191a5;box-shadow:0 10px 25px #0005;display:grid;gap:.35rem}
.perspective-options button{text-align:left;line-height:1.5;padding:.75rem;color:white;min-height:44px;border:1px solid transparent;font-size:.8rem}.perspective-options button[aria-pressed=true]{border-color:#9bd9f2}.perspective-options button:hover{background:#17506c}
.consulting-steps{grid-column:1/-1;display:grid;gap:0}.consulting-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:1rem 0;border-top:1px solid #7191a577;position:relative}.consulting-step h3{font:normal 1.3rem Georgia,serif;margin:.2rem 0}.consulting-step h3 a{color:white}.consulting-step p{color:#c3d6df;font-size:.72rem;line-height:1.5}.step-number{font:.6rem var(--mono);color:var(--sand)}.consulting-step ul{padding:0;list-style:none;align-self:center}.consulting-step li a{display:block;padding:.5rem 0;color:#9bd9f2;min-height:44px;font-size:.74rem;line-height:1.5}.consulting-step li+li{border-top:1px dotted #7191a566}
@media(max-width:480px){.topic-map{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:10px 7px;padding:1rem .6rem;min-height:280px}.topic-centre{width:84px;height:84px;justify-self:center;padding:.35rem;font-size:.6rem;hyphens:none;overflow-wrap:normal;box-shadow:0 0 0 4px #13749633,0 0 0 5px #7191a5}.topic-centre>span+span{font-size:1rem;margin:0}.topic-link{flex-direction:column;justify-content:center;text-align:center;font-size:.62rem;padding:.35rem 0;gap:.15rem}.topic-dot{width:5px;height:5px}.perspective-picker{bottom:1rem;right:.6rem}.perspective-panel .sheet-bottom{padding-right:3.7rem}.perspective-destination{font-size:.8rem}.consulting-step{gap:.6rem}.consulting-step h3{font-size:1.15rem}}

.topic-link:focus-visible{outline:2px solid #9bd9f2;outline-offset:5px}.perspective-picker>summary:hover,.perspective-picker>summary:focus-visible{background:#17506c;outline:2px solid #9bd9f2;outline-offset:3px}