/* Interactive reading map state */
#article.work-article-page .work-toc-progress{
  position:relative;
  height:3px;
  margin:0 0 8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(112,130,170,.16);
}
#article.work-article-page .work-toc-progress span{
  position:absolute;
  inset:0;
  transform:scaleX(0);
  transform-origin:left center;
  border-radius:inherit;
  background:linear-gradient(90deg,#55e7ff,#7868ff);
  box-shadow:0 0 14px rgba(85,231,255,.28);
  transition:transform .12s linear;
}
#article.work-article-page .work-toc nav a.active{
  color:#fff!important;
  padding-left:4px!important;
}
#article.work-article-page .work-toc nav a.active::before{color:#8f79ff!important}
#article.work-article-page .work-toc nav a.active::after{
  content:"";
  position:absolute;
  left:-21px;
  top:50%;
  width:3px;
  height:34px;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(180deg,#55e7ff,#7868ff);
  box-shadow:0 0 12px rgba(85,231,255,.22);
}
html[data-theme="light"] #article.work-article-page .work-toc nav a.active{color:#101d28!important}

/* --------------------------------------------------------------------------
   NEURAL CRITIC ARTICLE REFERENCE COMPOSITION

   1240px frame = 132px reactions + 732px editorial lane + 376px sidebar.
   Sidebar gutters are intentionally a little tighter now, allowing the two
   editorial cards to breathe at roughly 320px without narrowing body copy.
   -------------------------------------------------------------------------- */

@media(min-width:1260px){
  #article.work-article-page>.work-reading-grid{
    --nc-reference-rail:132px;
    --nc-reference-copy:732px;
    --nc-reference-sidebar:376px;
    width:1240px!important;
    max-width:100%!important;
    grid-template-columns:var(--nc-reference-rail) var(--nc-reference-copy) var(--nc-reference-sidebar)!important;
    column-gap:0!important;
    row-gap:0!important;
    align-items:start!important;
  }

  #article.work-article-page .work-reading-grid>.article-body{
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
    padding:22px 32px 0 19px!important;
    border-left:1px solid rgba(121,137,165,.18)!important;
    border-right:1px solid rgba(121,137,165,.18)!important;
  }

  #article.work-article-page .work-article-sidebar{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    padding:30px 28px 0!important;
    gap:20px!important;
  }

  #article.work-article-page .work-react-rail.standard-react-rail{
    box-sizing:border-box!important;
    width:108px!important;
    min-width:108px!important;
    justify-self:center!important;
    align-items:stretch!important;
    gap:4px!important;
    margin:0!important;
    padding:39px 0 0!important;
  }
  #article.work-article-page .work-react-rail.standard-react-rail::after{display:none!important}
  #article.work-article-page .work-react-rail.standard-react-rail>span{
    margin:0 0 5px 10px!important;
    color:var(--muted)!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
  }
  #article.work-article-page .work-react-rail.standard-react-rail button{
    width:108px!important;
    height:52px!important;
    min-height:52px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    column-gap:11px!important;
    padding:0!important;
  }
  #article.work-article-page .work-react-rail.standard-react-rail button b{
    grid-column:1!important;
    width:44px!important;
    height:44px!important;
    justify-self:center!important;
    border-radius:50%!important;
    box-shadow:0 5px 15px rgba(0,0,0,.10)!important;
  }
  #article.work-article-page .work-react-rail.standard-react-rail button small{
    grid-column:2!important;
    width:auto!important;
    height:44px!important;
    justify-content:flex-start!important;
    padding:0!important;
    text-align:left!important;
    font-size:9px!important;
    font-weight:650!important;
  }
}

/* Quick Read */
#article.work-article-page .quick-read.work-quick-read{
  display:block!important;
  min-height:0!important;
  margin:0 0 36px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#article.work-article-page .quick-read.work-quick-read>span{
  display:block!important;
  width:max-content!important;
  margin:0 0 16px 7px!important;
  color:#6874f4!important;
  font-size:9px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.19em!important;
}
#article.work-article-page .work-quick-read p{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:102px!important;
  margin:0!important;
  padding:27px 26px!important;
  border:1px solid rgba(113,132,177,.26)!important;
  border-radius:14px!important;
  background:linear-gradient(115deg,rgba(22,29,51,.92),rgba(14,21,41,.90))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.08)!important;
  color:#e8edf4!important;
  font:500 13px/1.72 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.004em!important;
}

