/* Haven View Optics — lenses.css (generated from the authored stylesheet) */
.explorer{display:grid;grid-template-columns:5fr 7fr;border:1px solid var(--border);background:var(--surface)}
.ex-tabs{border-right:1px solid var(--border);display:flex;flex-direction:column}
.ex-tab{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;text-align:left;padding:22px 28px;border:0;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;font:500 16.5px/1.4 var(--font-sans);color:var(--text);transition:background .3s,color .3s,padding .4s var(--ease)}
.ex-tab:last-child{border-bottom:0}
.ex-tab .ar{opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .4s var(--ease)}
.ex-tab:hover{background:var(--background)}
.ex-tab[aria-selected="true"]{background:var(--primary);color:#fff;padding-left:34px}
.ex-tab[aria-selected="true"] .num{color:var(--sand)}
.ex-tab[aria-selected="true"] .ar{opacity:1;transform:none}
.ex-panel{padding:clamp(28px,4vw,56px)}
.ex-panel[hidden]{display:none}
.ex-panel.is-in>*{animation:fadeUp .6s var(--ease) both}
.ex-panel.is-in>*:nth-child(2){animation-delay:.06s}
.ex-panel.is-in>*:nth-child(3){animation-delay:.12s}
.ex-panel.is-in>*:nth-child(4){animation-delay:.18s}
.ex-flow{display:grid;gap:0;margin:26px 0 30px;border-top:1px solid var(--border)}
.ex-flow div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}
.ex-flow dt{font:700 11px/1.8 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.ex-flow dd{margin:0;color:var(--primary)}
@media (max-width:900px){
  .explorer{grid-template-columns:1fr}
  .ex-tabs{border-right:0;border-bottom:1px solid var(--border)}
}
@media (max-width:640px){
  .ex-flow div{grid-template-columns:1fr;gap:4px}
}
.explorer>*{min-width:0}