/* v149 – Η εξάσκηση μεταφέρεται κάτω από τις εξωτερικές πηγές του υλικού Γ΄ Λυκείου.
   Περιορισμένο scope για να μην επηρεάζεται η υπόλοιπη πλοήγηση ή η βιβλιοθήκη. */
#g3-external-panel .g3-practice-feature{
  display:grid;
  grid-template-columns:148px minmax(0,1fr) auto;
  align-items:center;
  gap:26px;
  padding:0;
  margin:18px 0 18px;
  min-height:148px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid #ddd5fa;
  background:linear-gradient(105deg,#f6f1ff 0%,#fcfaff 66%,#ffffff 100%);
  box-shadow:0 8px 24px rgba(45,29,94,.035);
  color:#14213d;
  text-decoration:none;
  transition:border-color .2s ease, box-shadow .2s ease,transform .2s ease;
}
#g3-external-panel .g3-practice-feature:hover,
#g3-external-panel .g3-practice-feature:focus-visible{
  border-color:#9d88f7;
  box-shadow:0 12px 28px rgba(82,57,172,.11);
}
#g3-external-panel .g3-practice-feature:focus-visible{
  outline:3px solid #7964ee;
  outline-offset:3px;
}
#g3-external-panel .g3-practice-art{
  min-height:148px;
  height:100%;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#f0eeff,#eae5ff);
  color:#654fea;
}
#g3-external-panel .g3-practice-art:before,
#g3-external-panel .g3-practice-art:after{
  content:"";
  position:absolute;
  width:115px;
  height:63px;
  border:1px solid rgba(110,88,226,.22);
  border-radius:50%;
  transform:rotate(24deg);
}
#g3-external-panel .g3-practice-art:after{width:104px;height:104px;transform:rotate(-25deg)}
#g3-external-panel .g3-practice-icon{
  position:relative;
  z-index:1;
  width:69px;
  height:69px;
  filter:drop-shadow(0 5px 8px rgba(107,82,231,.13));
}
#g3-external-panel .g3-practice-copy{display:block;min-width:0;padding:14px 0}
#g3-external-panel .g3-practice-copy small{
  display:block;
  margin:0 0 9px;
  color:#6850dd;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.045em;
  line-height:1.35;
}
#g3-external-panel .g3-practice-title{
  display:block;
  margin:0 0 7px;
  font-size:clamp(1.12rem,1.7vw,1.48rem);
  font-weight:850;
  line-height:1.3;
  color:#14213d;
}
#g3-external-panel .g3-practice-sub{
  display:block;
  color:#65718b;
  font-size:.82rem;
  line-height:1.55;
}
#g3-external-panel .g3-practice-action{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:11px;
  padding:12px 17px;
  margin:15px 22px 15px 0;
  border-radius:9px;
  background:#6650e7;
  color:#fff;
  text-align:center;
  font-size:.82rem;
  font-weight:800;
  line-height:1.25;
  white-space:nowrap;
}
#g3-external-panel .g3-practice-feature:hover .g3-practice-action{background:#5340d4}
@media (max-width:1080px){
  #g3-external-panel .g3-practice-feature{grid-template-columns:110px minmax(0,1fr) auto;gap:14px}
  #g3-external-panel .g3-practice-art{min-height:142px}
  #g3-external-panel .g3-practice-action{margin-right:14px;padding:11px 12px;white-space:normal;max-width:182px}
}
@media (max-width:760px){
  #g3-external-panel .g3-practice-feature{
    grid-template-columns:90px minmax(0,1fr);
    gap:0 13px;
    align-items:start;
    min-height:0;
    margin:16px 0;
  }
  #g3-external-panel .g3-practice-art{grid-row:1/3;min-height:178px}
  #g3-external-panel .g3-practice-icon{width:55px;height:55px}
  #g3-external-panel .g3-practice-copy{padding:16px 15px 0 0}
  #g3-external-panel .g3-practice-copy small{font-size:.63rem;margin-bottom:6px}
  #g3-external-panel .g3-practice-title{font-size:1.11rem}
  #g3-external-panel .g3-practice-sub{font-size:.75rem}
  #g3-external-panel .g3-practice-action{justify-self:start;margin:12px 15px 16px 0;padding:10px 12px;font-size:.75rem;max-width:none}
}
@media (max-width:400px){
  #g3-external-panel .g3-practice-feature{grid-template-columns:72px minmax(0,1fr);gap:0 10px}
  #g3-external-panel .g3-practice-art{min-height:205px}
  #g3-external-panel .g3-practice-icon{width:45px;height:45px}
}
@media (prefers-reduced-motion:reduce){
  #g3-external-panel .g3-practice-feature{transition:none}
}