/* The orange edge is the dwell timer. Existing site motion owns the card lift. */
.material-page [data-disclosure] { position:relative; }
.material-page [data-disclosure] > summary,
.material-page .method-deliverable[data-hover-disclosure] > summary { cursor:pointer; }
.material-page .method-deliverable[data-hover-disclosure] .deliverable-toggle {
  display:block; width:20px; text-align:center; font:400 24px/1 var(--site-font); color:var(--accent);
}
.material-page .method-deliverable[data-hover-disclosure] .deliverable-toggle::after { content:'+'; }
.material-page .method-deliverable[data-hover-disclosure][open] .deliverable-toggle::after { content:'−'; }
.material-page .dark-surface .method-deliverable[data-hover-disclosure] .deliverable-toggle { color:var(--site-coral); }
.material-page [data-disclosure] > summary:focus-visible { outline:2px solid var(--site-coral); outline-offset:6px; }
.disclosure-trace {
  display:block; position:absolute; z-index:2; inset:0; pointer-events:none; opacity:0;
  transition:opacity 190ms ease; color:#ff6f61; border-radius:inherit;
}
[data-disclosure-progress="waiting"] .disclosure-trace { opacity:1; }
.disclosure-trace-edge { position:absolute; display:block; background:currentColor; box-shadow:0 0 7px #ff6f6140; }
.disclosure-trace-edge:nth-child(1) { top:0; left:0; width:100%; height:2px; transform-origin:left; transform:scaleX(0); }
.disclosure-trace-edge:nth-child(2) { top:0; right:0; height:100%; width:2px; transform-origin:top; transform:scaleY(0); }
.disclosure-trace-edge:nth-child(3) { bottom:0; right:0; width:100%; height:2px; transform-origin:right; transform:scaleX(0); }
.disclosure-trace-edge:nth-child(4) { bottom:0; left:0; height:100%; width:2px; transform-origin:bottom; transform:scaleY(0); }
.disclosure-trace-head { position:absolute; left:0; top:0; width:5px; height:5px; border-radius:50%; background:currentColor; box-shadow:0 0 9px 2px #ff6f6170; translate:-1.5px -1.5px; }
[data-disclosure-progress="fading"] .disclosure-trace { opacity:0; }
@media(min-width:901px) {
  .material-page .method-deliverable[data-hover-disclosure] > summary { grid-template-columns:42px minmax(0,1fr) 24px; min-height:44px; align-items:center; }
}
@media(min-width:901px) and (max-width:1100px) {
  .material-page .method-deliverable[data-hover-disclosure] > summary { grid-template-columns:33px minmax(0,1fr) 24px; }
}
@media(prefers-reduced-motion:reduce) {
  .disclosure-trace { transition:none; }
  [data-disclosure-progress="waiting"] .disclosure-trace { box-shadow:inset 0 0 0 2px currentColor; }
  .disclosure-trace-edge,.disclosure-trace-head { display:none; }
}