/* Μεγέθη, μονάδες και κίνηση — Β΄ Γυμνασίου, v20 */
.magnitudes-motion-page{
  --mm-blue:#3f70bd;
  --mm-blue-dark:#294f8d;
  --mm-orange:#ec7843;
  --mm-orange-dark:#b84e25;
  --mm-teal:#2f8b87;
  --mm-pale:#eef4ff;
  --mm-warm:#fff4eb;
}
.mm-lesson-hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(63,112,189,.18) 0,transparent 31%),
    radial-gradient(circle at 76% 82%,rgba(236,120,67,.14) 0,transparent 30%),
    linear-gradient(135deg,#fff 0,#f8fbff 53%,#fff8f3 100%);
}
.mm-lesson-hero .lesson-hero-copy h1 em{color:var(--mm-blue)}
.mm-lesson-hero .reading-audience span{background:#e9f1ff;color:var(--mm-blue-dark)}
.mm-lesson-visual{
  position:relative;height:450px;overflow:hidden;border-radius:220px 220px 24px 24px;
  background:linear-gradient(145deg,#dfeaff,#ffe8d9);box-shadow:0 26px 60px rgba(38,72,126,.22)
}
.mm-lesson-visual svg{display:block;width:100%;height:100%}
.mm-lesson-visual>strong{position:absolute;left:34px;bottom:27px;color:#264b83;font:600 13px/1.5 Commissioner,Arial,sans-serif}
.mm-ruler rect{fill:rgba(255,255,255,.72);stroke:#17233b;stroke-width:3}
.mm-ruler path{fill:none;stroke:#17233b;stroke-width:2}
.mm-ruler text,.mm-lesson-visual text{font:700 12px Commissioner,Arial,sans-serif;fill:#17233b}
.mm-trajectory{fill:none;stroke:url(#mmPath);stroke-width:7;stroke-linecap:round}
.mm-position{stroke:#fff;stroke-width:4}.mm-position.start{fill:var(--mm-blue)}.mm-position.end{fill:var(--mm-orange)}
.mm-displacement{fill:none;stroke:var(--mm-orange);stroke-width:4}
.mm-stopwatch circle{fill:#fff;stroke:#17233b;stroke-width:4}.mm-stopwatch path{fill:none;stroke:var(--mm-blue);stroke-width:4;stroke-linecap:round}.mm-stopwatch rect{fill:#fff;stroke:#17233b;stroke-width:3}
.mm-syllabus{border-color:#cbdaf2;background:linear-gradient(145deg,#fbfdff,#edf4ff)}
.mm-syllabus>span,.magnitudes-motion-page .reading-kicker{color:var(--mm-blue)}
.mm-syllabus-grid{grid-template-columns:repeat(3,1fr)}.mm-syllabus-grid b{color:var(--mm-blue)}
.mm-concept{border-left-color:var(--mm-blue)}
.mm-subheading{margin-top:46px!important;font-size:32px!important}
.mm-quantity-table{display:grid;margin:28px 0;border:1px solid #d9e1ec;border-radius:12px;overflow:hidden}
.mm-quantity-table>div{display:grid;grid-template-columns:1.3fr 1fr .55fr}.mm-quantity-table>div+div{border-top:1px solid #d9e1ec}
.mm-quantity-table b,.mm-quantity-table span{padding:14px 18px}.mm-quantity-table b{background:#17233b;color:#fff;font-size:12px}.mm-quantity-table span{background:#fff;font-size:12px}.mm-quantity-table span+span,.mm-quantity-table b+b{border-left:1px solid #d9e1ec}
.mm-derived-grid,.mm-prefixes,.mm-worked-examples,.mm-path-types,.mm-two-cases,.mm-time-grid,.mm-speed-units{display:grid;gap:12px;margin:28px 0}
.mm-derived-grid,.mm-path-types,.mm-two-cases,.mm-time-grid,.mm-speed-units{grid-template-columns:1fr 1fr}.mm-prefixes,.mm-worked-examples{grid-template-columns:repeat(3,1fr)}
.mm-derived-grid article,.mm-prefixes article,.mm-worked-examples article,.mm-two-cases article,.mm-time-grid article,.mm-speed-units article{padding:20px;border:1px solid #dce4ee;border-radius:12px;background:#fff}
.mm-derived-grid span,.mm-prefixes span,.mm-worked-examples span,.mm-two-cases span,.mm-time-grid span{display:block;color:var(--mm-blue);font-size:9px;font-weight:750;letter-spacing:.12em}
.mm-derived-grid strong,.mm-prefixes strong,.mm-time-grid strong,.mm-speed-units strong{display:block;margin:7px 0;font:600 22px Literata,Georgia,serif;color:#17233b}.mm-derived-grid p,.mm-prefixes p,.mm-worked-examples p,.mm-two-cases p,.mm-time-grid p,.mm-speed-units p{margin:0;font-size:11px}
.mm-note{margin:24px 0;padding:20px 22px;border-left:5px solid var(--mm-orange);border-radius:0 10px 10px 0;background:var(--mm-warm)}.mm-note p{margin:5px 0 0}
.mm-conversion-card{background:linear-gradient(135deg,#294f8d,#527fca)}.mm-conversion-card strong{font-size:clamp(22px,3vw,34px);line-height:1.25}
.mm-density-card,.mm-speed-card{margin:30px 0;padding:30px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#17233b,#315f9f)}
.mm-density-card>small,.mm-speed-card>small{display:block;color:#c8dcff;font-size:9px;font-weight:750;letter-spacing:.14em}
.mm-equation,.mm-speed-equation{display:flex;align-items:center;justify-content:center;gap:22px;margin:22px 0;font:600 clamp(28px,5vw,50px) Literata,Georgia,serif}.mm-equation i,.mm-speed-equation i{font-style:italic}.mm-fraction{display:grid;text-align:center;font:600 18px Commissioner,Arial,sans-serif}.mm-fraction b{padding:5px 10px}.mm-fraction b:first-child{border-bottom:2px solid currentColor}.mm-density-card p,.mm-speed-card p{margin:0;color:#dce8f8;text-align:center;font-size:11px}
.mm-solution{margin:28px 0;padding:28px;border:1px solid #dbe5f1;border-radius:14px;background:#f8fbff}.mm-solution>span{color:var(--mm-blue);font-size:9px;font-weight:750;letter-spacing:.13em}.mm-solution h3{margin:8px 0 20px}.mm-solution>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:8px 0;border-bottom:1px solid #e3eaf2}.mm-solution>div p{margin:0}.mm-solution>strong{display:block;margin-top:20px;padding:15px;border-radius:9px;background:#17233b;color:#fff;text-align:center;font-size:22px}
.mm-reference-visual{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.mm-reference-visual article{padding:24px;border-radius:14px;background:#f4f8ff;text-align:center}.mm-reference-visual article>span{color:var(--mm-blue);font-size:9px;font-weight:750;letter-spacing:.12em}.mm-reference-visual article>strong{display:block;margin-top:15px;font-size:12px}
.mm-bus{position:relative;width:190px;height:74px;margin:18px auto 10px;border:4px solid #17233b;border-radius:16px 24px 8px 8px;background:#fff}.mm-bus:before{content:"";position:absolute;left:18px;right:18px;top:13px;height:25px;background:linear-gradient(90deg,#bcd4f4 0 47%,transparent 47% 53%,#bcd4f4 53%)}.mm-bus i{position:absolute;bottom:-14px;width:28px;height:28px;border:5px solid #17233b;border-radius:50%;background:#fff}.mm-bus i:first-child{left:24px}.mm-bus i:nth-child(2){right:24px}.mm-bus b{position:absolute;left:88px;top:34px;color:var(--mm-orange);font-size:22px}.mm-road{padding:2px 0 18px;border-bottom:8px dashed #8895a8}
.mm-position-line{position:relative;height:120px;margin:30px 0;border-bottom:4px solid #17233b}.mm-position-line:after{content:"";position:absolute;right:-3px;bottom:-8px;border-left:14px solid #17233b;border-top:6px solid transparent;border-bottom:6px solid transparent}.mm-position-line i{position:relative;display:inline-block;width:16.4%;height:17px;border-left:2px solid #17233b;transform:translateY(103px)}.mm-position-line .origin{position:absolute;left:0;bottom:20px;font-weight:700}.mm-position-line .object{position:absolute;left:65.5%;bottom:-10px;color:var(--mm-orange);font-size:28px}.mm-position-line strong{position:absolute;left:62%;top:12px;color:var(--mm-blue)}
.mm-path-types article{padding:20px;border-radius:12px;background:#f8fbff;text-align:center}.mm-path-types span{color:var(--mm-blue);font-size:9px;font-weight:750;letter-spacing:.12em}.mm-path-types svg{width:100%;height:90px}.mm-path-types path{fill:none;stroke:var(--mm-blue);stroke-width:5}.mm-path-types circle{fill:var(--mm-orange)}
.mm-route-displacement{margin:30px -40px;padding:20px;border-radius:15px;background:linear-gradient(145deg,#f4f8ff,#fff7f1)}.mm-route-displacement svg{display:block;width:100%;height:auto}.mm-route-displacement .route{fill:none;stroke:var(--mm-blue);stroke-width:8;stroke-linecap:round}.mm-route-displacement .disp{fill:none;stroke:var(--mm-orange);stroke-width:5}.mm-route-displacement circle{fill:#17233b}.mm-route-displacement text{font:700 13px Commissioner,Arial,sans-serif;fill:#17233b}
.mm-time-grid article strong{color:var(--mm-orange)}.mm-inline-equation{margin:22px 0;padding:20px;border-radius:12px;background:#17233b;color:#fff;text-align:center;font:600 20px Literata,Georgia,serif}
.mm-average-example{margin:24px 0;padding:22px;border:1px solid #dce5f0;border-radius:12px;background:#fff}.mm-average-example span{color:var(--mm-blue);font-size:9px;font-weight:750;letter-spacing:.12em}.mm-average-example h3{margin:8px 0}.mm-average-example p{margin:0;font-size:15px}
.mm-speedometer{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;margin:28px 0;padding:26px;border-radius:14px;background:linear-gradient(135deg,#fff3ea,#fff)}.mm-speedometer>div{position:relative;width:150px;height:82px;border:7px solid #17233b;border-bottom:0;border-radius:150px 150px 0 0;text-align:center}.mm-speedometer>div:before{content:"";position:absolute;left:50%;bottom:0;width:6px;height:62px;background:var(--mm-orange);transform-origin:bottom;transform:rotate(47deg)}.mm-speedometer>div i{position:absolute;left:50%;bottom:-8px;width:20px;height:20px;transform:translateX(-50%);border-radius:50%;background:#17233b}.mm-speedometer b{display:block;margin-top:34px;font:700 24px Commissioner,Arial,sans-serif}.mm-speedometer span{font-size:9px}.mm-speedometer p{margin:0}
.mm-speed-units article{text-align:center}.mm-speed-units strong{color:var(--mm-blue)}.mm-conversion-strip{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.mm-conversion-strip span{padding:10px 14px;border-radius:999px;background:#e9f1ff;color:var(--mm-blue-dark);font-size:12px;font-weight:700}.mm-exclusion-note{margin:28px 0;padding:22px;border:1px dashed #d7a48c;border-radius:12px;background:#fff7f2}.mm-exclusion-note p{margin:5px 0 0}
.mm-misconceptions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.mm-misconceptions article{padding:20px;border-radius:11px;background:#fff6ef;border:1px solid #f1d2c3}.mm-misconceptions span{display:block;color:var(--mm-orange-dark);font-weight:700;font-size:12px;line-height:1.4}.mm-misconceptions p{margin:8px 0 0;font-size:11px}
.mm-practice article>span{color:var(--mm-blue)}.mm-quiz summary:after{color:var(--mm-blue)}.mm-quiz details[open] summary{background:#eaf2ff}.mm-ending{background:linear-gradient(135deg,#17233b,#315e9f 62%,#c65d32)}
@media(max-width:1050px){.mm-lesson-visual{max-width:650px;width:100%}.mm-route-displacement{margin:30px 0}}
@media(max-width:760px){
  .mm-lesson-visual{height:340px;border-radius:145px 145px 16px 16px}.mm-lesson-visual>strong{left:26px;bottom:18px;font-size:10px}
  .mm-syllabus-grid,.mm-derived-grid,.mm-prefixes,.mm-worked-examples,.mm-reference-visual,.mm-path-types,.mm-two-cases,.mm-time-grid,.mm-speed-units,.mm-misconceptions{grid-template-columns:1fr}
  .mm-quantity-table{overflow-x:auto}.mm-quantity-table>div{min-width:500px}.mm-speedometer{grid-template-columns:1fr}.mm-speedometer>div{margin:auto}.mm-solution>div{grid-template-columns:1fr;gap:2px}
}
@media(max-width:520px){.mm-lesson-visual svg{transform:scale(.92)}.mm-equation,.mm-speed-equation{gap:10px}.mm-fraction{font-size:14px}.mm-route-displacement{padding:6px}.mm-position-line i{width:15.5%}}