/* v25.2 — Ενοποίηση χρωμάτων διορθώσεων, κατάργηση scroll στους τύπους και μεγαλύτερα σύμβολα ταχύτητας.
   Βασίζεται στο v25.1 — Μεγαλύτερα εικονίδια και οριστική χρωματική κωδικοποίηση.
   Χρώματα: λαμπτήρας μπλε, καρφίτσα πράσινη, μάτι πορτοκαλί, γόμα κόκκινη, πρίσμα μωβ, ίππος βαθύ μπλε.
   Βασίζεται στο v25 — Ενιαία οπτική γλώσσα με τα οριστικά εικονίδια:
   λαμπτήρας, καρφίτσα, μάτι, γόμα, πρίσμα, ίππος.
   Οι κλάσεις αυτές είναι επαναχρησιμοποιήσιμες και μπορούν να μπουν σε επόμενες σελίδες του site. */
:root{--ui-icon-size:1.45rem;--ui-icon-watermark:2.25rem;}

.ui-kicker,
.ui-icon-label{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
}

.ui-kicker::before,
.ui-icon-label::before{
  content:"";
  width:var(--ui-icon-size);
  height:var(--ui-icon-size);
  flex:0 0 var(--ui-icon-size);
  background-color:var(--ui-icon-color,currentColor);
  -webkit-mask:var(--ui-icon) center / contain no-repeat;
  mask:var(--ui-icon) center / contain no-repeat;
}

.ui-kicker{
  color:#4164ba;
}

.ui-icon-label{
  vertical-align:middle;
}

.icon-box{
  position:relative;
}

.icon-box::after{
  content:"";
  position:absolute;
  top:18px;
  right:18px;
  width:var(--ui-icon-watermark);
  height:var(--ui-icon-watermark);
  opacity:.2;
  pointer-events:none;
  background-color:var(--ui-icon-color,currentColor);
  -webkit-mask:var(--ui-icon) center / contain no-repeat;
  mask:var(--ui-icon) center / contain no-repeat;
}

.syllabus-note.icon-box::after{opacity:.11;}
.collision-formula-card.icon-box::after{opacity:.12;}
.collision-solution.icon-box::after{opacity:.1;}
.collision-quote.icon-box::after{opacity:.12;top:16px;}
.two-d-formulas > .icon-box::after{opacity:.09;top:12px;right:12px;}
.collision-misconceptions article.icon-box::after{opacity:.1;}
.lesson-ending.icon-box::after{opacity:.08;}
.next-teaser.icon-box::after{opacity:.1;}

.mm-note.icon-box,
.collision-quote.icon-box,
.syllabus-note.icon-box{overflow:hidden;}

.collision-quote.icon-box{padding-right:62px;}
.collision-formula-card.icon-box{padding-right:62px;}
.two-d-formulas > .icon-box{padding-top:24px;}
.collision-misconceptions .ui-icon-label{margin-bottom:12px;}
.collision-misconceptions .correction-label.ui-icon-label{gap:.45rem;}

#method .collision-method li > span{
  position:relative;
  overflow:hidden;
}
#method .collision-method li > span::after{
  content:"";
  position:absolute;
  inset:8px;
  opacity:.18;
  background:#fff;
  -webkit-mask:var(--ui-icon) center / contain no-repeat;
  mask:var(--ui-icon) center / contain no-repeat;
}
#method .collision-method{--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M14.8%203c.3%201.4-.3%202.7-1.7%203.8%202.6.3%204.7%202.1%205.6%204.5.5%201.2.5%202.5.2%203.7H21V18H4v-2h3.4c.2-1.7%201-3.1%202.5-4.4l2.1-1.8c.7-.6%201-1.2.8-1.9-.2-.7-.7-1.2-1.5-1.7L14.8%203zM9.7%2016h7.2c.2-1.7-.1-3.1-1-4.3-1.1.8-2.5%201.3-4.2%201.3l-.2-1.6c1.7%200%203.1-.5%204.1-1.4-.9-.8-2.1-1.4-3.6-1.6-.1%201-.6%202-1.6%202.8l-2.1%201.9c-1%20.9-1.5%201.8-1.8%202.9h3.2z%22%2F%3E%3C%2Fsvg%3E");}

