/* V76: actual low-fi structure, one test question and a visible hierarchy
   decision. All selectors are confined to the Malakoff presentation. */
#malakoff-experience.mh76 .mh10-audit{
  box-sizing:border-box;
  padding:16px;
  border-radius:8px;
  border-color:#aeb7bb;
  box-shadow:none;
  font-family:system-ui,sans-serif;
}
.mh76 .mh10-audit-heading{height:52px;gap:5px;font-size:15px}
.mh76 .mh10-audit-heading>span{font-size:12px;max-width:none;color:#627078}
.mh76 .mh10-audit-grid{
  position:absolute;
  left:16px;right:16px;top:72px;bottom:54px;
  height:auto;
  grid-template-columns:1.439fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:10px;
}
.mh76 .mh10-audit-slot{grid-row:1/-1}
.mh76 .mh10-audit-tile{
  border:1px solid #aeb7bb;
  border-radius:4px;
  background:#fff;
  padding:15px;
  gap:12px;
}
.mh76 .mh10-audit-tile strong{
  font:600 14px/1.3 system-ui,sans-serif;
  padding-right:0;
  max-width:none;
}
.mh76 .mh76-wire-status{font:400 12px/1.35 system-ui,sans-serif;color:#5b6871}
.mh76 .mh10-audit-line{height:5px;width:82%;border-radius:0;background:#d9dee0}
.mh76 .mh10-audit-line.short{width:58%}
.mh76 .mh10-audit-points{
  height:35px;
  left:16px;right:16px;bottom:10px;
  display:block;
}
.mh76 .mh10-audit-points>span{
  position:absolute;inset:0;
  max-width:none;
  border:0;border-radius:0;
  background:transparent;
  padding:5px 0;
  color:#52616b;
  font:500 12px/1.35 system-ui,sans-serif;
  opacity:calc(1 - var(--mh76-test,0));
}
.mh76 .mh10-audit-points>.mh76-test-task{
  border-left:2px solid #b14931;
  padding:3px 0 3px 10px;
  color:#8a3725;
  font-size:14px;
  opacity:var(--mh76-test,0);
}
.mh76 .mh76-wire-content{
  position:absolute;left:16px;right:16px;top:49px;bottom:12px;
  display:flex;flex-direction:column;gap:14px;
  font:400 12px/1.3 system-ui,sans-serif;
  color:#65727b;
}
.mh76 .mh76-wire-row{height:6px;flex:none;width:84%;background:#d9dee0}
.mh76 .mh76-wire-row.short{width:52%}
.mh76 .mh76-wire-label{margin-bottom:4px}
.mh76[data-mh3-phase="0"] .mh9-card,
.mh76[data-mh3-phase="1"] .mh9-card,
.mh76[data-mh3-phase="2"] .mh9-card{font-family:system-ui,sans-serif}
.mh76[data-mh3-phase="1"] .mh9-card{outline:0}
.mh76[data-mh3-phase="1"] .mh10-audit-tile{border-color:#aeb7bb}
.mh76[data-mh3-phase="0"] .mh9-question b,
.mh76[data-mh3-phase="1"] .mh9-question b,
.mh76[data-mh3-phase="2"] .mh9-question b,
.mh76[data-mh3-phase="0"] .mh9-question>span,
.mh76[data-mh3-phase="1"] .mh9-question>span,
.mh76[data-mh3-phase="2"] .mh9-question>span{color:#172e45}
.mh76[data-mh3-phase="2"] .mh9-answer{
  outline:1px solid #b14931;
  outline-offset:7px;
}
.mh76[data-mh3-phase="0"] .mh9-question>small,
.mh76[data-mh3-phase="1"] .mh9-question>small,
.mh76[data-mh3-phase="2"] .mh9-question>small,
.mh76[data-mh3-phase="3"] .mh9-question>small{display:none}
@media(max-width:600px){
  .mh76 .mh10-audit-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:1.273fr 1fr;
  }
  .mh76 .mh10-audit-slot{grid-column:1/-1;grid-row:1}
  .mh76 .mh10-audit-tile{padding:12px 10px;gap:8px}
  .mh76 .mh10-audit-tile strong{font-size:14px}
  .mh76 .mh76-wire-status{font-size:11px}
  .mh76 .mh10-audit-heading{font-size:14px}
  .mh76 .mh10-audit-heading>span{font-size:11px}
  .mh76 .mh10-audit-points>.mh76-test-task{font-size:13px}
  .mh76 .mh76-wire-content{gap:10px;top:42px;font-size:11px}
  .mh76 .mh76-wire-row{height:5px}
  .mh76[data-mh3-phase="2"] .mh9-question b{font-size:22px}
  .mh76[data-mh3-phase="2"] .mh9-question>small{display:none}
}
@media(prefers-reduced-motion:reduce){.mh76 .mh9-card{will-change:auto}}

/* The same three intention zones progressively acquire prototype structure. */
#malakoff-experience.mh76[data-mh3-phase="0"] .mh10-audit-tile,
#malakoff-experience.mh76[data-mh3-phase="1"] .mh10-audit-tile{border-color:transparent}
#malakoff-experience.mh76[data-mh3-phase="0"] .mh9-card,
#malakoff-experience.mh76[data-mh3-phase="1"] .mh9-card{border-color:transparent!important}
.mh76 .mh10-audit-tile::before,
.mh76[data-mh3-phase="0"] .mh9-card::before,
.mh76[data-mh3-phase="1"] .mh9-card::before{
  content:"";position:absolute;inset:0;
  border:1px solid #aeb7bb;border-radius:4px;
  clip-path:inset(0 calc((1 - var(--mh76-structure,0))*100%) 0 0);
  pointer-events:none;
}
.mh76 .mh76-wire-status,
.mh76 .mh10-audit-line,
.mh76 .mh76-wire-content{
  transform:scaleY(var(--mh76-structure,0));
  transform-origin:top left;
}
.mh76 .mh10-audit-line{transform:scaleX(var(--mh76-structure,0));transform-origin:left center}
.mh76[data-mh3-phase="0"] .mh9-care strong{white-space:normal;font-size:14px;line-height:1.3}
.mh76[data-mh3-phase="0"] .mh10-audit-points{visibility:hidden!important}