/* Matched anatomical illustrations for ACDF patient education. */
.acdf-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.acdf-hero-figure{width:100%;max-width:420px;margin:0;justify-self:end;border:1px solid rgba(224,183,122,.35);border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.15)}
.acdf-orientation{display:flex;justify-content:space-between;gap:.5rem;padding:.8rem 1rem;border-bottom:1px solid var(--line);font-size:.6875rem;font-weight:600;line-height:1.3;color:var(--copy)}
.acdf-orientation span:nth-child(2){color:var(--brass-dark)}
.acdf-hero-figure img,.acdf-picture img,.acdf-option-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
.acdf-hero-figure figcaption{padding:1rem 1.25rem;border-top:1px solid var(--line);background:var(--chalk);color:var(--copy);font-size:.8125rem;line-height:1.6}
.acdf-hero-figure figcaption strong{display:block;margin-bottom:.2rem;font-family:'Newsreader',Georgia,serif;font-size:1.25rem;font-weight:500;color:var(--ink)}
.acdf-hero-figure a{display:inline-block;margin-top:.6rem;font-weight:600;color:var(--brass-dark);text-decoration:underline;text-underline-offset:4px}
.acdf-comparison{margin-top:1.75rem;padding:clamp(1rem,2.5vw,1.75rem);border:1px solid var(--line);border-radius:1rem;background:var(--chalk)}
.prose .acdf-comparison h3{margin:0;font-size:1.6rem}
.acdf-comparison-intro{margin-top:.5rem;font-size:.9rem;line-height:1.65}
.acdf-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.acdf-picture{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:.75rem;background:#fff}
.acdf-image-title{display:flex;align-items:center;gap:.55rem;padding:.85rem 1rem;border-bottom:1px solid var(--line);font-size:.75rem;font-weight:700;color:var(--ink)}
.acdf-image-title::before{content:'';width:.5rem;height:.5rem;border-radius:50%;background:var(--sage);flex-shrink:0}
.acdf-image-title--before::before{background:#B8694C}
.acdf-picture figcaption{padding:1rem;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.65;color:var(--copy)}
.acdf-picture figcaption strong{display:block;margin-bottom:.25rem;color:var(--ink);font-size:.875rem}
.acdf-note{margin-top:1rem;font-size:.75rem;line-height:1.65;color:var(--copy)}
.acdf-explorer{margin-top:1.5rem;padding:clamp(1.1rem,3vw,2rem);border-radius:1rem;background:var(--ink);color:var(--dark-copy)}
.acdf-explorer .eyebrow{color:var(--brass-2)}
.prose .acdf-explorer>h3{margin:.5rem 0 0;font-size:1.75rem;color:#fff}
.acdf-stage-controls{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1.25rem 0}
.acdf-explorer.is-ready .acdf-stage-controls{display:grid}
.acdf-stage-button{display:flex;gap:.5rem;align-items:center;min-height:52px;padding:.8rem;border:1px solid rgba(157,180,170,.4);border-radius:.6rem;background:transparent;color:var(--dark-copy);text-align:left;font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1.4;cursor:pointer;transition:background .2s,border-color .2s}
.acdf-stage-button span{display:grid;place-items:center;flex:0 0 1.4rem;height:1.4rem;border:1px solid currentColor;border-radius:50%;font-size:.7rem}
.acdf-stage-button:hover{border-color:var(--brass-2);background:var(--ink-2)}
.acdf-stage-button[aria-pressed="true"]{background:var(--brass-2);border-color:var(--brass-2);color:var(--ink)}
.acdf-stage-button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.acdf-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:1.5rem;align-items:center;margin-top:1.25rem}
.acdf-stage[hidden]{display:none}
.acdf-stage h4{font-size:1.6rem;line-height:1.2;color:#fff}
.acdf-stage-copy>p{margin-top:.75rem;font-size:.9375rem;line-height:1.7}
.acdf-stage-detail{margin-top:1.1rem;padding-top:1rem;border-top:1px solid rgba(157,180,170,.3);font-size:.8125rem;line-height:1.65}
.acdf-stage-detail strong{display:block;margin-bottom:.3rem;color:var(--brass-2)}
.acdf-explorer>.acdf-note{padding-top:1rem;border-top:1px solid rgba(157,180,170,.3);color:var(--dark-muted)}
.acdf-surgical-details{margin-top:1.5rem;border:1px solid var(--line);border-radius:.7rem;padding:1rem 1.25rem}
.acdf-surgical-details summary{cursor:pointer;font-weight:600;color:var(--ink)}
.acdf-surgical-details summary:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.acdf-options{margin-top:1.5rem}
.acdf-options>div{overflow:hidden}
.acdf-option-image{border:1px solid var(--line);border-radius:.65rem;margin-bottom:1.15rem}
.acdf-motion{display:inline-block;margin-top:.6rem;padding:.3rem .6rem;border-radius:.3rem;background:var(--chalk);color:var(--ink);font-size:.75rem;font-weight:600}
@media(max-width:767px){.acdf-hero{grid-template-columns:1fr}.acdf-hero-figure{justify-self:center;max-width:400px}.acdf-pair,.acdf-stage{grid-template-columns:1fr}.acdf-picture{width:100%;max-width:440px;justify-self:center}.acdf-stage-controls{grid-template-columns:1fr}.acdf-stage-button{min-height:48px}.acdf-stage-copy{padding-top:.25rem}}
@media(prefers-reduced-motion:reduce){.acdf-stage-button{transition:none}}

/* Recovery: full-width stages with a clear reading order. */
.prose .acdf-recovery{display:grid;gap:1rem;list-style:none;padding:0;margin:1.5rem 0 0}
.prose .acdf-recovery>.acdf-recovery-step{position:relative;display:grid;grid-template-columns:2.6rem minmax(8rem,.8fr) minmax(0,2fr);gap:1rem;align-items:start;margin:0;padding:1.5rem;border:1px solid rgba(14,42,37,.13);border-left:3px solid var(--brass);border-radius:.85rem;background-color:rgba(244,246,242,.8);background-image:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.85) 46%,transparent 68%),linear-gradient(155deg,rgba(255,255,255,.8),rgba(127,169,155,.07));background-size:250% 100%,100% 100%;background-position:65% 0,0 0;background-repeat:no-repeat;box-shadow:inset 0 1px 0 #fff,0 9px 22px -12px rgba(14,42,37,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.acdf-recovery-number{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid rgba(224,183,122,.5);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent),var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 10px rgba(14,42,37,.12);font-family:'Newsreader',Georgia,serif;font-size:1.25rem;line-height:1;color:var(--brass-2)}
.prose .acdf-recovery-heading h3{margin:.2rem 0 0;font-size:1.45rem;line-height:1.2}
.prose .acdf-recovery-heading p{margin:.5rem 0 0;font-size:.75rem;line-height:1.5;font-weight:600;color:var(--brass-dark)}
.prose .acdf-recovery-step>ul{margin:0;padding-left:1.1rem;font-size:.875rem;line-height:1.75}
.prose .acdf-recovery-step>ul>li+li{margin-top:.5rem}
.acdf-recovery-step>ul>li::marker{color:var(--brass-dark)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.acdf-recovery-step{transition:background-position .8s ease,box-shadow .25s}.acdf-recovery-step:hover{background-position:0 0,0 0;box-shadow:inset 0 1px 0 #fff,0 12px 26px -10px rgba(14,42,37,.24)}}
@media(max-width:767px){.prose .acdf-recovery>.acdf-recovery-step{grid-template-columns:2.6rem minmax(0,1fr);padding:1.2rem;gap:.75rem 1rem}.prose .acdf-recovery-step>ul{grid-column:2}.prose .acdf-recovery-heading h3{font-size:1.35rem}}
@media(max-width:399px){.prose .acdf-recovery-step>ul{grid-column:1/-1}}

.acdf-hero-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}
.acdf-affiliation{display:inline-flex;align-items:center;gap:1rem;padding:.5rem .85rem;border:1px solid rgba(217,227,222,.23);border-radius:.65rem;background:linear-gradient(140deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.14);text-decoration:none;transition:border-color .2s,background-color .2s}
.acdf-affiliation>span{display:block;font-size:.6875rem;line-height:1.5;color:var(--dark-copy)}
.acdf-affiliation strong{display:block;font-size:.8125rem;font-weight:600;color:#fff}
.acdf-affiliation img{display:block;width:5rem;height:auto;filter:brightness(0) invert(1);opacity:.85}
.acdf-affiliation:hover{border-color:var(--brass-2);background-color:rgba(255,255,255,.06)}
.acdf-affiliation:focus-visible{outline:2px solid var(--brass-2);outline-offset:4px}
@media(max-width:479px){.acdf-hero-top{align-items:flex-start;flex-direction:column}.acdf-affiliation{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.acdf-affiliation{transition:none}}