:where(.sfv-legacy) .sfv-hero{ margin: 0 0 26px; padding: 0 }
:where(.sfv-legacy) .sfv-hero[hidden]{ display: none }
:where(.sfv-legacy) .sfv-hero img{
  display: block; width: 100%;
  height: clamp(200px, 36vw, 420px);
  object-fit: cover; object-position: 50% 50%;
}
:where(.sfv-legacy) .sfv-hero figcaption{
  font-family: 'Rosario', sans-serif; font-size: .7rem; line-height: 1.55;
  margin-top: 8px; opacity: .74;
}
:where(.sfv-legacy) .sfv-hero .sfv-credit{
  display: block; font-size: .62rem; letter-spacing: .04em;
  text-transform: uppercase; opacity: .58; margin-top: 3px;
}
:where(.sfv-legacy) .sfv-hero figcaption:empty,:where(.sfv-legacy) .sfv-hero .sfv-credit:empty{ display: none }
:where(.sfv-legacy) .lf-wrap{
  display: grid; gap: clamp(20px, 3vw, 44px);
  grid-template-columns: 300px minmax(0, 1fr);
  align-items: start;
}
:where(.sfv-legacy) .lf-wrap:not(:has(.lf-toc)){ grid-template-columns: minmax(0, 1fr) }
:where(.sfv-legacy) .lf-article{ min-width: 0 }
:where(.sfv-legacy) .lf-toc{
  --lf-rail-ink: var(--on-text, #C3B39F);
  --lf-rail-ink-strong: var(--on-strong, #EFE3D2);
  position: sticky; top: 88px;            
  
  max-height: calc(100vh - 108px);
  overflow-y: auto; overscroll-behavior: contain;
  padding-right: 6px;
}
:where(.sfv-legacy) .lf-toc h2{
  font-family: 'Rosario', sans-serif; font-size: .58rem; letter-spacing: .22em;
  text-transform: uppercase; opacity: .6; margin: 0 0 10px; font-weight: 600;
}
:where(.sfv-legacy) .lf-toc ol,:where(.sfv-legacy) .lf-toc ul{ list-style: none; margin: 0; padding: 0; counter-reset: lf }
:where(.sfv-legacy) .lf-toc li{ counter-increment: lf; margin: 0 }
:where(.sfv-legacy) .lf-toc a{
  display: block; padding: 6px 10px 6px 30px; position: relative;
  font-family: 'Lustria', Georgia, serif; font-size: .82rem; line-height: 1.4;
  text-decoration: none; color: inherit;
  border-left: 2px solid transparent;
}
:where(.sfv-legacy) .lf-toc a::before{
  content: counter(lf, decimal-leading-zero);
  position: absolute; left: 8px; top: 8px;
  font-family: ui-monospace, monospace; font-size: .56rem; opacity: .45;
}
:where(.sfv-legacy) .lf-toc a:hover{ background: rgba(0, 0, 0, .035) }
:where(.sfv-legacy) .lf-toc a[aria-current="true"]{
  border-left-color: var(--brass, #7c5c1d);
  background: rgba(124, 92, 29, .07);
  font-weight: 600;
}
:where(.sfv-legacy) .lf-toc a[aria-current="true"]::before{ opacity: .8 }
:where(.sfv-legacy) .lf-toc a:focus-visible{ outline: 2px solid #141210; outline-offset: 2px }
:where(.sfv-legacy) .lf-toggle{ display: none }
@media (max-width: 999px){:where(.sfv-legacy) .lf-wrap{ grid-template-columns: minmax(0, 1fr) }
:where(.sfv-legacy) .lf-toc{
    position: static; max-height: none; overflow: visible;
    padding: 0; margin: 0 0 22px;
    border: 1px solid var(--rule, rgba(20,18,16,.16));
  }
:where(.sfv-legacy) .lf-toc h2{ display: none }
:where(.sfv-legacy) .lf-toggle{
    display: flex; align-items: center; gap: 8px; width: 100%;
    min-height: 44px; padding: 10px 13px; cursor: pointer; background: none; border: 0;
    font: inherit; text-align: left; color: inherit;
  }
:where(.sfv-legacy) .lf-toggle .lf-label{
    font-family: 'Rosario', sans-serif;
    font-size: 14px;                      
    line-height: 1.25; letter-spacing: .16em;
    text-transform: uppercase; opacity: 1;
    color: var(--lf-rail-ink, #C3B39F) !important;
    white-space: nowrap;
  }
:where(.sfv-legacy) .lf-toggle .lf-where{
    font-family: 'Lustria', Georgia, serif;
    font-size: 16px;                      
    line-height: 1.25; opacity: 1;
    color: var(--lf-rail-ink-strong, #EFE3D2) !important;
    flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
:where(.sfv-legacy) .lf-toggle .lf-caret{
    transition: transform .18s ease;
    font-size: 14px; line-height: 1; opacity: 1;
    color: var(--lf-rail-ink, #C3B39F) !important;
  }
:where(.sfv-legacy) .lf-toggle[aria-expanded="true"] .lf-caret{ transform: rotate(180deg) }
:where(.sfv-legacy) .lf-toc ol,:where(.sfv-legacy) .lf-toc ul{ border-top: 1px solid var(--rule-2, rgba(20,18,16,.1)) }
:where(.sfv-legacy) .lf-toc[data-open="false"] ol,:where(.sfv-legacy) .lf-toc[data-open="false"] ul{ display: none }
:where(.sfv-legacy) .lf-toc a{ padding: 12px 13px 12px 34px; min-height: 44px; box-sizing: border-box }
:where(.sfv-legacy) .lf-toc a::before{ left: 11px; top: 15px }
:where(.sfv-legacy) .sfv-hero img{ height: clamp(170px, 54vw, 280px) }
:where(.sfv-legacy) .sfv-hero[style*="--focal-mobile"] img{ object-position: var(--focal-mobile) }
}
@media (prefers-reduced-motion: reduce){:where(.sfv-legacy) .lf-toggle .lf-caret{ transition: none }
}
@media (min-width: 1000px){:where(.sfv-legacy) .lf-article{ max-width: 70ch }
:where(.sfv-legacy) .lf-wrap:not(:has(.lf-toc)) > .lf-article{ margin-inline: auto }
}
@media (min-width: 720px) and (max-width: 999px){:where(.sfv-legacy) .lf-article .sec-images{ grid-template-columns: repeat(2, minmax(0, 1fr)) }
:where(.sfv-legacy) .fgrid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(14px, 2.4vw, 26px) }
}
@media (min-width: 1000px){:where(.sfv-legacy) .fgrid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(18px, 2vw, 30px) }
}
@media (max-width: 719px){:where(.sfv-legacy) .fgrid{ display: block }
:where(.sfv-legacy) .fgrid + .fgrid{ border-top: 1px solid var(--on-rule, rgba(201,162,90,.22)); margin-top: 22px; padding-top: 22px }
:where(.sfv-legacy) .lf-article .sec-images{ grid-template-columns: minmax(0, 1fr) }
}
@media (max-width: 999px){:where(.sfv-legacy) .lf-toggle{ min-height: 52px }
}
:where(.sfv-legacy) .lf-article .sec-images[hidden] + .worklist,:where(.sfv-legacy) .lf-article .sec-images[hidden] + ul,:where(.sfv-legacy) .lf-article .sec-images[hidden] + ol{
  border: 1px solid var(--on-rule, rgba(201,162,90,.22));
  padding: clamp(14px, 2vw, 22px) clamp(16px, 2.4vw, 26px);
}