/* EFECTO WALE — Editorial Motion System V8.0
   One visual source, mobile-first overrides, no external runtime or CSS hacks.
   Original photography and brandmark retained. */
:root{
  --wd-ink:var(--wale-ink);
  --wd-ink-deep:var(--wale-ink);
  --wd-muted:var(--wale-ink-soft);
  --wd-cream:var(--wale-surface);
  --wd-paper:#fffcf6;
  --wd-gold:var(--wale-gold);
  --wd-gold-strong:var(--wale-gold-dark);
  --wd-outline:var(--wale-line);
  --wd-radius:23px;
  --wd-ease:cubic-bezier(.2,.75,.25,1);
}
html{scroll-padding-top:105px}
:focus-visible{outline:3px solid var(--wale-gold);outline-offset:4px}
.site-footer{position:relative;border-top:1.5px solid var(--wale-ink-soft);background:var(--wale-ink)}
.site-footer::before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--wd-gold-strong) 0 48%,var(--wale-gold-pale) 48% 76%,var(--wale-line) 76%)}
.site-footer .footer-grid{width:min(calc(100% - 48px),1180px);gap:clamp(20px,3.5vw,55px)}
.site-footer h2{font-size:1.03rem;letter-spacing:-.01em;color:#fff}
.site-footer a{transition:color .25s ease,transform .25s ease}
.site-footer a:hover{color:var(--wd-gold);transform:translateX(2px)}
.site-footer .footer-brand img{width:106px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.2))}
/* Shared editorial and long-form pages: visual polish without moving content or modifying SEO structure. */
.article-body{line-height:1.83}
.article-body>p:first-of-type{font-weight:500;line-height:1.73}
.article-body :is(h2,h3){scroll-margin-top:115px}
.article-body h2{padding-top:.1em;text-wrap:balance}
.article-toc,.related-card,.aside-box,.fact-box,.live-box{border-width:1.5px;border-color:var(--wale-line);border-radius:18px}
.related-card{transition:transform .3s var(--wd-ease),border-color .3s ease,background .3s ease}
.related-card:hover{transform:translateY(-3px);border-color:var(--wd-ink);background:#fff}
.article-hero__media>div,.article-figure__media{border:1.5px solid var(--wd-outline);border-radius:20px}

/* Universal visual reading indicator */
.wd-scroll-progress{position:fixed;top:0;left:0;z-index:9998;height:3px;width:100%;background:var(--wale-gold);transform:scaleX(0);transform-origin:left;pointer-events:none;transition:transform .08s linear}
@keyframes wd-turn{to{rotate:360deg}}
@media(prefers-reduced-motion:reduce){.wd-scroll-progress{display:none}}