/* One padding layer for all article and research disclosures. Keep quiz controls outside this scope. */
.design-site .prototype-main details[data-contents-control] {
  height:auto!important; min-height:0!important; padding:0!important;
  margin:0 0 24px!important; border:1px solid #deded8!important; border-radius:6px;
  background:#f5f5f2!important; box-shadow:none;
}
.design-site .prototype-main details[data-contents-control] > summary {
  display:list-item; list-style:disclosure-closed inside; min-height:48px;
  margin:0!important; padding:12px 16px!important;
  font:600 14px/1.6 var(--sans); color:var(--ink); cursor:pointer;
}
.design-site .prototype-main details[data-contents-control][open] > summary { list-style-type:disclosure-open; }
.design-site .prototype-main details[data-contents-control] > summary::marker { color:var(--red); }
.design-site .prototype-main details[data-contents-control] > summary .contents-hint {
  display:inline; margin-left:12px; font:400 12px/1.6 var(--sans); color:#55564e;
}
.design-site .prototype-main details[data-contents-control] > summary .contents-hint--open,
.design-site .prototype-main details[data-contents-control][open] > summary .contents-hint--closed { display:none; }
.design-site .prototype-main details[data-contents-control][open] > summary .contents-hint--open { display:inline; }
.design-site .prototype-main details[data-contents-control] > summary:focus-visible { outline:2px solid var(--red); outline-offset:3px; border-radius:4px; }
.design-site .prototype-main details[data-contents-control] > :not(summary),
.design-site .prototype-main details[data-contents-control] > nav.toc {
  margin:0!important; padding:0 18px 14px!important; background:transparent!important; border:0!important;
}
.design-site .prototype-main details[data-contents-control] :where(ol,ul) {
  display:block!important; margin:0!important; padding-left:22px!important;
}
.design-site .prototype-main details[data-contents-control] > :is(ol,ul) { padding-left:38px!important; }
.design-site .prototype-main details[data-contents-control] li { display:list-item!important; margin:0 0 7px!important; padding:0!important; font:400 14px/1.55 var(--sans); }
.design-site .prototype-main details[data-contents-control] li:last-child { margin-bottom:0!important; }
.design-site .prototype-main details[data-contents-control] a { display:inline!important; padding:0!important; color:var(--ink); text-underline-offset:3px; }
.design-site .prototype-main details[data-contents-control] a:hover { color:var(--red); }
@media(max-width:520px) {
  .design-site .prototype-main details[data-contents-control] > summary { padding:12px 14px!important; }
  .design-site .prototype-main details[data-contents-control] > summary .contents-hint { margin-left:7px; font-size:11px; }
}