/* Figure 1 (astral-vs-local-priors): cue selector, hotspots and zoomed detail cards. Prefix: f1-. */
.f1-bar,.f1-card{text-shadow:none}
.f1-bar{max-width:800px;margin:0 auto 10px;padding:0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font:13px/1.5 var(--sans);color:var(--fg)}
.f1-bar-l{font-weight:700}
.f1-cues{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px}
.f1-cues button{min-width:52px;min-height:32px;padding:6px 12px;border:0;border-radius:999px;background:none;color:var(--fg);font:600 13px/1 "Roboto Mono",monospace;cursor:pointer;transition:background-color .2s,color .2s}
.f1-cues button:hover{background:color-mix(in srgb,var(--fg) 9%,transparent)}
.f1-cues button[aria-checked=true]{background:var(--fg);color:var(--bg)}
.f1-cues button:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}
.f1-cue-name{color:var(--muted)}

/* SVG states. */
.f1-svg .f1-cue{display:none}
.f1-svg[data-f1-cue=c850] .f1-c850,.f1-svg[data-f1-cue=c1200] .f1-c1200,.f1-svg[data-f1-cue=c407] .f1-c407,.f1-svg[data-f1-cue=c109] .f1-c109{display:inline}
.f1-svg .f1-cue,.f1-svg .f1-nohit{pointer-events:none}
.f1-svg .f1-hot{cursor:pointer;outline:none}
.f1-svg .f1-ring{opacity:0;transition:opacity .2s}
.f1-svg .f1-hot:hover .f1-ring,.f1-svg .f1-hot:focus-visible .f1-ring,.f1-svg .f1-hot.is-on .f1-ring{opacity:.7}
.f1-svg .f1-hum,.f1-svg .f1-mod,.f1-svg .f1-lm,.f1-svg .f1-sketch,.f1-svg .f1-wire,.f1-svg .f1-prims{transition:opacity .3s ease}
.f1-svg .f1-prims{opacity:0}
.f1-svg[data-f1-on=human] .f1-mod{opacity:.2}
.f1-svg[data-f1-on=model] .f1-hum{opacity:.2}
.f1-svg[data-f1-on=map] .f1-lm{opacity:.4}
.f1-svg[data-f1-on=same] .f1-prims{opacity:1}
.f1-svg[data-f1-on=same] .f1-lm .f1-sketch,.f1-svg[data-f1-on=same] .f1-lm .f1-wire{opacity:.4}
@media (max-width:620px){
  .f1-svg .f1-lbl{font-size:21px}
  .f1-svg .f1-lbl-sm{font-size:18px}
}

/* Detail card: floats beside the figure on wide plates, docks below it on narrow ones. */
.f1-card{position:absolute;z-index:6;width:336px;box-sizing:border-box;padding:12px 14px 12px;border:1px solid var(--rule-strong);border-radius:12px;background:var(--bg);color:var(--fg);font:13px/1.5 var(--sans);box-shadow:0 10px 32px rgba(0,0,0,.2);opacity:0;transform:scale(.94);transform-origin:var(--f1-origin,100% 50%);transition:opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.f1-card.is-in{opacity:1;transform:none}
.f1-card[hidden]{display:none}
.f1-card--dock{position:relative;left:auto;top:auto;width:auto;margin:12px 12px 0;box-shadow:none;transform-origin:50% 0}
.f1-card-x{position:absolute;top:6px;right:6px;width:32px;height:32px;border:0;border-radius:50%;background:none;color:var(--muted);font:400 20px/1 var(--sans);cursor:pointer}
.f1-card-x:hover{background:color-mix(in srgb,var(--fg) 9%,transparent);color:var(--fg)}
.f1-card-x:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}
.f1-card p{margin:0}
.f1-card .f1-card-k{font:700 11.5px/1.4 var(--sans);letter-spacing:.04em;text-transform:uppercase;padding-right:30px}
.f1-card .f1-card-t{font:700 15px/1.35 var(--sans);margin:1px 0 8px;padding-right:30px}
.f1-card .f1-card-n{margin-top:8px;color:var(--muted)}
.f1-card .f1-card-cap{margin:2px 0 4px;color:var(--muted);font-size:12px;text-align:center}
.f1-card-side{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:start}
.f1-mag{display:block;color:var(--fg)}
.f1-card-stack .f1-mag-side{width:100%;max-height:none;margin-bottom:8px}
.f1-mag-side{width:132px;height:auto;max-height:240px;border-radius:8px;background:color-mix(in srgb,var(--fg) 4%,transparent)}
.f1-mag-wide{width:100%;height:auto;border-radius:8px;background:color-mix(in srgb,var(--fg) 4%,transparent);margin-bottom:6px}
.f1-list{list-style:none;margin:0;padding:0;counter-reset:f1}
.f1-list li{position:relative;padding-left:24px;margin:0 0 6px;counter-increment:f1}
.f1-list li:last-child{margin-bottom:0}
.f1-list li::before{content:counter(f1);position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:var(--f1-c);color:var(--bg);font:700 11px/17px var(--sans);text-align:center}
.f1-list-dot li{padding-left:16px}
.f1-list-dot li::before{content:"";top:7px;width:7px;height:7px}
.f1-list-amb{--f1-c:var(--ink-amber,#b06000)}
.f1-list-blu{--f1-c:var(--ink-blue,#1a73e8)}
.f1-list-grn{--f1-c:var(--ink-green,#16873f)}
@media (max-width:620px){
  .f1-bar{gap:6px 10px}
  .f1-cue-name{flex-basis:100%}
  .f1-cues button{min-width:42px;padding:6px 9px}
  .f1-card-side{grid-template-columns:112px minmax(0,1fr);gap:10px}
  .f1-mag-side{width:112px}
}
@media (prefers-reduced-motion:reduce){
  .f1-card,.f1-svg .f1-hum,.f1-svg .f1-mod,.f1-svg .f1-lm,.f1-svg .f1-prims,.f1-svg .f1-ring{transition:none}
}