.athena-trapezoid-diagrams{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin:16px 0 12px;clear:both}.athena-trapezoid-diagram{position:relative;width:100%;min-height:300px;overflow:hidden;border:1px solid rgba(45,138,120,.25);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(35,48,61,.08);direction:ltr}.athena-trapezoid-diagram:before{content:"معطيات السؤال";position:absolute;z-index:2;right:12px;bottom:8px;padding:4px 9px;border-radius:999px;background:rgba(238,248,245,.95);color:#276f62;font-size:12px;font-weight:800;direction:rtl}.athena-trapezoid-diagram svg{display:block;width:100%;height:300px;touch-action:pan-y}.athena-trapezoid-diagram .athena-trap-line,.athena-trapezoid-diagram .athena-trap-base,.athena-trapezoid-diagram .athena-trap-diagonal,.athena-trapezoid-diagram .athena-trap-midsegment,.athena-trapezoid-diagram .athena-trap-height,.athena-trapezoid-diagram .athena-trap-extension,.athena-trapezoid-diagram .athena-trap-symmetry{fill:none;stroke:#263b49;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.athena-trapezoid-diagram .athena-trap-base{stroke:#2563eb}.athena-trapezoid-diagram .athena-trap-midsegment{stroke:#2d8a78;stroke-width:3}.athena-trapezoid-diagram .athena-trap-height{stroke:#d97706;stroke-dasharray:7 5}.athena-trapezoid-diagram .athena-trap-diagonal{stroke:#7b5ca7}.athena-trapezoid-diagram .athena-trap-extension{stroke:#64748b;stroke-dasharray:5 4}.athena-trapezoid-diagram .athena-trap-symmetry{stroke:#9333ea;stroke-dasharray:6 5}.athena-trapezoid-diagram .athena-trap-point{fill:#fff;stroke:#1f7565;stroke-width:2;vector-effect:non-scaling-stroke}.athena-trapezoid-diagram text{font-family:Arial,sans-serif;direction:ltr;unicode-bidi:isolate;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;user-select:none}.athena-trap-point-label{fill:#162b38;font-size:14px;font-weight:900}.athena-trap-length,.athena-trap-given{fill:#334b5a;font-size:13px;font-weight:800}.athena-trap-angle{fill:#9a4f0d;font-size:13px;font-weight:900}.athena-trap-caption{fill:#7e22ce;font-size:12px;font-weight:900}.athena-trap-tick{stroke:#b04a67;stroke-width:2.5;vector-effect:non-scaling-stroke}.athena-trap-parallel-mark{fill:none;stroke:#2563eb;stroke-width:2.2;vector-effect:non-scaling-stroke}.athena-trap-right{fill:none;stroke:#d97706;stroke-width:2.2;vector-effect:non-scaling-stroke}.athena-trap-angle-arc,.athena-trap-angle-arc-secondary{fill:none;stroke:#b04a67;stroke-width:2;vector-effect:non-scaling-stroke}.athena-trap-angle-arc-secondary{stroke:#d97706}.athena-trap-angle-highlight{fill:rgba(255,207,88,.28);stroke:#d97706;stroke-width:1.2}.trapezoid-lesson code.athena-math-text,.athena-question-card code.athena-math-text,.athena-answer-box code.athena-math-text{direction:ltr;unicode-bidi:isolate;display:inline-block;padding:0 .12em;margin:0 .06em;border:0;background:transparent;color:inherit;font:inherit;font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;white-space:nowrap}@media(max-width:600px){.athena-trapezoid-diagrams{grid-template-columns:1fr}.athena-trapezoid-diagram,.athena-trapezoid-diagram svg{min-height:270px;height:270px}}@media print{.athena-trapezoid-diagram{break-inside:avoid;box-shadow:none}}
/* v1.0.3: clear student-facing trapezoid area formula */
.trapezoid-lesson .athena-area-formula{
  margin:12px 0 0;
  padding:12px 14px;
  border:1px solid rgba(45,138,120,.24);
  border-radius:10px;
  background:#fff;
  font-size:1.08em;
  line-height:1.9;
  text-align:center;
}

/* v1.0.4: stable Arabic/Latin bidirectional layout for the trapezoid area law */
.trapezoid-lesson .athena-area-law{
  overflow:hidden;
}
.trapezoid-lesson .athena-area-intro{
  margin:8px 0 10px;
  font-weight:700;
  text-align:right;
}
.trapezoid-lesson .athena-area-formula{
  display:flex;
  flex-flow:row wrap;
  direction:rtl;
  align-items:center;
  justify-content:center;
  gap:.42em;
  margin:10px 0 0;
  padding:14px 16px;
  border:1px solid rgba(45,138,120,.24);
  border-radius:12px;
  background:#fff;
  color:inherit;
  font-size:clamp(1rem,2.15vw,1.22rem);
  font-weight:800;
  line-height:1.8;
  text-align:center;
  unicode-bidi:isolate;
}
.trapezoid-lesson .athena-area-formula > span,
.trapezoid-lesson .athena-formula-bases > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  white-space:nowrap;
  unicode-bidi:isolate;
}
.trapezoid-lesson .athena-formula-bases{
  display:inline-flex;
  flex-flow:row nowrap;
  direction:rtl;
  align-items:center;
  gap:.32em;
  min-width:0;
  unicode-bidi:isolate;
}
.trapezoid-lesson .athena-formula-symbol,
.trapezoid-lesson .athena-formula-number,
.trapezoid-lesson .athena-formula-operator{
  direction:ltr;
  font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;
  unicode-bidi:isolate;
}
.trapezoid-lesson .athena-formula-symbol{
  min-width:1.35em;
  padding:0 .28em !important;
  border-radius:.35em;
  background:rgba(37,99,235,.08) !important;
}
.trapezoid-lesson .athena-formula-operator{
  min-width:.8em;
  font-weight:900;
}
@media(max-width:600px){
  .trapezoid-lesson .athena-area-formula{
    gap:.3em;
    padding:12px 10px;
    font-size:1rem;
  }
  .trapezoid-lesson .athena-formula-bases{
    flex-basis:100%;
    justify-content:center;
  }
}
@media print{
  .trapezoid-lesson .athena-area-formula{
    break-inside:avoid;
  }
}