/* Article Reading Experience 2.0 — Phase 3: Continue Exploring */
.nc-recirculation.nc-continue-exploring{
  width:min(1120px,calc(100% - 72px));
  margin:44px auto 50px;
  padding:0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.nc-continue-exploring .nc-recirc-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin:0 0 18px;
  padding:0 2px 15px;
  border-bottom:1px solid rgba(116,132,161,.19);
}
.nc-continue-exploring .nc-recirc-head>div{min-width:0}
.nc-continue-exploring .nc-recirc-head span{
  display:block;
  margin:0 0 7px;
  color:#36c9df;
  font:850 8px/1 Inter,system-ui,sans-serif;
  letter-spacing:.17em;
}
.nc-continue-exploring .nc-recirc-head h2{
  margin:0;
  color:#17212f;
  font:780 clamp(27px,2.8vw,37px)/1 Inter,system-ui,sans-serif;
  letter-spacing:-.045em;
}
.nc-continue-exploring .nc-recirc-head p{
  max-width:620px;
  margin:8px 0 0;
  color:#758294;
  font:480 11.5px/1.5 Inter,system-ui,sans-serif;
}
.nc-continue-exploring .nc-recirc-head>a{
  flex:0 0 auto;
  margin-bottom:3px;
  padding:8px 0 6px;
  border-bottom:1px solid #55dff5;
  color:#28aac2;
  text-decoration:none;
  font:850 8px/1 Inter,system-ui,sans-serif;
  letter-spacing:.09em;
}
.nc-continue-exploring .nc-recirc-head>a:hover,
.nc-continue-exploring .nc-recirc-head>a:focus-visible{color:#6571f3;outline:none;border-color:#6571f3}

.nc-continue-exploring .nc-recirc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  align-items:stretch;
}
.nc-continue-exploring .nc-recirc-card{
  position:relative;
  display:flex;
  min-width:0;
  min-height:338px;
  overflow:hidden;
  flex-direction:column;
  border:1px solid #dfe4ea;
  border-radius:16px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 12px 34px rgba(31,43,59,.055);
  transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease;
}
.nc-continue-exploring .nc-recirc-card:hover,
.nc-continue-exploring .nc-recirc-card:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(85,211,232,.66);
  box-shadow:0 18px 40px rgba(31,43,59,.095);
  outline:none;
}
.nc-continue-exploring .nc-recirc-media{
  position:relative;
  height:158px;
  min-height:158px;
  overflow:hidden;
  background:linear-gradient(135deg,#172039,#0b1328);
}
.nc-continue-exploring .nc-recirc-media::after{
  content:'';
  position:absolute;
  inset:auto 0 0;
  height:48%;
  background:linear-gradient(transparent,rgba(5,9,18,.42));
  pointer-events:none;
}
.nc-continue-exploring .nc-recirc-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.96) contrast(1.01);
  transition:transform .42s cubic-bezier(.2,.8,.2,1);
}
.nc-continue-exploring .nc-recirc-card:hover .nc-recirc-media img,
.nc-continue-exploring .nc-recirc-card:focus-visible .nc-recirc-media img{transform:scale(1.025)}
.nc-continue-exploring .nc-recirc-fallback{
  display:grid;
  place-content:center;
  height:100%;
  min-height:158px;
  color:#fff;
  text-align:center;
}
.nc-continue-exploring .nc-recirc-fallback b,
.nc-continue-exploring .nc-recirc-fallback strong{display:block;font:850 21px/.9 Inter,system-ui,sans-serif;letter-spacing:-.055em}
.nc-continue-exploring .nc-recirc-fallback strong{color:#57dff3}
.nc-continue-exploring .nc-recirc-media>i{
  position:absolute;
  z-index:2;
  left:12px;
  bottom:11px;
  max-width:calc(100% - 24px);
  padding:6px 8px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.23);
  border-radius:999px;
  background:rgba(7,12,25,.78);
  backdrop-filter:blur(9px);
  color:#fff;
  font:850 6.8px/1 Inter,system-ui,sans-serif;
  font-style:normal;
  letter-spacing:.095em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nc-continue-exploring .nc-recirc-copy{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  padding:17px 18px 18px;
}
.nc-continue-exploring .nc-recirc-meta{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:9px;
}
.nc-continue-exploring .nc-recirc-meta span{color:#32b9d0;font:850 7px/1 Inter,system-ui,sans-serif;letter-spacing:.12em}
.nc-continue-exploring .nc-recirc-meta b{color:#8793a3;font:700 6.7px/1 Inter,system-ui,sans-serif;letter-spacing:.07em}
.nc-continue-exploring .nc-recirc-copy h3{
  display:-webkit-box;
  margin:0;
  overflow:hidden;
  color:#182231;
  font:750 17px/1.12 Inter,system-ui,sans-serif;
  letter-spacing:-.032em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.nc-continue-exploring .nc-recirc-copy p{
  display:-webkit-box;
  margin:9px 0 0;
  overflow:hidden;
  color:#6f7c8d;
  font:450 10.25px/1.48 Inter,system-ui,sans-serif;
  letter-spacing:-.006em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.nc-continue-exploring .nc-recirc-copy>strong{
  margin-top:auto;
  padding-top:15px;
  color:#6571f3;
  font:850 7.4px/1 Inter,system-ui,sans-serif;
  letter-spacing:.105em;
}
.nc-continue-exploring .nc-recirc-copy>strong span{display:inline-block;margin-left:3px;transition:transform .2s ease}
.nc-continue-exploring .nc-recirc-card:hover .nc-recirc-copy>strong span,
.nc-continue-exploring .nc-recirc-card:focus-visible .nc-recirc-copy>strong span{transform:translateX(3px)}

html[data-theme="dark"] .nc-continue-exploring .nc-recirc-head{border-bottom-color:rgba(113,134,181,.20)}
html[data-theme="dark"] .nc-continue-exploring .nc-recirc-head h2{color:#f6f8ff}
html[data-theme="dark"] .nc-continue-exploring .nc-recirc-head p{color:#9ca8bb}
html[data-theme="dark"] .nc-continue-exploring .nc-recirc-card{
  border-color:rgba(113,134,181,.25);
  background:linear-gradient(145deg,rgba(18,24,44,.98),rgba(8,14,29,.97));
  box-shadow:0 18px 46px rgba(0,0,0,.17);
}
html[data-theme="dark"] .nc-continue-exploring .nc-recirc-card:hover,
html[data-theme="dark"] .nc-continue-exploring .nc-recirc-card:focus-visible{border-color:rgba(85,223,245,.52);box-shadow:0 22px 52px rgba(0,0,0,.24)}
html[data-theme="dark"] .nc-continue-exploring .nc-recirc-copy h3{color:#f4f7ff}
html[data-theme="dark"] .nc-continue-exploring .nc-recirc-copy p{color:#a5afc2}
html[data-theme="dark"] .nc-continue-exploring .nc-recirc-meta b{color:#7f8ba3}

@media(max-width:960px){
  .nc-recirculation.nc-continue-exploring{width:min(100% - 40px,980px)}
  .nc-continue-exploring .nc-recirc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nc-continue-exploring .nc-recirc-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);min-height:210px}
  .nc-continue-exploring .nc-recirc-card:nth-child(3) .nc-recirc-media{height:100%;min-height:210px}
}
@media(max-width:680px){
  .nc-recirculation.nc-continue-exploring{width:min(100% - 24px,1120px);margin:34px auto 40px}
  .nc-continue-exploring .nc-recirc-head{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:14px;padding-bottom:13px}
  .nc-continue-exploring .nc-recirc-head h2{font-size:28px}
  .nc-continue-exploring .nc-recirc-head p{font-size:10.5px}
  .nc-continue-exploring .nc-recirc-grid{grid-template-columns:1fr;gap:11px}
  .nc-continue-exploring .nc-recirc-card,
  .nc-continue-exploring .nc-recirc-card:nth-child(3){display:flex;grid-column:auto;min-height:0;flex-direction:column}
  .nc-continue-exploring .nc-recirc-media,
  .nc-continue-exploring .nc-recirc-card:nth-child(3) .nc-recirc-media{height:190px;min-height:190px}
  .nc-continue-exploring .nc-recirc-copy{min-height:155px;padding:16px}
  .nc-continue-exploring .nc-recirc-copy h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  .nc-continue-exploring .nc-recirc-card,
  .nc-continue-exploring .nc-recirc-media img,
  .nc-continue-exploring .nc-recirc-copy>strong span{transition:none!important}
  .nc-continue-exploring .nc-recirc-card:hover,
  .nc-continue-exploring .nc-recirc-card:focus-visible{transform:none}
}
