/* v24 — Κρούσεις, Γ΄ Λυκείου */
.collisions-page{--collision-blue:#4255bb;--collision-orange:#df6c42;--collision-ink:#17233b;--collision-soft:#f4f7ff}
.collisions-hero{background:linear-gradient(135deg,#f5f7ff 0%,#fff8f2 100%)}
.collisions-hero .lesson-hero-copy h1 em{color:#4e5fc2}
.collisions-visual{min-height:420px;display:grid;place-items:center;border:1px solid #d9e1f1;border-radius:30px;background:rgba(255,255,255,.72);box-shadow:0 24px 70px rgba(23,35,59,.09);overflow:hidden}
.collisions-visual svg{width:min(100%,560px);height:auto}.cv-track{stroke:#cfd7e8;stroke-width:6;stroke-linecap:round}.cv-arrow{stroke:#1d3157;stroke-width:6;stroke-linecap:round}.cv-arrow-head{fill:#1d3157}.cv-impact{fill:#f3c34b;stroke:#d97535;stroke-width:4}.cv-symbol{fill:#fff;font:800 24px system-ui,sans-serif}.cv-title{fill:#273b64;font:800 20px system-ui,sans-serif}.cv-caption{fill:#52617b;font:600 15px system-ui,sans-serif}
.collisions-page .reading-rail{max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin}
.collision-examples,.collision-type-grid,.energy-comparison,.sign-grid,.energy-ledger{display:grid;gap:16px;margin:28px 0}.collision-examples,.energy-comparison,.sign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collision-type-grid,.energy-ledger{grid-template-columns:repeat(3,minmax(0,1fr))}
.collision-examples article,.collision-type-grid article,.energy-comparison article,.sign-grid article,.energy-ledger article{border:1px solid #dbe3f1;border-radius:20px;padding:24px;background:#fff}.collision-examples span,.collision-type-grid span,.energy-comparison span,.energy-ledger span{display:block;color:#4164ba;font-size:.75rem;font-weight:800;letter-spacing:.12em;margin-bottom:10px}.collision-examples strong,.energy-comparison strong,.sign-grid strong{display:block;color:#17233b;font-size:1.08rem;margin-bottom:8px}.energy-ledger strong{font-size:1.65rem;color:#17233b}
.collision-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.collision-timeline article{position:relative;padding:25px 20px 22px;border-radius:20px;background:#f5f7ff;border:1px solid #dce3f1}.collision-timeline span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#4055b9;color:#fff;font-weight:800;margin-bottom:15px}.collision-timeline strong{display:block;font-size:1.05rem;color:#17233b;margin-bottom:8px}
.collision-formula-card{margin:24px 0;padding:26px 28px;border:1px solid #d9e2f1;border-radius:22px;background:linear-gradient(135deg,#f7f9ff,#fff)}.collision-formula-card.primary{background:linear-gradient(135deg,#23355d,#4058a9);color:#fff;border-color:transparent}.collision-formula-card small{display:block;font-weight:800;letter-spacing:.13em;color:#4164ba;margin-bottom:13px}.collision-formula-card.primary small{color:#cfd8ff}.collision-formula-card p{margin:14px 0 0}.collision-equation{display:flex;justify-content:center;align-items:center;min-height:70px;font-size:1.35rem;overflow-x:auto;padding:4px}.collision-equation.small{font-size:1.02rem;min-height:90px}.collision-equation .pm-math{font-size:1em}
.direction-axis{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:28px 0;padding:20px;border-radius:18px;background:#f5f7ff;color:#42516c;text-align:center}.direction-axis b{font-family:monospace;white-space:nowrap;color:#20355e}.collision-quote{border-left:5px solid #df6c42;margin:28px 0;padding:18px 22px;background:#fff7f1;color:#283956;font-weight:700}
.mini-collision{height:70px;position:relative;margin-bottom:18px;border-bottom:3px solid #d8dfed}.mini-collision i{position:absolute;bottom:10px;width:28px;height:28px;border-radius:50%;background:#4c61c2}.mini-collision i:last-child{background:#e37a4f}.mini-collision.central i:first-child{left:20%}.mini-collision.central i:last-child{right:20%}.mini-collision.eccentric i:first-child{left:24%;bottom:28px}.mini-collision.eccentric i:last-child{right:24%;bottom:6px}.mini-collision.oblique i:first-child{left:30%;bottom:30px}.mini-collision.oblique i:last-child{right:24%;bottom:6px}.mini-collision:before,.mini-collision:after{content:'→';position:absolute;color:#263a62;font-weight:900;font-size:1.35rem}.mini-collision:before{left:4%;bottom:13px}.mini-collision:after{right:4%;bottom:13px;transform:rotate(180deg)}
.plastic-diagram{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:28px 0;padding:26px;border:1px solid #d9e2f0;border-radius:22px;background:#f7f9ff}.plastic-diagram>div{display:flex;justify-content:center;align-items:center;gap:18px}.plastic-diagram span{display:grid;place-items:center;min-width:64px;height:64px;padding:0 14px;border-radius:18px;background:#4258b8;color:#fff;font-weight:800}.plastic-diagram div:first-child span:last-child{background:#df7045}.plastic-diagram b{font-size:1.6rem}.plastic-diagram>i{font-style:normal;color:#718099;font-size:.8rem;font-weight:800;letter-spacing:.12em}.plastic-diagram .together span{background:linear-gradient(135deg,#4258b8,#df7045);min-width:130px}
.collision-method{list-style:none;padding:0;margin:28px 0;display:grid;gap:12px}.collision-method li{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:18px 20px;border:1px solid #dce3ef;border-radius:18px;background:#fff}.collision-method li>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#17233b;color:#fff;font-weight:800}.collision-method strong{color:#17233b}.collision-method p{margin:4px 0 0}
.collision-solution{margin-bottom:24px}.collision-solution .solution-note{margin:14px 0 0;color:#5d6b83}.two-d-formulas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0}.two-d-formulas>div{display:flex;align-items:center;justify-content:center;min-height:105px;border:1px solid #dce3ef;border-radius:18px;background:#f7f9ff;padding:16px;overflow:auto}.two-d-formulas .pm-math{font-size:1.02rem}.collisions-ending{background:linear-gradient(135deg,#eef3ff,#fff4ec)!important}.collisions-ending blockquote{color:#4058b5!important;border-left-color:#df6c42!important}.collisions-next{grid-template-columns:1fr 1fr}.next-teaser{border:1px solid #dbe3ef;border-radius:18px;padding:22px 26px;background:#f7f9ff}.next-teaser span{display:block;color:#4164ba;font-size:.72rem;font-weight:800;letter-spacing:.1em;margin-bottom:8px}.next-teaser strong{color:#17233b}
@media(max-width:900px){.collisions-visual{min-height:330px}.collision-timeline,.collision-type-grid,.energy-ledger{grid-template-columns:1fr}.collision-examples,.energy-comparison,.sign-grid,.two-d-formulas{grid-template-columns:1fr}.plastic-diagram{grid-template-columns:1fr}.plastic-diagram>i{text-align:center}.collisions-next{grid-template-columns:1fr}.direction-axis{grid-template-columns:1fr}.direction-axis b{overflow:hidden;text-overflow:ellipsis}}
@media(max-width:620px){.collisions-visual{min-height:270px;border-radius:22px}.cv-caption{font-size:12px}.collision-formula-card{padding:21px 16px}.collision-equation{font-size:1.08rem}.collision-timeline article,.collision-examples article,.collision-type-grid article,.energy-comparison article,.sign-grid article{padding:20px}.plastic-diagram{padding:18px}.collision-method li{grid-template-columns:44px 1fr;padding:16px 14px}.collision-method li>span{width:38px;height:38px}.two-d-formulas .pm-math{font-size:.9rem}}

/* v24.1 — Διόρθωση αντίθεσης στις κάρτες τύπων των Κρούσεων.
   Οι ανοιχτές κάρτες δεν πρέπει να κληρονομούν λευκό κείμενο από το γενικό .formula-card. */
.collisions-page .collision-formula-card:not(.primary){
  color:#17233b!important;
}
.collisions-page .collision-formula-card:not(.primary) .collision-equation,
.collisions-page .collision-formula-card:not(.primary) .pm-math,
.collisions-page .collision-formula-card:not(.primary) math{
  color:#17233b!important;
}
.collisions-page .collision-formula-card:not(.primary) p{
  color:#52617b!important;
  opacity:1!important;
}
.collisions-page .collision-formula-card.primary,
.collisions-page .collision-formula-card.primary .collision-equation,
.collisions-page .collision-formula-card.primary .pm-math,
.collisions-page .collision-formula-card.primary math{
  color:#fff!important;
}
.collisions-page .collision-formula-card.primary p{
  color:#eef3ff!important;
  opacity:1!important;
}


/* v24.2 — Οι παρανοήσεις παρουσιάζονται ως διακριτές κάρτες ερώτησης–απάντησης. */
.collisions-page .collision-misconceptions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:30px 0;
}
.collisions-page .collision-misconceptions article{
  position:relative;
  overflow:hidden;
  min-height:220px;
  padding:26px 26px 24px;
  border:1px solid #d8e2f2;
  border-radius:20px;
  background:linear-gradient(145deg,#ffffff 0%,#f7f9ff 100%);
  box-shadow:0 12px 34px rgba(31,48,87,.07);
}
.collisions-page .collision-misconceptions article:nth-child(even){
  border-color:#f0d6c7;
  background:linear-gradient(145deg,#ffffff 0%,#fff7f2 100%);
}
.collisions-page .collision-misconceptions article::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:#4865bd;
}
.collisions-page .collision-misconceptions article:nth-child(even)::before{background:#d96c42}
.collisions-page .collision-misconceptions .misconception-label,
.collisions-page .collision-misconceptions .correction-label{
  display:block;
  font-family:system-ui,sans-serif;
  font-size:.71rem;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.13em;
}
.collisions-page .collision-misconceptions .misconception-label{
  color:#c04f42;
  margin-bottom:12px;
}
.collisions-page .collision-misconceptions strong{
  display:block;
  margin:0 0 22px;
  color:#17233b;
  font-size:1.15rem;
  line-height:1.45;
}
.collisions-page .collision-misconceptions .correction-label{
  color:#3a68b5;
  margin-bottom:8px;
  padding-top:17px;
  border-top:1px solid rgba(71,95,145,.16);
}
.collisions-page .collision-misconceptions article:nth-child(even) .correction-label{color:#b65435}
.collisions-page .collision-misconceptions p{
  margin:0;
  color:#43516a;
  font-size:1rem;
  line-height:1.65;
}
@media(max-width:760px){
  .collisions-page .collision-misconceptions{grid-template-columns:1fr;gap:14px}
  .collisions-page .collision-misconceptions article{min-height:0;padding:23px 22px 22px}
}