/* Editorial lane */
#article.work-article-page .quick-read.work-quick-read+section>h2{margin-top:0!important}
#article.work-article-page .work-reading-grid>.article-body>section{margin:0 0 48px!important}
#article.work-article-page .work-reading-grid>.article-body>section>h2{
  max-width:505px!important;
  margin:48px 0 24px!important;
  font-size:42px!important;
  font-weight:700!important;
  line-height:1.055!important;
  letter-spacing:-.043em!important;
}
#article.work-article-page .nc-heading-editorial>.nc-editorial-heading::after{
  width:48px!important;
  height:3px!important;
  margin-top:12px!important;
}
#article.work-article-page .work-reading-grid>.article-body>p,
#article.work-article-page .work-reading-grid>.article-body>section>p{
  width:100%!important;
  max-width:none!important;
  margin:0 0 24px!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.62!important;
  letter-spacing:-.004em!important;
}
#article.work-article-page .work-inline-figure{width:100%!important;margin:28px 0 44px!important}
#article.work-article-page .work-inline-figure img{width:100%!important;border-radius:12px!important}

/* Reading map / writer cards */
#article.work-article-page .work-side-card{border-radius:18px!important}
#article.work-article-page .work-toc{min-height:0!important;padding:20px 20px 15px!important}
#article.work-article-page .work-toc::before{
  margin:7px 0 13px!important;
  font-size:21px!important;
  font-weight:780!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
#article.work-article-page .work-side-card>span{font-size:8px!important;letter-spacing:.17em!important}
#article.work-article-page .work-toc-progress{height:2px!important;margin:0 0 5px!important}
#article.work-article-page .work-toc nav a{
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:9px!important;
  padding:11px 0!important;
  font-size:10px!important;
  line-height:1.34!important;
}
#article.work-article-page .work-toc nav a::before{padding-top:2px!important;font-size:8px!important}

#article.work-article-page .work-author-card{min-height:0!important;padding:20px!important}
#article.work-article-page .work-author-card::before{
  margin:7px 0 15px!important;
  font-size:19px!important;
  font-weight:780!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
/* Separate AUTHOR from the identity row so the hierarchy reads cleanly. */
#article.work-article-page .work-author-card>span{margin-bottom:11px!important}
#article.work-article-page .work-author-card-row{
  grid-template-columns:60px minmax(0,1fr)!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
#article.work-article-page .work-author-card-row img{
  width:60px!important;
  height:60px!important;
  border-width:2px!important;
  box-shadow:0 0 0 4px rgba(85,231,255,.055),0 9px 22px rgba(0,0,0,.16)!important;
}
#article.work-article-page .work-author-card-row strong{font-size:14px!important;font-weight:780!important;line-height:1.08!important}
#article.work-article-page .work-author-card-row small{margin-top:6px!important;padding:4px 7px!important;font-size:6.5px!important}
#article.work-article-page .work-author-card>p{margin:0 0 16px!important;font-size:10.5px!important;line-height:1.48!important}
#article.work-article-page .work-author-card>button{min-height:36px!important;border-radius:10px!important;font-size:8px!important}

