/* Athena Grade 9 Physics — clean textbook graphics v1.4.0 */
.physics-linear-motion-lesson {
  --motion-ink: #101820;
  --motion-blue: #174f72;
  --motion-line: #1d5f91;
  --motion-grid-major: #aeb9c1;
  --motion-grid-minor: #e3e7ea;
  --motion-border: #89959d;
  --motion-soft: #f4f8fa;
}

.physics-linear-motion-lesson .athena-physics-grade-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 20px !important;
  padding: 13px 17px !important;
  border: 1px solid #cfdce3 !important;
  border-right: 6px solid var(--motion-blue) !important;
  border-radius: 12px !important;
  background: #f7fafb !important;
  font-family: Alexandria, sans-serif !important;
}

.physics-linear-motion-lesson .lesson-lead { font-size: 1.05em !important; line-height: 1.9 !important; }

.physics-linear-motion-lesson .scope-note {
  margin: 14px 0 22px !important;
  padding: 13px 16px !important;
  border: 1px solid #ead7ac !important;
  border-right: 5px solid #d8931d !important;
  border-radius: 10px !important;
  background: #fffaf0 !important;
}

.physics-linear-motion-lesson .athena-motion-overview,
.physics-linear-motion-lesson .athena-xvt-section,
.physics-linear-motion-lesson .athena-equations,
.physics-linear-motion-lesson .lesson-finish {
  margin: 22px 0 28px !important;
  padding: 20px !important;
  border: 1px solid #d5e0e6 !important;
  border-radius: 12px !important;
  background: #fbfcfd !important;
}

.physics-linear-motion-lesson .motion-concept-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.physics-linear-motion-lesson .motion-concept-grid > div {
  padding: 14px !important;
  border: 1px solid #dbe4e9 !important;
  border-radius: 10px !important;
  background: #f4f8fa !important;
}

.physics-linear-motion-lesson .formula-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 11px 0 !important;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  background: #f1f5f7 !important;
}

.physics-linear-motion-lesson code.athena-math-text {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-block !important;
  white-space: nowrap !important;
  font-family: "Cambria Math", "Times New Roman", serif !important;
  font-size: .94em !important;
}

/* Textbook x-v-t triangle */
.physics-linear-motion-lesson .xvt-wrap {
  display: grid !important;
  grid-template-columns: minmax(250px, 350px) minmax(0, 1fr) !important;
  gap: 30px !important;
  align-items: center !important;
  margin-top: 18px !important;
}

.physics-linear-motion-lesson .athena-xvt-diagram {
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
}

.physics-linear-motion-lesson .athena-xvt-svg {
  display: block !important;
  width: min(100%, 340px) !important;
  height: auto !important;
}

.physics-linear-motion-lesson .athena-xvt-svg .xvt-letter {
  fill: #101820 !important;
  font: 700 66px "Cambria Math", "Times New Roman", serif !important;
}

.physics-linear-motion-lesson .xvt-laws p { margin: 9px 0 !important; }

/* Real two-row tables: time is directly adjacent to position. */
.physics-linear-motion-lesson .athena-motion-table-wrap {
  width: 100% !important;
  margin: 18px 0 14px !important;
  overflow-x: auto !important;
  background: #fff !important;
}

.physics-linear-motion-lesson table.athena-motion-table {
  width: 100% !important;
  min-width: 460px !important;
  margin: 0 !important;
  border: 2px solid #36454f !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  direction: ltr !important;
  font-family: Alexandria, sans-serif !important;
  font-size: .86em !important;
  line-height: 1.35 !important;
}

.physics-linear-motion-lesson .athena-motion-table th,
.physics-linear-motion-lesson .athena-motion-table td {
  height: 52px !important;
  padding: 8px 10px !important;
  border: 1px solid #68757d !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.physics-linear-motion-lesson .athena-motion-table th {
  width: 88px !important;
  background: #edf1f3 !important;
  color: #101820 !important;
  font-weight: 800 !important;
}

.physics-linear-motion-lesson .athena-motion-table td {
  background: #fff !important;
  color: #101820 !important;
  font-weight: 600 !important;
}

