/* Baixar a disciplina em PDF.
   Não há servidor: o PDF é o próprio navegador imprimindo a página. Para
   isso a folha de impressão tem de fazer três coisas que a de ecrã não faz:
   abrir TODAS as aulas (no ecrã só uma aparece de cada vez), tirar tudo o
   que é botão, e forçar a paleta clara — senão quem lê no tema escuro
   imprime páginas pretas e gasta a tinta toda. */
@media print {
  :root{
    --ground:#fff; --surface:#fff; --sunk:#f2f0ea;
    --ink:#111; --ink-soft:#333; --ink-faint:#666;
    --line:#bbb; --line-soft:#ddd;
    --clay:#7a5c1c; --clay-strong:#5d4715; --clay-wash:#f6f0dc;
    --gold:#7a5c1c; --gold-strong:#5d4715; --gold-wash:#f6f0dc;
    --p1:#33405c; --p2:#7d4820; --p3:#37503a; --p4:#24475a; --p5:#6b2823; --p6:#4f4737;
  }
  body{background:#fff !important; color:#111 !important; font-size:11pt}
  .wrap{max-width:none; padding:0}

  /* tudo o que é de ecrã sai */
  .bar, nav.abas, nav, .passos, .vaievem, .ouvir, .veloc,
  .baixar, .searchbar, .hero, .hero-nota, .particular{display:none !important}

  /* e tudo o que estava escondido aparece */
  section[hidden]{display:block !important}
  .card[hidden]{display:block !important}
  .card{display:block !important; background:none; border:0; border-radius:0;
    padding:0; margin:0 0 1.2rem}
  .card + .card{break-before:page; page-break-before:always; padding-top:.5rem}

  header.top{border-bottom:2px solid #999; padding:0 0 .8rem; margin-bottom:1rem}
  .seal{width:34px; height:34px}
  .mark{font-size:19pt} .tagline{font-size:8.5pt} .abre{font-size:10.5pt; max-width:none}

  .card h3{font-size:8.5pt; letter-spacing:.16em}
  .card h2{font-size:15pt; margin:.2rem 0 .5rem}
  .card h2 .n{font-size:8.5pt; letter-spacing:.16em; margin-bottom:.2rem}
  h4{font-size:12pt; margin:.9rem 0 .2rem}
  .read{font-size:11pt; line-height:1.52; margin:0 0 .55rem; orphans:3; widows:3}
  .fonte{font-size:10.5pt; border-left:2px solid #8a6a22; break-inside:avoid}
  .fonte .ref, .chave .ref{font-size:8.5pt}
  .chave{background:#f6f0dc; border:1px solid #b39a52; break-inside:avoid; font-size:10.5pt}
  .exercicio{background:#fbf8f0; border:1px solid #ccc; break-inside:avoid;
    padding:8pt 10pt; margin-top:10pt}
  .exercicio b{font-size:7.5pt; letter-spacing:.16em; color:#555}
  .exercicio p{font-size:10.5pt; line-height:1.45; color:#000}
  .aviso{background:#faf8f3; border:1px solid #ccc; border-left:3px solid #6b2823;
    break-inside:avoid; font-size:10pt}
  .small, .tiny{font-size:9.5pt}

  figure.esq{break-inside:avoid; page-break-inside:avoid; border:1px solid #ccc;
    margin:.6rem 0; padding:.5rem; max-width:15cm}
  figure.esq figcaption{font-size:8.5pt; border-top:1px solid #ddd;
    position:static !important; width:auto !important; padding:.45rem 0 0 !important}
  /* no telefone o desenho desliza de lado e a legenda fica presa; em papel
     não há deslize, e essas duas regras têm de sair */
  figure.esq{overflow:visible !important; margin-left:0 !important; margin-right:0 !important}
  figure.esq svg{min-width:0 !important; padding:0 !important}

  .tl .aut{break-inside:avoid}
  .tl .yr{font-size:9pt} .tl .nm{font-size:11pt} .tl .ob{font-size:9.5pt}

  /* endereço à vista: em papel o link não se clica */
  a[href^="http"]::after{content:" \00a0(" attr(href) ")"; font-size:8pt; color:#555;
    word-break:break-all}

  @page{margin:1.8cm 1.6cm 1.6cm; size:A4}
}

/* o botão, no ecrã */
.baixar{margin-top:1.1rem; display:flex; flex-direction:column;
  align-items:center; gap:.35rem}
.baixar button{font-family:var(--sans); font-size:.68rem; letter-spacing:.13em;
  text-transform:uppercase; cursor:pointer; padding:.6rem 1rem;
  border:1px solid var(--line); border-radius:var(--r);
  background:var(--surface); color:var(--ink-soft)}
.baixar button:hover{border-color:var(--clay); color:var(--ink)}
.baixar button:focus-visible{outline:2px solid var(--clay); outline-offset:2px}
.baixar button span{font-size:.9rem; line-height:1}
.baixar small{font-family:var(--serif); font-size:.78rem; font-style:italic;
  color:var(--ink-faint)}
@media (max-width:52rem){ .baixar button{font-size:.72rem} .baixar small{font-size:.8rem} }

@media print{
  /* a ementa abre o PDF, como abre um programa de disciplina */
  .wrap{display:flex; flex-direction:column}
  .bar{order:0} .top{order:1}
  section[data-aba="Ementa"]{order:2}
  #s-aulas{order:3}
  section[data-aba="Fontes"]{order:4}

  .ementa h3{font-size:8.5pt; letter-spacing:.15em; color:#000;
    margin:14pt 0 5pt; padding-bottom:2pt; border-bottom:.4pt solid #999}
  .ementa h3:first-of-type{margin-top:0}
  .ementa > p{font-size:10.5pt; line-height:1.45}
  .ident{border-top:.5pt solid #999; border-bottom:.5pt solid #999;
    grid-template-columns:repeat(3,1fr)}
  .ident dt{font-size:7pt; color:#555}
  .ident dd{font-size:10pt}
  .metas li, .prog li, .bibl li{border-top:.4pt solid #ccc;
    font-size:10pt; line-height:1.4; break-inside:avoid}
  .metas li::before{border:.4pt solid #999; color:#000}
  .bibl li .nota{font-size:8.5pt; color:#555}
  .prog b{font-size:7.5pt; color:#555}
  .prog span{font-size:10pt}
  /* a ementa é uma página só: não quebrar entre os seus blocos */
  .ementa{break-after:page; page-break-after:always}
}

@media print{
  /* ARMADILHA DO PDF: a EB Garamond traz ligadura «fi», e ao imprimir o
     navegador embute a fonte em subconjunto sem mapear a ligadura de volta
     para as duas letras. Resultado: o PDF fica bonito e o texto extraído sai
     «de!nição», «a!rma», «!gura». Desligar as ligaduras resolve, e a
     diferença visual é imperceptível em corpo de texto. */
  body, .wrap, p, li, td, th, div, span, h1, h2, h3, h4, figcaption{
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    font-feature-settings: "liga" 0, "clig" 0, "dlig" 0, "hlig" 0;
  }

  /* listas não se partem ao meio de um item, e a lista não se separa do
     título que a introduz */
  .metas, .prog, .bibl, .livre ul{break-inside:auto}
  .metas li, .prog li, .bibl li, .livre li{
    break-inside:avoid; page-break-inside:avoid; orphans:3; widows:3}
  .ementa h3{break-after:avoid; page-break-after:avoid}
  h4{break-after:avoid; page-break-after:avoid}
  .fonte, .chave, .aviso, .exercicio, figure.esq{
    break-inside:avoid; page-break-inside:avoid}
  p{orphans:3; widows:3}
}

@media print{
  /* em papel não há onde tocar: a glosa some da frase, e baixar.js já
     moveu o texto dela para uma lista de notas no fim de cada seção,
     deixando na frase só um número pequeno (.pdf-nota-marca). */
  .tec{border-bottom:0}
  .tec > .g{display:none}
  .pdf-nota-marca{display:inline; font-size:.7em; color:#7a5c1c; font-weight:700}
  .pdf-notas-titulo{display:block; font-family:var(--sans); font-size:8pt;
    font-weight:700; letter-spacing:.08em; text-transform:uppercase;
    color:#666; margin:1.1rem 0 .2rem; border-top:1px solid #ccc; padding-top:.5rem}
  .pdf-notas{display:block; font-size:9.5pt; color:#333; margin:0; padding-left:1.1rem}
  .pdf-notas li{margin:.15rem 0; break-inside:avoid}
}

/* fora da impressão, essas notas não existem em tela — só aparecem quando
   baixar.js as monta no instante de imprimir, mas a regra abaixo é um
   cinto de segurança caso o evento afterprint não dispare para desfazê-las */
.pdf-nota-marca, .pdf-notas-titulo, .pdf-notas{display:none}

@media print{
  figure.gravura{break-inside:avoid; page-break-inside:avoid; margin:1rem 0}
  figure.gravura img{filter:none !important; mix-blend-mode:normal !important;
    max-width:78%; margin:0 auto}
  figure.gravura figcaption{font-size:8.5pt; color:#555}
}