/* eos-fold, svc680
   Folds provenance and long caveats behind a labelled disclosure so the
   teaching prose stays on the page and the noise stops competing with it.
   Every word and every citation URL is still in the DOM, one tap away.
   Visual language is inherited from .eos-gate in economics-svc561.css so
   this reads as the same page, not a bolted on widget.
   Toggle glyph is U+2212 MINUS SIGN, not an en dash. */

.eos-fold{
  border:1px solid var(--eos-bd2,rgba(255,255,255,.10));
  border-radius:14px;
  background:rgba(255,255,255,.03);
  overflow:hidden;
  margin:1rem 0 0;
}

.eos-fold>summary{
  display:flex;
  align-items:center;
  gap:.75rem;
  min-height:48px;
  padding:12px 1rem;
  cursor:pointer;
  list-style:none;
  font-size:16px;
  font-weight:700;
  line-height:1.4;
  color:var(--eos-ink2,#c7d0dd);
}
.eos-fold>summary::-webkit-details-marker{display:none}

.eos-fold>summary::after{
  content:"+";
  margin-left:auto;
  flex:0 0 auto;
  color:var(--eos-am,#f5a524);
  font-size:22px;
  font-weight:800;
  line-height:1;
}
.eos-fold[open]>summary::after{content:"\2212"}

.eos-fold[open]>summary{
  background:rgba(245,165,36,.07);
  color:var(--eos-ink,#f4f6fb);
}
.eos-fold>summary:hover,
.eos-fold>summary:focus-visible{background:rgba(245,165,36,.07)}
.eos-fold>summary:focus-visible{
  outline:2px solid var(--eos-am2,#f7b23a);
  outline-offset:-2px;
}

/* the marker that tells you which kind of thing is inside, before you tap */
.eos-fold__s::before{
  content:"";
  flex:0 0 auto;
  width:26px;
  height:26px;
  border-radius:9999px;
  background:rgba(245,165,36,.14) no-repeat center/14px 14px;
  border:1px solid var(--eos-bd,rgba(245,165,36,.22));
}
/* provenance: a document glyph */
.eos-fold--src .eos-fold__s::before{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5a524' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E");
}
/* caveat: an exclamation inside nothing, so it reads as a note not an error */
.eos-fold--note .eos-fold__s::before{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5a524' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v5'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

.eos-fold__b{padding:0 1rem 16px}

/* the folded paragraph loses its own outer spacing and left rule, because the
   disclosure shell is already providing both */
.eos-fold__b>.eos-src,
.eos-fold__b>.eos-note{
  margin:0;
  padding:0;
  border-left:0;
  background:none;
  border-radius:0;
}

@media (prefers-reduced-motion:reduce){
  .eos-fold>summary{transition:none}
}