/* Graph hosts: no decorative card, just a clean worksheet graph. */
.physics-linear-motion-lesson .athena-motion-chart,
.physics-linear-motion-lesson .athena-number-line-chart {
  width: 100% !important;
  margin: 22px 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.physics-linear-motion-lesson .athena-motion-svg,
.physics-linear-motion-lesson .athena-number-line-svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

.physics-linear-motion-lesson .chart-minor-grid {
  stroke: var(--motion-grid-minor) !important;
  stroke-width: 1 !important;
  vector-effect: non-scaling-stroke !important;
  shape-rendering: crispEdges !important;
}

.physics-linear-motion-lesson .chart-major-grid {
  stroke: var(--motion-grid-major) !important;
  stroke-width: 1.35 !important;
  vector-effect: non-scaling-stroke !important;
  shape-rendering: crispEdges !important;
}

.physics-linear-motion-lesson .chart-frame {
  stroke: #36454f !important;
  stroke-width: 2 !important;
  vector-effect: non-scaling-stroke !important;
  shape-rendering: crispEdges !important;
}

.physics-linear-motion-lesson .chart-axis {
  stroke: #111820 !important;
  stroke-width: 2.6 !important;
  vector-effect: non-scaling-stroke !important;
}

.physics-linear-motion-lesson .chart-tick-mark {
  stroke: #111820 !important;
  stroke-width: 2 !important;
  vector-effect: non-scaling-stroke !important;
}

.physics-linear-motion-lesson .chart-tick-label {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  fill: #111820 !important;
  font: 600 18px "Times New Roman", serif !important;
}

.physics-linear-motion-lesson .chart-axis-title {
  fill: #111820 !important;
  font: 700 23px "Times New Roman", serif !important;
}

.physics-linear-motion-lesson .chart-motion-line {
  stroke: var(--motion-line) !important;
  stroke-width: 4.5 !important;
  vector-effect: non-scaling-stroke !important;
}

.physics-linear-motion-lesson .chart-motion-line.velocity { stroke: #9a4f16 !important; }

.physics-linear-motion-lesson .chart-data-point {
  fill: #fff !important;
  stroke: var(--motion-line) !important;
  stroke-width: 3.2 !important;
  vector-effect: non-scaling-stroke !important;
}

.physics-linear-motion-lesson .number-line-axis {
  stroke: #111820 !important;
  stroke-width: 3 !important;
  vector-effect: non-scaling-stroke !important;
}
.physics-linear-motion-lesson .number-line-tick,
.physics-linear-motion-lesson .number-line-guide {
  stroke: #36454f !important;
  stroke-width: 1.8 !important;
  vector-effect: non-scaling-stroke !important;
}
.physics-linear-motion-lesson .number-line-marker {
  fill: #fff !important;
  stroke: var(--motion-blue) !important;
  stroke-width: 3 !important;
  vector-effect: non-scaling-stroke !important;
}
.physics-linear-motion-lesson .number-line-direction,
.physics-linear-motion-lesson .number-line-label,
.physics-linear-motion-lesson .number-line-marker-value,
.physics-linear-motion-lesson .number-line-value,
.physics-linear-motion-lesson .number-line-x-label {
  fill: #111820 !important;
  font-family: Alexandria, sans-serif !important;
}
.physics-linear-motion-lesson .number-line-direction { font-size: 19px !important; font-weight: 800 !important; }
.physics-linear-motion-lesson .number-line-label { font-size: 18px !important; font-weight: 800 !important; }
.physics-linear-motion-lesson .number-line-marker-value { direction:ltr !important; unicode-bidi:isolate !important; font-size: 16px !important; font-weight: 700 !important; }
.physics-linear-motion-lesson .number-line-value { direction:ltr !important; unicode-bidi:isolate !important; font-size: 15px !important; font-weight: 600 !important; }
.physics-linear-motion-lesson .number-line-x-label { font-size: 18px !important; font-weight: 800 !important; }

@media (max-width: 760px) {
  .physics-linear-motion-lesson .motion-concept-grid,
  .physics-linear-motion-lesson .xvt-wrap {
    grid-template-columns: 1fr !important;
  }

  .physics-linear-motion-lesson .athena-motion-chart,
  .physics-linear-motion-lesson .athena-number-line-chart {
    width: calc(100% + 12px) !important;
    margin-inline: -6px !important;
  }

  .physics-linear-motion-lesson .chart-tick-label { font-size: 16px !important; }
  .physics-linear-motion-lesson .chart-axis-title { font-size: 20px !important; }
}