/* Light frame color lock */
html[data-theme="light"] body:has(#article.work-article-page){background:#fff!important;color:#182332!important}
html[data-theme="light"] body:has(#article.work-article-page)::before{display:none!important}
html[data-theme="light"] #article.work-article-page{color:#182332!important}
html[data-theme="light"] #article.work-article-page .work-reading-grid>.article-body{border-color:#e7e9ed!important}
html[data-theme="light"] #article.work-article-page .quick-read.work-quick-read{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme="light"] #article.work-article-page .quick-read.work-quick-read>span{color:#6874f4!important}
html[data-theme="light"] #article.work-article-page .work-quick-read p{border-color:#e0e4ef!important;background:linear-gradient(110deg,#f7f9ff 0%,#f3f5ff 100%)!important;box-shadow:0 9px 24px rgba(62,72,116,.045)!important;color:#1d2938!important}
html[data-theme="light"] #article.work-article-page .article-body,
html[data-theme="light"] #article.work-article-page .article-body p,
html[data-theme="light"] #article.work-article-page .article-body li,
html[data-theme="light"] #article.work-article-page .work-reading-grid>.article-body>p,
html[data-theme="light"] #article.work-article-page .work-reading-grid>.article-body>section>p{color:#1b2736!important}
html[data-theme="light"] #article.work-article-page .article-body h2,
html[data-theme="light"] #article.work-article-page .article-body h3,
html[data-theme="light"] #article.work-article-page .work-reading-grid>.article-body>section>h2{color:#17212f!important}
html[data-theme="light"] #article.work-article-page .nc-heading-editorial>.nc-editorial-heading::after{background:linear-gradient(90deg,#4edff5,#7768ff)!important}
html[data-theme="light"] #article.work-article-page .work-side-card{border-color:#e0e3e8!important;background:#fff!important;box-shadow:0 14px 36px rgba(30,42,58,.065)!important}
html[data-theme="light"] #article.work-article-page .work-side-card::after{background:linear-gradient(90deg,#5d73ff,#b777ff,transparent 76%)!important}
html[data-theme="light"] #article.work-article-page .work-toc::before,
html[data-theme="light"] #article.work-article-page .work-author-card::before,
html[data-theme="light"] #article.work-article-page .work-author-card-row strong{color:#17212f!important}
html[data-theme="light"] #article.work-article-page .work-side-card>span{color:#6674f4!important}
html[data-theme="light"] #article.work-article-page .work-toc nav a{color:#465363!important;border-color:#e6e8ec!important}
html[data-theme="light"] #article.work-article-page .work-toc nav a::before{color:#6f7df1!important}
html[data-theme="light"] #article.work-article-page .work-author-card>p{color:#6c7886!important}
html[data-theme="light"] #article.work-article-page .work-author-card>button{color:#6771f4!important;border-color:#9db6ff!important;background:linear-gradient(90deg,rgba(85,231,255,.08),rgba(122,103,255,.055))!important}
html[data-theme="light"] #article.work-article-page .work-react-rail.standard-react-rail>span,
html[data-theme="light"] #article.work-article-page .work-react-rail.standard-react-rail button small{color:#586474!important}
html[data-theme="light"] #article.work-article-page .work-react-rail.standard-react-rail button b{border-color:#e0e4e8!important;background:#fff!important;box-shadow:0 4px 12px rgba(31,43,59,.055)!important}
html[data-theme="light"] #article.work-article-page .work-react-rail.standard-react-rail button b>.material-symbols-rounded{color:#263342!important}

@media(max-width:1259px) and (min-width:901px){
  #article.work-article-page>.work-reading-grid{width:100%!important;grid-template-columns:96px minmax(0,1fr) 288px!important;gap:22px!important}
  #article.work-article-page .work-reading-grid>.article-body{padding:0!important;border:0!important}
  #article.work-article-page .work-article-sidebar{padding:0!important;gap:18px!important}
  #article.work-article-page .work-react-rail.standard-react-rail{width:96px!important;min-width:96px!important}
  #article.work-article-page .work-react-rail.standard-react-rail button{width:96px!important}
  #article.work-article-page .work-reading-grid>.article-body>section>h2{max-width:500px!important}
}

@media(max-width:900px){
  #article.work-article-page .work-reading-grid>.article-body{padding:0!important;border:0!important}
  #article.work-article-page .work-article-sidebar{padding:0!important;gap:18px!important}
  #article.work-article-page .quick-read.work-quick-read{margin-bottom:32px!important}
  #article.work-article-page .work-quick-read p{min-height:0!important;padding:24px!important}
  #article.work-article-page .work-reading-grid>.article-body>section>h2{max-width:18ch!important;margin-top:44px!important;font-size:38px!important}
}

@media(max-width:620px){
  #article.work-article-page .quick-read.work-quick-read>span{margin-bottom:13px!important}
  #article.work-article-page .work-quick-read p{padding:21px 19px!important;font-size:13px!important}
  #article.work-article-page .work-reading-grid>.article-body>section{margin-bottom:42px!important}
  #article.work-article-page .work-reading-grid>.article-body>section>h2{max-width:none!important;margin-top:38px!important;margin-bottom:20px!important;font-size:31px!important}
  #article.work-article-page .work-reading-grid>.article-body>p,
  #article.work-article-page .work-reading-grid>.article-body>section>p{font-size:17px!important;line-height:1.68!important}
  #article.work-article-page .work-author-card-row{grid-template-columns:56px minmax(0,1fr)!important}
  #article.work-article-page .work-author-card-row img{width:56px!important;height:56px!important}
}