.algebra-page h1 { max-width: 900px; font-size: clamp(2.15rem, 5vw, 4rem); letter-spacing: normal; }
.algebra-origin { max-width: 750px; margin: 28px 0 0; color: var(--ink-mid); font-size: .88rem; line-height: 1.65; }
.algebra-content { margin-top: 52px; }
.algebra-content section { scroll-margin-top: 24px; }
.algebra-example { padding-top: 36px; border-top: 1px solid var(--border); }
.algebra-question { margin: 22px 0; color: var(--ink); }
.algebra-content .algebra-question p { color: var(--ink); font-size: 1.05rem; }
.algebra-equation { line-height: 1.9; font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.algebra-inline { display: inline-block; font-variant-numeric: tabular-nums; }
.algebra-solution { margin-top: 24px; }
.algebra-solution summary { padding-block: 10px; color: var(--blue); font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }
.algebra-solution summary:focus-visible { outline: 3px solid rgba(43, 94, 167, .55); outline-offset: 4px; border-radius: 3px; }
.algebra-solution > div { padding-top: 16px; }
.algebra-solution h3 { font-size: 1.05rem; }
.algebra-solution code { padding: 1px 4px; font-size: 1rem; color: var(--ink); background: #f4f4f1; border-radius: 3px; white-space: nowrap; }
.algebra-graph { width: min(100%, 560px); margin: 28px 0; }
.algebra-graph svg { display: block; width: 100%; height: auto; }
.algebra-graph figcaption { margin-top: 10px; color: var(--ink-mid); font-size: .86rem; line-height: 1.6; }
.algebra-content .algebra-paid-note { margin-top: 24px; font-size: .9rem; }
.algebra-answer { margin-top: 24px; }
.algebra-answer[hidden], .algebra-answer-feedback[hidden] { display: none; }
.algebra-answer label { display: block; margin-bottom: 8px; color: var(--ink); font-weight: 600; }
.algebra-answer-controls { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.algebra-answer input { min-width: 0; width: min(100%, 230px); min-height: 48px; border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; background: white; color: var(--ink); font: inherit; font-variant-numeric: tabular-nums; }
.algebra-answer .button { min-height: 48px; padding: 10px 20px; border: 0; cursor: pointer; font: inherit; font-weight: 600; }
.algebra-answer input:focus-visible, .algebra-answer-feedback:focus-visible { outline: 3px solid rgba(43, 94, 167, .55); outline-offset: 4px; }
.algebra-answer input[aria-invalid="true"] { border-color: #9c352e; }
.algebra-content .algebra-answer-hint { margin: 8px 0 0; font-size: .86rem; }
.algebra-content .algebra-answer-feedback { margin: 14px 0 0; color: var(--ink); font-size: .95rem; line-height: 1.65; }
.algebra-content .algebra-answer-feedback[data-result="correct"] { color: #225c36; }
.algebra-content .algebra-answer-feedback[data-result="invalid"] { color: #9c352e; }
@media (max-width: 480px) {
  .algebra-question { margin-block: 18px; }
  .algebra-content .algebra-question p { font-size: 1rem; }
  .algebra-equation { font-size: 1.05rem; }
  .algebra-solution summary { min-height: 44px; }
  .algebra-content .hero-actions { align-items: flex-start; flex-direction: column; }
}
@media print {
  .algebra-answer { display: none; }
  .algebra-page .hero-actions, .algebra-page .related, .algebra-page #seguir-practicando { display: none; }
  .algebra-solution > div { display: block !important; }
  .algebra-solution { break-inside: auto; }
  .algebra-graph { break-inside: avoid; max-width: 420px; }
}

.algebra-vocabulary { margin-top: 20px; }
.algebra-vocabulary summary { padding-block: 12px; color: var(--blue); cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }
.algebra-vocabulary summary:focus-visible { outline: 3px solid rgba(43, 94, 167, .55); outline-offset: 4px; border-radius: 3px; }
.algebra-vocabulary dl { margin: 8px 0 0; max-width: 650px; }
.algebra-vocabulary dt { margin-top: 12px; color: var(--ink); font-weight: 600; }
.algebra-vocabulary dd { margin: 4px 0 0; color: var(--ink-mid); line-height: 1.65; }