/* ===== Global size controls (change once to scale everything) ===== */
:root{
  --mp-title-size: 30px;  /* heading size */
  --mp-text-size: 24px;   /* body/list/button size */

  /* Colors */
  --bg-challenge:lightsalmon; /* yellow */
  --bg-shot:skyblue;      /* light blue */
  --bg-tips:darkseagreen;      /* light amber */
  --bg-math:mediumpurple;      /* soft green */

  --btn:#333399;          /* primary button */
  --btn-accent:#ff7043;   /* accent button */
  --text:#1f1f1f;         /* body text */
  --muted:#555;           /* notes */
  --radius:16px;
}

/* ===== Block base ===== */
.mp-block{
  margin:24px 0;
  border:0;
  box-shadow:none;
  border-radius:var(--radius);
  color:
}
.mp-block__inner{
  padding:22px;
  text-align:center;
  color:var(--text);
}
.mp-block__title{
  margin:0 0 10px 0;
  font-size:var(--mp-title-size);
  line-height:1.25;
}
.mp-block__text{
  margin:0 auto;
  max-width:720px;
  font-size:var(--mp-text-size);
  line-height:1.6;
}

/* Backgrounds (only difference between blocks) */
.mp-block--challenge{ background:var(--bg-challenge); }
.mp-block--shot     { background:var(--bg-shot); }
.mp-block--tips     { background:var(--bg-tips); }
.mp-block--math     { background:var(--bg-math); }

/* Lists & notes */
.mp-list{
  list-style:disc;
  padding-left:1.2rem;
  margin:6px auto 0;
  max-width:720px;
  text-align:left;
  font-size:var(--mp-text-size);
  line-height:1.6;
}
.mp-note{
  margin-top:8px;
  color:var(--muted);
  font-size:var(--mp-text-size);
}

/* Buttons */
.mp-btn{
  display:inline-block;
  margin-top:10px;
  padding:10px 14px;
  border:0;
  border-radius:10px;
  background:var(--btn);
  color:#fff;
  font-weight:500;
  text-decoration:none;
  cursor:pointer;
  font-size:var(--mp-text-size);
}
.mp-btn--accent{ background:var(--btn-accent); }
[hidden]{ display:none !important; }

/* Screenshot tool layout */
.shot-controls{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}
.shot-preview{
  max-width:100%;
  border-radius:10px;
  margin-top:10px;
}