/* Focused tool only: do not change the proven two-calculator homepage layout. */
body[data-calculator="mythic-plus"] .app-shell {
  width: min(1020px, calc(100% - 40px));
  margin: 30px auto 48px max(20px, calc((100vw - 1800px) / 2));
  padding: 0;
}
body[data-calculator="mythic-plus"] .hero {
  position: static; transform: none; width: 100%; max-width: none;
  grid-template-columns: minmax(0, 1fr) auto; gap: 24px;
  margin: 0 0 20px; padding: 0; min-height: 0;
}
body[data-calculator="mythic-plus"] .hero h1 { font-size: clamp(1.65rem, 2.5vw, 2.7rem); line-height: 1.15; }
body[data-calculator="mythic-plus"] .hero-stats { width: auto; min-width: 0; grid-template-columns: 1fr; }
body[data-calculator="mythic-plus"] .hero-stats strong { font-size: 1.8rem; }
body[data-calculator="mythic-plus"] .mplus-intro { margin: 14px 0 0; max-width: 70ch; color: var(--muted); line-height: 1.65; }
body[data-calculator="mythic-plus"] .character-import {
  width: 100%; margin: 0 0 18px; padding: 18px;
  grid-template-columns: minmax(0, 1fr); gap: 10px; min-height: 0;
}
body[data-calculator="mythic-plus"] .character-import > *,
body[data-calculator="mythic-plus"] .recent-characters { grid-column: 1; grid-row: auto; margin: 0; width: 100%; }
body[data-calculator="mythic-plus"] .character-import-form { grid-template-columns: 100px minmax(160px,1fr) minmax(160px,1fr) auto; gap: 12px; }
body[data-calculator="mythic-plus"] .workspace { width: 100%; margin: 0; grid-template-columns: minmax(0,1fr); gap: 0; }
body[data-calculator="mythic-plus"] .panel { padding: 20px; min-width: 0; }
body[data-calculator="mythic-plus"] .score-panel .panel-header { display: flex; flex-wrap: wrap; align-items: start; gap: 14px; }
body[data-calculator="mythic-plus"] .score-panel .panel-actions { max-width: 100%; }
body[data-calculator="mythic-plus"] .dungeon-row { grid-template-columns: minmax(165px,1fr) 126px 106px 85px; gap: 10px; padding: 10px; min-height: 72px; }
body[data-calculator="mythic-plus"] .time-under { grid-template-columns: minmax(150px, 1fr) minmax(145px, 1fr); }
body[data-calculator="mythic-plus"] .mplus-precision { margin: 0 0 14px; color: #b9d6c7; font-size: .85rem; }
body[data-calculator="mythic-plus"] #mplus-precise-total { color: #8ee7bd; font-variant-numeric: tabular-nums; }
body[data-calculator="mythic-plus"] .mplus-scope-note { color: var(--muted); font-size: .8rem; line-height: 1.6; margin: 16px 0 0; }
body[data-calculator="mythic-plus"] .mplus-scope-warning { border: 1px solid #e1a84c; border-radius: 8px; padding: 12px; color: #ffd996; }
body[data-calculator="mythic-plus"] .mplus-unsupported-time { border-color: #e1a84c; }
.mplus-content { margin-top: 24px; padding: 24px; border: 1px solid #7aad842e; border-radius: 12px; background: #06100ded; line-height: 1.75; }
.mplus-content section + section { margin-top: 24px; }
.mplus-content h2 { font-size: 1.2rem; color: #d8eddf; margin: 0 0 8px; }
.mplus-content h3 { font-size: 1rem; color: #d8eddf; margin: 18px 0 8px; }
.mplus-content p { color: var(--muted); margin: 8px 0; }
.mplus-content a, .mplus-tool-link a { color: #ade8be; }
.mplus-content code { font-family: ui-monospace, monospace; font-size: .85rem; overflow-wrap: anywhere; color: #d3ebd9; }
.mplus-content code { direction: ltr; unicode-bidi: isolate; }
.mplus-benchmark-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.mplus-benchmark-stats > div { padding: 12px; border: 1px solid #8ee7bd30; border-radius: 8px; background: #142b1f66; }
.mplus-benchmark-stats dt { color: var(--muted); font-size: .8rem; line-height: 1.5; }
.mplus-benchmark-stats dd { color: #8ee7bd; font-size: 1.5rem; font-variant-numeric: tabular-nums; margin: 4px 0 0; }
.mplus-content details { margin-top: 18px; }
.mplus-content summary { cursor: pointer; color: #ade8be; }
.mplus-table-wrap { overflow-x: auto; margin-top: 14px; }
.mplus-content table { border-collapse: collapse; width: 100%; text-align: start; font-variant-numeric: tabular-nums; }
.mplus-content th, .mplus-content td { padding: 8px 12px; border-bottom: 1px solid #ffffff12; text-align: start; }
.mplus-content .calculator-edition-links { margin: 0 0 24px; }
.mplus-tool-link { margin: 24px 0; }
@media (max-width: 900px) {
  body[data-calculator="mythic-plus"] .app-shell { width: calc(100% - 28px); margin: 22px 14px; }
}
@media (max-width: 620px) {
  body[data-calculator="mythic-plus"] .hero { grid-template-columns: minmax(0,1fr); gap: 12px; }
  body[data-calculator="mythic-plus"] .hero-stats { justify-self: start; }
  body[data-calculator="mythic-plus"] .character-import-form { grid-template-columns: minmax(0,1fr); }
  body[data-calculator="mythic-plus"] .panel { padding: 12px; }
  body[data-calculator="mythic-plus"] .dungeon-row { grid-template-columns: minmax(0,1fr) 108px; }
  body[data-calculator="mythic-plus"] .time-under { grid-template-columns: minmax(0,1fr); }
  body[data-calculator="mythic-plus"] .score-panel .panel-actions { width: 100%; }
  .mplus-content { padding: 16px; }
  .mplus-benchmark-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}