.explorer-shell{max-width:1240px;margin:auto;padding:0 24px 64px}.explorer-nav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.explorer-nav a{padding:9px 14px;border:1px solid #486378;border-radius:30px;color:#cceaf5}.explorer-panel{background:#101f30;border:1px solid #344b60;border-radius:18px;padding:22px;margin:24px 0;min-width:0}.explorer-panel h2{font-size:1.7rem;margin-top:0}.explorer-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.explorer-controls label{display:grid;gap:6px;flex:1;min-width:160px;font-size:.9rem;color:#bdd0dd}.explorer-controls select,.explorer-controls button,.explorer-panel button{background:#20384c;color:#effaff;border:1px solid #5b7a8f;border-radius:8px;padding:10px;min-height:44px;font:inherit}.explorer-panel button:focus-visible,.explorer-panel select:focus-visible,.explorer-panel input:focus-visible{outline:3px solid #79e0de;outline-offset:3px}.explorer-time{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:22px 0}.explorer-time input{width:100%;accent-color:#76dfd7;min-width:0;min-height:40px}.explorer-stamp{font-variant-numeric:tabular-nums;font-size:1.1rem;color:#88e7dc}.explorer-map{position:relative;background:#f1f5f6;border-radius:10px;overflow:hidden}.explorer-map canvas{display:block;width:100%;aspect-ratio:5/3;touch-action:none;cursor:crosshair}.explorer-map img{width:100%;display:block;aspect-ratio:4/3;object-fit:contain;background:#0b1320}.explorer-legend{display:flex;gap:14px;align-items:center;margin-top:14px;flex-wrap:wrap}.explorer-gradient{width:240px;height:14px;border-radius:8px;background:linear-gradient(90deg,#440154,#3b528b,#21918c,#5ec962,#fde725)}.explorer-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.explorer-metrics div{border:1px solid #35516b;padding:14px;border-radius:10px}.explorer-metrics dt{color:#b5c9d6;font-size:.84rem}.explorer-metrics dd{margin:6px 0 0;font-size:1.25rem;color:#effaff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.explorer-hint{color:#b7ccd9;font-size:.9rem;line-height:1.6}.explorer-chart{width:100%;display:block;aspect-ratio:5/2;touch-action:pan-y;cursor:crosshair}.explorer-status{min-height:1.7em;color:#f0ce8d}.explorer-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.explorer-steps article{padding:20px;border:1px solid #344b60;border-radius:12px}.explorer-steps h3{margin-top:0}.explorer-downloads{display:flex;gap:16px;flex-wrap:wrap}.explorer-downloads a{color:#87e0d5}.explorer-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.explorer-catalog article{background:#101f30;border:1px solid #344b60;border-radius:14px;padding:24px}.explorer-catalog h2{font-size:1.5rem}.explorer-catalog a{color:#88e7dc}.explorer-panel [hidden]{display:none!important}.explorer-shell p{line-height:1.7}.explorer-links-inline{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.explorer-links-inline a{color:#88e7dc}.explorer-component-key{font-size:.85rem;color:#b7ccd9} .explorer-error{color:#ffb39d}
@media(max-width:650px){.explorer-shell{padding:0 14px 36px}.explorer-panel{padding:14px}.explorer-time{grid-template-columns:auto 1fr}.explorer-time output{grid-column:1/-1}.explorer-metrics{grid-template-columns:1fr 1fr}.explorer-steps,.explorer-catalog{grid-template-columns:1fr}.explorer-map canvas{aspect-ratio:1/1}.explorer-chart{aspect-ratio:4/3}.explorer-controls label{min-width:130px}.explorer-nav{gap:7px}.explorer-nav a{font-size:.85rem;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* The portfolio uses a light page; result panels have their own dark palette. */
.explorer-panel,.explorer-catalog article{color:#e6f0f6}.explorer-panel h2,.explorer-panel h3,.explorer-panel h4,.explorer-catalog h2{color:#f0f8fc}.explorer-panel p,.explorer-catalog p{color:#c4d5e0}.explorer-panel .explorer-hint{color:#b7ccd9}.explorer-panel .explorer-status{color:#f0ce8d}.explorer-legend{color:#e6f0f6}.explorer-nav a{color:#215970;border-color:#80a8ba}.explorer-links-inline a{color:#116879}.explorer-catalog .explorer-links-inline a{color:#88e7dc}.explorer-panel summary{color:#e6f0f6;cursor:pointer;padding:12px 0}.explorer-panel .explorer-error{color:#ffb39d}
.explorer-controls select{width:100%;min-width:0;max-width:100%}.explorer-controls label{min-width:0}.explorer-stamp{min-width:0}.explorer-controls{min-width:0}