.ring-navigation{position:relative;width:min(100%,900px,calc(100svh - 190px));margin:0 auto;isolation:isolate}
.family-ring{display:block;width:100%;height:auto;overflow:visible}
.family-sector,.context-sector{outline:none}
.family-sector.active,.context-sector.active{cursor:pointer}
.family-sector.inactive,.context-sector.inactive,.pathway-sector{pointer-events:none}
.sector-fill{fill:var(--sector-color,#35484b);opacity:.96}
.inactive .sector-fill{fill:#303d3f;opacity:.92}
.family-sector image,.context-sector image{filter:saturate(1.38) contrast(1.12) brightness(1.07);transition:filter .18s}
.context-sector .sector-fill{fill:var(--sector-color,#1f6259);opacity:.98}
.context-sector.inactive .sector-fill{fill:#303d3f;opacity:.92}
.sector-tint{fill:var(--sector-color,#294e54);opacity:0;pointer-events:none;transition:opacity .18s}
.sector-border{fill:none;stroke:#718082;stroke-width:2;pointer-events:none;transition:stroke .18s,stroke-width .18s,filter .18s}
.active .sector-border{stroke:#d7ba62;stroke-width:2.5}
.active:focus-visible image{filter:saturate(1.55) contrast(1.14) brightness(1.12)}
.active:focus-visible .sector-border{stroke:#d7ba62;stroke-width:5;filter:drop-shadow(0 0 5px #d7ba6288)}
@media(hover:hover){
.active:hover image{filter:saturate(1.55) contrast(1.14) brightness(1.12)}
.active:hover .sector-tint{opacity:.02}
.active:hover .sector-border{stroke:#d7ba62;stroke-width:5;filter:drop-shadow(0 0 5px #d7ba6288)}
}
.family-label,.family-label-edge,.context-label,.pathway-label{text-anchor:middle;fill:#f7fbfa;paint-order:stroke;stroke:#07191d;stroke-linejoin:round;pointer-events:none}
.family-label,.family-label-edge{font:900 18px/1 system-ui,sans-serif;dominant-baseline:middle}
.family-label-edge{fill:#fff;stroke:#d7ba62;stroke-width:9px}
.family-label{fill:#fff;stroke:#07191d;stroke-width:5px}
.inactive .family-label,.inactive .context-label{fill:#a5adae;stroke:#1f292b}
.context-label{font:900 16.5px/1 system-ui,sans-serif;stroke-width:5px;letter-spacing:.005em;dominant-baseline:middle}
.context-label textPath,.pathway-label textPath{text-anchor:middle;dominant-baseline:middle}
.pathway-sector{cursor:default;outline:none}
.pathway-fill{fill:#253638;opacity:.94;transition:fill .15s,opacity .15s,filter .15s}
.pathway-adjudication .pathway-fill{fill:#37362f}
.pathway-label{fill:#cbd1d2;font:900 17px/1 system-ui,sans-serif;stroke:#142023;stroke-width:4px;letter-spacing:.005em}
.pathway-sector.illuminated .pathway-fill{fill:#17616a;opacity:1;filter:drop-shadow(0 0 8px #6fd2c888)}
.pathway-sector.pathway-adjudication.illuminated .pathway-fill{fill:#66551e;filter:drop-shadow(0 0 8px #d7ba6288)}
.pathway-sector.illuminated .sector-border{stroke:#d7ba62;stroke-width:4;filter:drop-shadow(0 0 7px #d7ba62aa)}
.pathway-sector.illuminated .pathway-label{fill:#fff}
.ring-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:39%;aspect-ratio:1;display:grid;place-items:center;pointer-events:none}
.ring-center>img{grid-area:1/1;width:98%;max-width:98%;max-height:82%;height:auto;object-fit:contain;display:block;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 0 12px #6fd2c855) drop-shadow(0 8px 18px #0009) saturate(1.22) contrast(1.08) brightness(1.02)}
.island-query-stack{grid-area:1/1;z-index:2;width:68%;max-width:250px;display:grid;gap:6px;pointer-events:auto;transform:translateY(6%)}
.ring-center .island-record-search,.ring-center .island-search{position:static;transform:none;box-sizing:border-box;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;margin:0;padding:5px;background:rgba(7,25,29,.62);backdrop-filter:blur(4px);border-radius:6px;box-shadow:0 7px 18px #0007}
.ring-center .island-record-search{border:1px solid #fff}
.ring-center .island-search{border:2px solid #d7ba62;box-shadow:0 0 0 1px #3b3216,0 8px 22px #0007,inset 0 0 14px #d7ba6214}
.ring-center .island-record-search input,.ring-center .island-record-search button,.ring-center .island-search input,.ring-center .island-search button{min-width:0;padding:6px;border:1px solid #fff;border-radius:3px;background:#fff;color:#07191d;color-scheme:light;font:700 .74rem/1.2 system-ui,sans-serif}
.ring-center .island-record-search button,.ring-center .island-search button{cursor:pointer}
.ring-center input::placeholder{color:#526166;opacity:1;font-weight:500}
.ring-center button:hover{background:#eef5f3;border-color:#eef5f3}
.ring-caption{text-align:center;color:#b0cec7;margin:0 0 14px;font-size:1rem}
.ring-credits{font-size:.875rem;color:#b0cec7;margin:0 auto 28px;max-width:850px;text-align:center}
.ring-credits summary{cursor:pointer;padding:10px}.ring-credits p{margin:10px 0}
.mobile-families{display:none}
.island-intro{padding-bottom:0}
@media(max-width:760px){
  .ring-navigation{height:360px;max-width:400px}
  .family-ring{display:none}
  .ring-center{width:100%;height:100%;aspect-ratio:auto}
  .ring-center>img{width:94%;height:auto;max-width:94%;max-height:66%;object-fit:contain}
  .island-query-stack{width:68%;max-width:250px;transform:translateY(8%)}
  .ring-center .island-record-search input,.ring-center .island-record-search button,.ring-center .island-search input,.ring-center .island-search button{font-size:.74rem;padding:6px}
  .mobile-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 20px}
  .mobile-family{display:grid;place-items:center;min-height:54px;padding:7px 5px;border:1px solid #586668;background:#263638;color:#aeb8b9;text-decoration:none;border-radius:4px;text-align:center}
  .mobile-family strong{font-size:.72rem;line-height:1.12}
  .mobile-family.active{border-color:color-mix(in srgb,var(--sector-color) 70%,#d7ba62);background:color-mix(in srgb,var(--sector-color) 68%,#07191d);color:#fff}
  .mobile-context{min-height:44px;border-radius:18px}
  .mobile-family.active:hover,.mobile-family.active:focus{border-color:#d7ba62;filter:brightness(1.15)}
}

.atlas-overview-shell{display:grid;grid-template-columns:minmax(440px,31vw) minmax(760px,46vw) minmax(300px,20vw);gap:24px;align-items:start;width:100%;max-width:none;margin:8px 0 30px}
.atlas-overview-left{align-self:stretch}
.atlas-overview-center{min-width:0;justify-self:center;width:100%;max-width:980px}
.atlas-overview-shell .island-intro{display:none}
.atlas-overview-shell .ring-navigation{width:min(100%,calc(100vh - 250px),940px)}
.atlas-overview-panel{border:1px solid #315257;background:linear-gradient(180deg,#0b252bd9,#07191de8);border-radius:8px;padding:16px;box-shadow:0 12px 34px #0004;position:sticky;top:142px;max-height:calc(100vh - 160px);overflow:auto}
.atlas-overview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9fc7c1;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.atlas-overview-panel-head strong{color:#d7ba62;text-transform:none;letter-spacing:0;font-size:.95rem}
.atlas-section-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.atlas-section-group{margin-top:14px;padding:12px;border:1px solid #24484f;background:#07191d80;border-radius:8px}
.atlas-section-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.atlas-section-group-head p{margin:4px 0 0;color:#9fc7c1;font-size:.82rem;line-height:1.35}
.atlas-section-group-head strong{flex:0 0 auto;display:grid;place-items:center;min-width:30px;height:30px;border:1px solid #315257;border-radius:50%;color:#d7ba62;font-size:.82rem;background:#0b252b}
.atlas-section-group-label{margin:0;color:#d7ba62;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.atlas-section-control{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:8px 10px;border:1px solid #315257;border-radius:6px;background:#0b252b;color:#e8f7ef;text-align:left;cursor:pointer}
.atlas-section-control span{font-weight:800;font-size:.9rem;line-height:1.15}.atlas-section-control em{font-style:normal;color:#9fc7c1;font-size:.72rem;white-space:nowrap}
.atlas-section-control.live em{color:#6fd2c8}.atlas-section-control.pathway{cursor:default;opacity:.72}.atlas-section-control.pathway em{color:#9fc7c1}.atlas-section-control.pathway.illuminated{opacity:1;border-color:#d7ba62;background:#173438;box-shadow:inset 3px 0 0 #d7ba62,0 0 12px #d7ba6233}.atlas-section-control.pathway.illuminated em{color:#d7ba62}.atlas-section-control:not(.pathway-indicator):hover,.atlas-section-control.active{border-color:#6fd2c8;background:#123b40}.atlas-section-control.active{box-shadow:inset 3px 0 0 #6fd2c8}
.atlas-overview-right h2{font:400 clamp(1.7rem,2vw,2.35rem)/1.15 Georgia,serif;margin:0 0 12px;color:#fff}
.atlas-overview-right p{color:#d7ebe6;margin:0 0 14px;line-height:1.55}
.atlas-answer-list{display:grid;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.atlas-answer-list li{border-left:2px solid #6fd2c8;padding-left:10px;color:#b0cec7;font-size:.92rem;line-height:1.35}
.atlas-section-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #fff;border-radius:5px;background:#fff;color:#07191d;text-decoration:none;font-weight:800}
.atlas-section-action:hover{background:#eef5f3;border-color:#eef5f3}
.mobile-family.pathway{font:inherit;color:#e8f7ef;text-align:left;padding:0;cursor:default;opacity:.72}
.mobile-family.pathway span{color:#d7ba62}
.mobile-family.pathway.illuminated{opacity:1;border-color:#d7ba62;box-shadow:0 0 12px #d7ba6244}
@media(max-width:1180px){.atlas-overview-shell{grid-template-columns:1fr}.atlas-overview-panel{position:relative;top:auto;max-height:none}.atlas-overview-left{order:2}.atlas-overview-center{order:1}.atlas-overview-right{order:3}.atlas-overview-shell .ring-navigation{width:min(100%,calc(100vh - 230px),980px)}}
@media(min-width:1181px) and (max-width:1580px){.atlas-overview-shell{grid-template-columns:minmax(350px,420px) minmax(620px,1fr) minmax(270px,340px);gap:20px}.atlas-overview-center{max-width:none}.atlas-overview-shell .ring-navigation{width:min(100%,calc(100vh - 250px),900px)}.atlas-section-list{grid-template-columns:1fr}.atlas-section-group-head p{display:none}}
@media(min-width:1181px) and (max-height:900px){.atlas-overview-shell{margin-top:4px}.atlas-overview-shell .ring-navigation{width:min(100%,calc(100vh - 220px),780px)}}

.family-ring .touch-preview image { filter: saturate(1.55) contrast(1.14) brightness(1.12); }
.family-ring .touch-preview .sector-tint { fill: #ffdf89; opacity: .16; }
.family-ring .touch-preview .sector-border { stroke: #ffdf89; stroke-width: 7; filter: drop-shadow(0 0 7px #d7ba62aa); }
.wheel-preview { display: grid; justify-items: center; gap: 6px; margin: 10px 0 14px; }
.wheel-preview-link { display: block; min-height: 44px; padding: 8px 12px; color: #ffdf89; font: 750 1.1rem/1.4 system-ui, sans-serif; text-decoration: none; }
.wheel-preview-link[href]:hover { text-decoration: underline; }
.wheel-preview-hint { font-size: .9rem; color: #b0cec7; }
.wheel-sound-toggle { min-height: 44px; padding: 8px 12px; border: 0; background: transparent; color: #b0cec7; font: 500 .875rem/1.3 system-ui, sans-serif; cursor: pointer; }
@media (pointer: coarse) {
  .atlas-home-stage .family-ring { touch-action: pinch-zoom; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
}