.icon-bulb{--ui-icon-color:#2f6bff;--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12%202a7%207%200%200%200-4.6%2012.3c.8.7%201.3%201.5%201.5%202.4h6.2c.2-.9.7-1.7%201.5-2.4A7%207%200%200%200%2012%202zm-3%2016h6a3%203%200%200%201-2.8%202H11.8A3%203%200%200%201%209%2018zm1%203h4v1h-4z%22%2F%3E%3C%2Fsvg%3E");}
.icon-pin{--ui-icon-color:#2e9b62;--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.7%203.6%2020.4%208l-2.1%202.1-1.4-1.4-3.2%203.2v3.5l-1.8%201.8-1.7-1.7L6%2020.2%204%2018.2l4.7-4.1-1.7-1.7%201.8-1.8h3.5l3.2-3.2-1.4-1.4%201.6-1.6z%22%2F%3E%3C%2Fsvg%3E");}
.icon-eye{--ui-icon-color:#e67e22;--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12%205C6.8%205%202.6%208.3%201%2012c1.6%203.7%205.8%207%2011%207s9.4-3.3%2011-7c-1.6-3.7-5.8-7-11-7zm0%2011a4%204%200%201%201%200-8%204%204%200%200%201%200%208z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.2%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");}
.icon-eraser{--ui-icon-color:#d94a4a;--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M13.9%203.6a2%202%200%200%201%202.8%200l3.7%203.7a2%202%200%200%201%200%202.8l-6.5%206.5H8.7L3.6%2011.5a2%202%200%200%201%200-2.8l5.1-5.1a2%202%200%200%201%202.8%200l2.4%202.4zM8.1%2018h12v2h-14z%22%2F%3E%3C%2Fsvg%3E");}
.icon-prism{--ui-icon-color:#7a55c7;--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8%204%203%2012l5%208h8l5-8-5-8H8zm1.2%202h5.6l-3.4%205.4H5.8L9.2%206zm-3%207.4h5.2l3.2%204.6H9.2l-3-4.6zm10.7%203.6-3-4.6L17%207.6l2.6%204.4-2.7%205z%22%2F%3E%3C%2Fsvg%3E");}
.icon-knight{--ui-icon-color:#193a6a;--ui-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M14.8%203c.3%201.4-.3%202.7-1.7%203.8%202.6.3%204.7%202.1%205.6%204.5.5%201.2.5%202.5.2%203.7H21V18H4v-2h3.4c.2-1.7%201-3.1%202.5-4.4l2.1-1.8c.7-.6%201-1.2.8-1.9-.2-.7-.7-1.2-1.5-1.7L14.8%203zM9.7%2016h7.2c.2-1.7-.1-3.1-1-4.3-1.1.8-2.5%201.3-4.2%201.3l-.2-1.6c1.7%200%203.1-.5%204.1-1.4-.9-.8-2.1-1.4-3.6-1.6-.1%201-.6%202-1.6%202.8l-2.1%201.9c-1%20.9-1.5%201.8-1.8%202.9h3.2z%22%2F%3E%3C%2Fsvg%3E");}

@media(max-width:620px){
  :root{--ui-icon-size:1.3rem;--ui-icon-watermark:1.9rem;}
  .collision-quote.icon-box{padding-right:54px;}
  .collision-formula-card.icon-box{padding-right:54px;}
}


/* v25.2 — Οι έννοιες έχουν σταθερό χρώμα, ανεξάρτητα από τη στήλη. */
.collisions-page .collision-misconceptions article,
.collisions-page .collision-misconceptions article:nth-child(even){
  border-color:#e3e8f2!important;
  background:linear-gradient(145deg,#ffffff 0%,#f9fbff 100%)!important;
}
.collisions-page .collision-misconceptions article::before,
.collisions-page .collision-misconceptions article:nth-child(even)::before{
  background:#d94a4a!important;
}
.collisions-page .collision-misconceptions article .misconception-label{
  color:#c04f42!important;
}
.collisions-page .collision-misconceptions article .correction-label.ui-icon-label,
.collisions-page .collision-misconceptions article:nth-child(even) .correction-label.ui-icon-label{
  display:inline-flex!important;
  color:#2f6bff!important;
  --ui-icon-color:#2f6bff!important;
}

/* v25.2 — Οι τύποι προσαρμόζονται στο διαθέσιμο πλάτος χωρίς οριζόντια μπάρα. */
.collisions-page .collision-equation,
.collisions-page .two-d-formulas > div{
  overflow-x:hidden!important;
  scrollbar-width:none;
}
.collisions-page .collision-equation::-webkit-scrollbar,
.collisions-page .two-d-formulas > div::-webkit-scrollbar{
  display:none;
}
.collisions-page .collision-formula-card .collision-equation{
  font-size:clamp(1.06rem,2vw,1.24rem)!important;
}
.collisions-page .energy-comparison .collision-equation.small{
  min-height:82px;
  font-size:clamp(.74rem,1.25vw,.88rem)!important;
}
.collisions-page .two-d-formulas .pm-math{
  font-size:clamp(.86rem,1.55vw,.98rem)!important;
}

/* v25.2 — Τα σύμβολα των ταχυτήτων από περίπου 16 px γίνονται περίπου 18 px. */
.collisions-page .velocity-symbols{
  display:inline-block;
  white-space:nowrap;
  font-size:1.14em;
  line-height:1;
  font-weight:750;
  color:#263b64;
  letter-spacing:.015em;
}

@media(max-width:620px){
  .collisions-page .collision-formula-card .collision-equation{
    font-size:1rem!important;
  }
  .collisions-page .energy-comparison .collision-equation.small{
    font-size:.72rem!important;
  }
}


/* v25.5 — Οριστική διόρθωση των inline ταχυτήτων και cache busting. */
.collisions-page .collision-timeline article > span:first-child{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  padding:0!important;
  border-radius:50%!important;
  background:#4055b9!important;
  color:#fff!important;
  font-weight:800!important;
  margin:0 0 15px!important;
}
.collisions-page .collision-timeline article p .velocity-symbols{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#263b64!important;
  font-size:1.14em!important;
  line-height:inherit!important;
  font-weight:750!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
}

/* v25.4 ενσωματωμένο — μεγαλύτερες ταχύτητες στις κάρτες θετικής/αρνητικής φοράς. */
.collisions-page .sign-grid article p{
  font-size:1.24rem!important;
  line-height:1.35!important;
  font-weight:650!important;
  color:#263b64!important;
}
.collisions-page .sign-grid article p .pm-math,
.collisions-page .sign-grid article p math{
  font-size:1.08em!important;
}
@media(max-width:620px){
  .collisions-page .sign-grid article p{font-size:1.14rem!important;}
}


/* v25.6 — Αύξηση γραμματοσειράς σε ενεργειακές σχέσεις, τύπους 2Δ και ασκήσεις. */
.collisions-page .energy-comparison .collision-equation.small{
  min-height:88px!important;
  font-size:clamp(.88rem,1.45vw,1.04rem)!important;
}
.collisions-page .energy-comparison .collision-equation.small .pm-math,
.collisions-page .energy-comparison .collision-equation.small math{
  font-size:1em!important;
}

.collisions-page .two-d-formulas .pm-math{
  font-size:clamp(1rem,1.85vw,1.16rem)!important;
}
.collisions-page .two-d-formulas > div{
  min-height:112px!important;
}

.collisions-page .collision-practice article h3{
  font-size:clamp(1.24rem,1.75vw,1.48rem)!important;
  line-height:1.38!important;
}
.collisions-page .collision-practice article > p,
.collisions-page .collision-practice details > p{
  font-size:1.08rem!important;
  line-height:1.72!important;
  color:#263b64!important;
}
.collisions-page .collision-practice details summary{
  font-size:1.05rem!important;
  font-weight:800!important;
}
.collisions-page .collision-practice article > p .pm-math,
.collisions-page .collision-practice article > p math,
.collisions-page .collision-practice details > p .pm-math,
.collisions-page .collision-practice details > p math{
  font-size:1.06em!important;
}

@media(max-width:620px){
  .collisions-page .energy-comparison .collision-equation.small{
    font-size:.82rem!important;
  }
  .collisions-page .two-d-formulas .pm-math{
    font-size:.96rem!important;
  }
  .collisions-page .collision-practice article h3{
    font-size:1.18rem!important;
  }
  .collisions-page .collision-practice article > p,
  .collisions-page .collision-practice details > p{
    font-size:1rem!important;
  }
}


/* v26 · Εναρμόνιση της σελίδας Κρούσεων με το καθολικό ελάχιστο των 19 px */
html:root:root:root body .collisions-page :where(
  p,li,summary,small,.reading-kicker,.reading-rail a,.reading-rail>span,
  .collision-examples span,.collision-type-grid span,.energy-comparison span,
  .energy-ledger span,.collision-formula-card small,.collision-method p,
  .collision-misconceptions .misconception-label,
  .collision-misconceptions .correction-label,
  .collision-misconceptions p,.next-teaser span
){
  font-size:clamp(19px,1.08vw,20px)!important;
  line-height:1.62!important;
}
html:root:root:root body .collisions-page .reading-intro,
html:root:root:root body .collisions-page .lesson-hero-copy>p{
  font-size:clamp(21px,1.35vw,23px)!important;
}
html:root:root:root body .collisions-page .energy-comparison .collision-equation.small,
html:root:root:root body .collisions-page .two-d-formulas .pm-math,
html:root:root:root body .collisions-page .two-d-formulas math{
  font-size:clamp(20px,1.45vw,23px)!important;
}
html:root:root:root body .collisions-page .collision-practice article>p,
html:root:root:root body .collisions-page .collision-practice details>p,
html:root:root:root body .collisions-page .collision-practice details summary{
  font-size:clamp(19px,1.08vw,20px)!important;
  line-height:1.68!important;
}
html:root:root:root body .collisions-page .cv-caption,
html:root:root:root body .collisions-page .cv-title{
  font-size:19px!important;
}
@media(max-width:620px){
  html:root:root:root body .collisions-page :where(p,li,summary,small,.reading-kicker){font-size:19px!important;}
  html:root:root:root body .collisions-page .energy-comparison .collision-equation.small,
  html:root:root:root body .collisions-page .two-d-formulas .pm-math,
  html:root:root:root body .collisions-page .two-d-formulas math{font-size:20px!important;}
}