.mbh-figure{
  position:relative;
  margin:0;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
  padding:34px 28px 30px;
  border-radius:26px;
  overflow:hidden;
  color:#faf6ee;
  background-color:#1a1614;
  background-image:
    radial-gradient(ellipse at 50% 55%, rgba(16,13,12,.08) 0%, rgba(16,13,12,.45) 100%),
    linear-gradient(180deg, rgba(16,13,12,.32), rgba(16,13,12,.38)),
    url('../../journey/announcer-blur.jpg');
  background-size:cover;
  background-position:center;
  box-shadow:0 34px 80px -46px rgba(26,22,20,.55);
  border:1px solid rgba(26,22,20,.4);
}

@media(max-width:900px){
.mbh-figure{max-width:620px;width:100%}
}
@media(max-width:600px){
.mbh-figure{gap:16px;padding:22px 12px 20px;border-radius:20px}
}
.section-head h2 em{font-style:italic;color:var(--cinnabar)}
.problem .section-head{align-items:end}
.problem-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);gap:clamp(36px,6vw,84px);align-items:center}
.problem-grid .mbh-figure.mbf{max-width:620px;width:100%;background:var(--paper-light);backdrop-filter:none}
.problem-thesis{margin:0;border-left:3px solid var(--cinnabar);padding:6px 0 8px 26px;font-family:var(--display);font-size:clamp(24px,2.6vw,33px);line-height:1.3;color:var(--ink-soft);max-width:15em}
.problem-thesis strong{display:block;margin-top:12px;color:var(--ink);font-weight:500}
@media(max-width:900px){
.problem-grid{grid-template-columns:1fr;gap:34px}
.problem-grid .mbh-figure.mbf{order:0;margin-top:0;max-width:none}
.problem-thesis{font-size:23px;padding-left:20px;max-width:none}
}
.mbh-figure.mbf{
  display:block; align-items:initial; gap:0; padding:20px 26px 26px; border-radius:26px; overflow:visible;
  color:var(--ink); background:rgba(250,246,238,.72); background-image:none;
  border:1px solid rgba(216,207,194,.76); box-shadow:0 34px 80px -50px rgba(26,22,20,.36); backdrop-filter:blur(8px);
}
.mbf-top{display:flex;justify-content:flex-end;margin-bottom:6px}
.mbf-replay{cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:5px 12px 6px;font-family:var(--display);font-style:italic;font-size:14px}
.mbf-replay:hover{border-color:var(--cinnabar-pale);color:var(--cinnabar)}
.mbf-rows{display:grid;gap:20px}
.mbf-row{opacity:.48;transition:opacity .25s ease,transform .25s ease}
.mbf-row.is-active{opacity:1;transform:translateY(-2px)}
.mbf-name{font:700 11px/1.2 var(--serif);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:10px}
.mbf-chunks{display:flex;flex-wrap:wrap;gap:7px}
.mbf-tile{border:1px solid var(--rule);background:var(--paper);padding:8px 11px 7px;min-width:40px;text-align:center;border-radius:3px}
.mbf-zh{display:block;font-family:var(--han);font-size:26px;line-height:1.1;color:var(--ink)}
.mbf-gloss{display:block;font-family:var(--serif);font-size:11px;font-style:italic;color:var(--ink-muted);margin-top:4px}
.mbf-phrase .mbf-name{color:var(--cinnabar)}
.mbf-phrase .mbf-tile{border-color:var(--cinnabar);background:var(--cinnabar-soft)}
.mbf-phrase .mbf-zh,.mbf-phrase .mbf-gloss{color:var(--cinnabar)}
.mbf-natural{margin:22px 0 0;padding-top:16px;border-top:1px dashed var(--rule);font-family:var(--display);font-style:italic;font-size:22px;color:var(--ink-soft)}
@media(max-width:600px){
.mbh-figure.mbf{padding:16px 14px 20px}
.mbf-tile{padding:7px 8px 6px;min-width:34px}
.mbf-zh{font-size:21px}
.mbf-chunks{gap:5px}
.mbf-natural{font-size:18px} }
@media(prefers-reduced-motion:reduce){
.mbf-row{transition:none} }
.mbf-chunks{flex-wrap:nowrap;container-type:inline-size;gap:clamp(3px,1.6cqw,7px)}
.mbf-tile{flex:0 1 auto;min-width:0;padding:8px clamp(4px,2.6cqw,11px) 7px}
.mbf-zh{font-size:clamp(17px,6.4cqw,26px)}
.mbf-gloss{font-size:clamp(9px,2.5cqw,11px);white-space:nowrap}

@media(max-width:900px){
.mbh-figure.mbf{position:relative;padding:14px 20px 18px}
.mbf-top{position:absolute;top:9px;right:12px;margin:0}
.mbf-replay{padding:2px 10px 3px;font-size:13px;line-height:1.3}
.mbf-rows{gap:14px}
.mbf-name{margin-bottom:8px}
.mbf-row[data-step="0"] .mbf-name{min-height:22px;display:flex;align-items:center;margin-bottom:6px}
.mbf-natural{margin-top:14px;padding-top:12px}
}