/* Spine trauma: realistic anatomy and fracture comparison. */
.fx-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-top:2rem}
.fx-hero-figure{width:100%;max-width:430px;justify-self:end;margin:0;overflow:hidden;border:1px solid rgba(224,183,122,.3);border-radius:1rem;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.15)}
.fx-orientation{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--line);font-size:.6875rem;font-weight:600;color:var(--copy);line-height:1.3}
.fx-orientation span:nth-child(2){color:var(--brass-dark)}
.fx-hero-figure img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.fx-hero-figure figcaption{padding:1rem 1.25rem;background:var(--chalk);border-top:1px solid var(--line);color:var(--copy);font-size:.8125rem;line-height:1.55}
.fx-hero-figure figcaption strong{display:block;margin-bottom:.2rem;font-family:'Newsreader',Georgia,serif;font-size:1.25rem;font-weight:500;color:var(--ink)}
.fx-hero-figure figcaption a{display:inline-block;margin-top:.65rem;color:var(--brass-dark);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.fx-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.fx-question{padding:1.25rem;border:1px solid var(--line);border-radius:.85rem;background:var(--chalk)}
.prose .fx-question h3{margin:0;font-size:1.3rem}
.fx-question p{margin-top:.5rem;font-size:.875rem;line-height:1.7;color:var(--copy)}
.fx-explorer{margin-top:2.5rem;padding:clamp(1.25rem,3vw,2rem);border-radius:1.1rem;background:var(--ink);color:var(--dark-copy)}
.fx-explorer .eyebrow{color:var(--brass-2)}
.prose .fx-explorer h2{margin:.6rem 0 0;color:#fff;font-size:clamp(1.65rem,3vw,2rem)}
.fx-intro{margin-top:.75rem;max-width:58ch;font-size:.9375rem;line-height:1.7}
.fx-controls{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1.5rem 0}
.fx-explorer.is-ready .fx-controls{display:grid}
.fx-select{display:flex;gap:.65rem;align-items:flex-start;min-width:0;padding:.9rem .8rem;border:1px solid rgba(157,180,170,.4);border-radius:.65rem;text-align:left;background:transparent;color:var(--dark-copy);cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s}
.fx-select>span:first-child{display:grid;place-items:center;flex:0 0 1.45rem;height:1.45rem;border:1px solid currentColor;border-radius:50%;font-size:.6875rem;line-height:1}
.fx-select strong{display:block;font-size:.8125rem;font-weight:600;line-height:1.45}
.fx-select small{display:block;margin-top:.2rem;font-size:.6875rem;line-height:1.4}
.fx-select:hover{background:var(--ink-2);border-color:var(--brass-2)}
.fx-select[aria-pressed="true"]{background:var(--brass-2);border-color:var(--brass-2);color:var(--ink)}
.fx-select:focus-visible{outline:2px solid #fff;outline-offset:4px}
.fx-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:1.5rem;align-items:center;margin-top:1.5rem}
.fx-panel[hidden]{display:none}
.fx-anatomy{margin:0;overflow:hidden;border-radius:.75rem;background:#fff;color:var(--ink)}
.fx-anatomy img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.fx-anatomy figcaption{padding:.9rem 1rem;border-top:1px solid var(--line);background:var(--chalk);font-size:.75rem;line-height:1.6;color:var(--copy)}
.fx-detail{min-width:0}
.fx-detail .fx-kicker{margin:0;color:var(--brass-2);font-size:.75rem;font-weight:600}
.prose .fx-detail h3{margin:.4rem 0 .75rem;color:#fff;font-size:1.6rem}
.fx-detail>p{font-size:.9375rem;line-height:1.7}
.fx-detail dl{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(157,180,170,.3)}
.fx-detail dt{font-size:.75rem;font-weight:600;color:var(--brass-2)}
.fx-detail dd{margin:.3rem 0 0;font-size:.875rem;line-height:1.7}
.prose .fx-detail a{display:inline-block;margin-top:1.25rem;color:var(--brass-2);font-size:.8125rem;font-weight:600}
.fx-explorer .fx-note{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(157,180,170,.3);font-size:.75rem;line-height:1.65;color:var(--dark-muted)}
@media(max-width:767px){.fx-hero-grid{grid-template-columns:1fr}.fx-hero-figure{justify-self:center;max-width:400px}.fx-questions{grid-template-columns:1fr}.fx-panel{grid-template-columns:1fr}.fx-anatomy{width:100%;max-width:420px;justify-self:center}.fx-controls{grid-template-columns:1fr}.fx-select{align-items:center;min-height:56px;padding:.75rem}.fx-select small{display:none}.fx-detail{padding-top:.25rem}}
@media(prefers-reduced-motion:reduce){.fx-select{transition:none}}