/* curriculum.css — Visor de fitxes del currículum (I8-CURRICULUM I8-C-front, brief §10.2/§10.3).
   ── I8-C curriculum ──
   Tots els colors/tipografies venen de variables de la pell (var(--…), skins.css/app.css); cap
   color fix. El panell viu per SOTA del distintiu d'IA (--z-distintiu = 500): z-index 300, així
   mai el tapa (§10.3). Llegible a 400 px d'amplada per la regla @media del final. */

.curriculum-overlay{
  position:fixed;inset:0;z-index:300;
  display:flex;align-items:center;justify-content:center;
  padding:16px;
  background:rgba(0,0,0,.5);
}
.curriculum-card{
  width:100%;max-width:720px;max-height:min(86vh,720px);
  display:flex;flex-direction:column;gap:12px;
  background:var(--card-bg,var(--bg2));
  color:var(--text);
  border:1px solid var(--border);
  border-radius:var(--radius-card);
  box-shadow:var(--shadow);
  padding:20px;
  overflow-y:auto;
}
.curriculum-header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
}
.curriculum-caps{min-width:0;}
.curriculum-tema{
  margin:0;font-family:var(--font-head);font-size:1.45rem;line-height:1.2;
  color:var(--text);overflow-wrap:anywhere;
}
.curriculum-subtitol{
  margin:4px 0 0;font-size:.85rem;color:var(--text-dim);
}
.curriculum-tanca{
  flex:0 0 auto;
  font-family:var(--font-body);font-size:.9rem;font-weight:600;
  color:var(--text);background:var(--bg3);
  border:1px solid var(--border);border-radius:var(--radius-card);
  padding:7px 14px;cursor:pointer;
}
.curriculum-tanca:focus-visible{outline:2px solid var(--focus);outline-offset:2px;}
.curriculum-bloc{
  margin:0;font-size:.95rem;font-weight:600;color:var(--accent);
  overflow-wrap:anywhere;
}
.curriculum-cos{display:flex;flex-direction:column;gap:8px;}
.curriculum-cos-md{
  font-family:var(--font-body);font-size:1rem;line-height:1.55;
  color:var(--text);overflow-wrap:anywhere;
}
.curriculum-cos-md p{margin:0 0 .7em;}
.curriculum-cos-md h1,.curriculum-cos-md h2,.curriculum-cos-md h3{
  font-family:var(--font-head);line-height:1.25;margin:.8em 0 .4em;
}
.curriculum-cos-md ul,.curriculum-cos-md ol{margin:.3em 0 .7em;padding-left:1.4em;}
.curriculum-cos-md code{
  font-family:var(--font-mono);background:var(--bg3);
  border-radius:4px;padding:0 .3em;
}
.curriculum-error{color:var(--danger-fg);background:var(--danger-bg);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px;margin:0;}
.curriculum-minireptes{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:12px;}
.curriculum-minireptes-titol{
  margin:0;font-family:var(--font-head);font-size:1.1rem;color:var(--text);
}
.curriculum-minireptes-llista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.curriculum-minirepte{
  display:flex;flex-direction:column;gap:2px;
  background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-card);
  padding:10px 12px;
}
.curriculum-minirepte-plantilla{font-weight:700;color:var(--accent);overflow-wrap:anywhere;}
.curriculum-minirepte-dades{color:var(--text);overflow-wrap:anywhere;}
.curriculum-minireptes-nota{margin:0;font-size:.88rem;color:var(--text-dim);}

@media (max-width:480px){
  .curriculum-overlay{padding:8px;align-items:flex-end;}
  .curriculum-card{max-height:92vh;padding:14px;border-radius:var(--radius-card);}
  .curriculum-tema{font-size:1.25rem;}
  .curriculum-cos-md{font-size:.95rem;line-height:1.5;}
}