/* Source Sans 3 (successor de Source Sans Pro) — pesos 400/600/700, rodona i itàlica */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

.quarto-figure {
  text-align: center;   /* Centre els captions respecte la figura */
  margin: auto;         /* Centra la figura respecte l'amplada del text*/
}

.quarto-float-tbl {
  text-align: center;   /* Igual que per les figures*/
  margin: auto;         /* Igual que per les figures*/
}

/* Línies de codi partides (code-overflow: wrap, amb code-line-numbers): la
   continuació comença sota el codi, no sota el número de línia. El CSS de Pandoc
   desplaça cada línia 4em a l'esquerra i hi posa el número com a inline-block de
   4em, pensat per a white-space: pre; amb pre-wrap, la continuació començava a
   la vora esquerra de la línia, sota els números i en part fora del bloc, i se'n
   perdia el primer caràcter («zero» → «ero»). Pandoc ja ho fa així per a la
   impressió (text-indent negatiu). Mesurat el 2026-10-08 sobre les 39 pàgines:
   al mòbil (375 px), 2 500 de 2 508 línies partides mal alineades, i 0 amb la
   regla; a l'escriptori, 14 i 0, i les pàgines sense línies partides queden
   idèntiques píxel a píxel. */
pre.numberSource code > span {
  text-indent: -4em;
  padding-left: 4em;
}

/* Equacions display (MathJax CHTML): en pantalles estretes, les fórmules més
   amples que el viewport es desplacen horitzontalment dins del seu propi
   contenidor en lloc de desbordar per la dreta. Les equacions numerades porten
   un min-width de MathJax igual a l'amplada de la fórmula (perquè el número
   quedi a la dreta), que guanya el max-width i les feia sobresortir de la
   columna; per això min-width: 0 (2026-10-07: A1, A4–A7 passaven del visor). */
mjx-container[display="true"] {
  display: block;
  max-width: 100%;
  min-width: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  padding-top: 2px;     /* evita que l'scroll retalli superíndexs/subíndexs */
  padding-bottom: 2px;
}

/* Equacions inline llargues. MathJax 3 no parteix línies automàticament, i una
   expressió en línia més ampla que la columna quedaria tallada: a aquestes, i
   només a aquestes, se'ls dona desplaçament horitzontal propi. Les marca amb la
   classe .formula-llarga formules_en_linia.html (_quarto.yml, include-after-body),
   que compara l'amplada del contingut amb la de la caixa.

   No es pot posar l'overflow a totes: un inline-block amb un overflow que no
   sigui visible pren com a línia de base la vora inferior del marge (CSS 2.1
   §10.8.1), no la del text, i la fórmula hi queda recolzada pel peu. Mesurat a
   A6 (2026-10-06, 40 fórmules): pujaven entre 1 i 6 px per sobre de la línia,
   4 de mitjana, i feien créixer l'interlineat; sense l'overflow, 0 px.

   La barra de scroll s'amaga (desbordaments de subpíxel la farien aparèixer);
   el desplaçament tàctil o amb roda segueix funcionant. */
mjx-container:not([display="true"]) {
  display: inline-block;
  max-width: 100%;
}
mjx-container.formula-llarga:not([display="true"]) {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;             /* Firefox */
}
mjx-container.formula-llarga:not([display="true"])::-webkit-scrollbar {
  display: none;                     /* Chrome/Safari */
}

/* Taules en pantalles estretes: scroll horitzontal propi en lloc de desbordar
   el cos de la pàgina (afecta especialment taules amb math inline). */
@media (max-width: 767.98px) {
  main table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
  /* Al mòbil, el codi en línia llarg i les referències creuades amb el títol
     d'una secció (Quarto les escriu amb white-space: nowrap) es parteixen en
     lloc de fer més ample tota la pàgina (2026-10-07: A2, A3 i 13_contrib). */
  :not(pre) > code {
    white-space: pre-wrap !important;
    overflow-wrap: anywhere;
  }
  a.quarto-xref,
  a.quarto-xref span {
    white-space: normal;
  }
}

/* Bibliografia: les URL llargues es parteixen on calgui (index.html passava del
   visor al mòbil). */
.csl-entry {
  overflow-wrap: anywhere;
}

/* Per sota del breakpoint de col·lapse de la sidebar de Quarto (992 px), els
   elements off-canvas del tema (#quarto-sidebar-glass, cercador) eixamplen el
   scrollWidth de la pàgina. Amb el contingut ja contingut (equacions i taules
   amb scroll propi), s'elimina el desbordament residual de la pàgina. */
@media (max-width: 991.98px) {
  body {
    overflow-x: hidden;
  }
}

.table-borderless td {                  /* Reducció de l'espaiat vertical a les taules borderless (06_sigles.qmd) */
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
}

/* Figures dinàmiques (figures_dinamiques.html): barra de navegació de passos */
.fig-dinamica-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
  align-items: center;
  margin: 0.4rem 0 0.6rem;
}
.fig-dinamica-pas {
  min-width: 9em;
  text-align: center;
  font-size: 0.9rem;
}
/* Al tema fosc (darkly), btn-outline-secondary és #434343 sobre #222, i
   desactivat encara perd un 35 %: els botons gairebé no es veuen. Grisos de
   la paleta (svg.md §10) i una opacitat de desactivat més alta. */
body.quarto-dark .fig-dinamica-controls .btn-outline-secondary {
  --bs-btn-color: #adb5bd;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-disabled-color: #adb5bd;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-btn-disabled-opacity: 0.6;
}

/* Exemples plegables (25_scripts/plegables.lua, pilot de T1, D-90): la resposta
   d'un exemple, plegada fins que l'estudiant la vol veure. */
details.resposta > summary {
  cursor: pointer;
  font-weight: 600;
  margin: 0.5em 0;
}

/* Calendari del laboratori: una sessió en un dia de la setmana diferent del de la
   fila, en vermell i amb †, i explicada sota la taula (13_contrib.qmd §Convencions
   globals del laboratori, D-74). El vermell és el de les fallades de la paleta
   (24_specs/svg.md §10), i el del mode fosc, el de la seva substitució (§13). */
.canvi-dia { color: #dc3545; }
body.quarto-dark .canvi-dia { color: #f07080; }

/* Continguts (10_continguts.qmd, 25_scripts/continguts.lua, D-101): l'índex dels
   apunts sense pics ni subratllat, i les subseccions sagnades, com l'índex del PDF. */
.continguts ul {
  list-style: none;
  padding-left: 0;
}
.continguts ul ul {
  padding-left: 2.5em;
}
.continguts a {
  text-decoration: none;
}