/* Mobile disclosure — same HTML on desktop and mobile.
   Breakpoint follows the site’s primary layout split (900 / 901). */

.md-disclosure{
  margin:clamp(18px,2.6vw,28px) 0 0;
  padding:0;
  border:0;
  border-top:1px solid var(--line,rgba(17,17,17,.16));
}
.md-disclosure-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  min-height:44px;
  padding:12px 0;
  cursor:pointer;
  list-style:none;
  font:inherit;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:inherit;
}
.md-disclosure-summary::-webkit-details-marker{display:none}
.md-disclosure-summary::marker{content:""}
.md-disclosure-summary:focus{outline:none}
.md-disclosure-summary:focus-visible{
  outline:2px solid var(--ink,#111);
  outline-offset:4px;
}
.md-disclosure-label--open{display:none}
.md-disclosure[open] > .md-disclosure-summary .md-disclosure-label--closed{display:none}
.md-disclosure[open] > .md-disclosure-summary .md-disclosure-label--open{display:inline}
.md-disclosure-mark{
  flex:0 0 auto;
  font-size:1.15rem;
  font-weight:700;
  letter-spacing:0;
  line-height:1;
  text-transform:none;
}
.md-disclosure-mark::before{content:"+"}
.md-disclosure[open] > .md-disclosure-summary .md-disclosure-mark::before{content:"\2212"}
.md-disclosure-body{
  padding:0 0 clamp(16px,2.4vw,28px);
}
.md-disclosure-body > :first-child{margin-top:0}
.md-disclosure-body > :last-child{margin-bottom:0}

.md-disclosure--quiet{
  margin-top:8px;
  border-top:0;
}
.md-disclosure--quiet > .md-disclosure-summary{
  min-height:40px;
  padding:8px 0;
  font-size:.72rem;
  letter-spacing:.06em;
}

.md-disclosure--hero-lead,
.md-disclosure--chapter{
  margin-top:clamp(12px,2vw,20px);
}
.ws-hero .md-disclosure--hero-lead,
.home-hero-copy .md-disclosure{
  border-top-color:rgba(17,17,17,.1);
}

/* Desktop: same tree, open presentation. Content is never display:none. */
@media(min-width:901px){
  .md-mobile-lead{display:none}
  .home-work-list--more,
  .home-news--more{
    margin:0;
    padding:0;
    border:0;
  }
  details.md-disclosure--desktop-open{
    margin:0;
    border-top:0;
  }
  details.md-disclosure--desktop-open > .md-disclosure-summary{
    display:none;
  }
  details.md-disclosure--desktop-open > .md-disclosure-body{
    display:block !important;
    padding:0;
  }
}

@media(max-width:900px){
  .md-disclosure + .md-disclosure{
    margin-top:0;
  }
}