/* Prototype under review: do not apply to the full notebook. */
@font-face {
  font-family: "Jean Carnet Essai";
  src: url("/css/fonts/jean-carnet-essai.woff2?v=0.910") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0, U+00AB, U+00B0, U+00BB, U+00C0,
    U+00C2, U+00C4, U+00C6-00CB, U+00CE-00CF, U+00D4, U+00D6,
    U+00D9, U+00DB-00DC, U+00E0, U+00E2, U+00E4, U+00E6-00EB,
    U+00EE-00EF, U+00F4, U+00F6, U+00F9, U+00FB-00FC, U+00FF,
    U+0131, U+0152-0153, U+0178, U+0300-0302, U+0308, U+0327,
    U+2009, U+2011, U+2013-2014, U+2018-2019, U+201C-201D, U+2026,
    U+202F, U+20AC;
}
.jean-ecriture > header {
  max-width: 75ch;
  margin: 2rem auto;
}
.jean-ecriture-comparison {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
}
.jean-ecriture-comparison > figure {
  min-width: 0;
  margin: 0;
}
.jean-ecriture-comparison h3 {
  font-size: 1.1rem;
}
.jean-ecriture-sample > label {
  font-size: .85rem;
}
.jean-ecriture-sample blockquote {
  margin: 1rem 0;
  padding: .75rem 1.25rem;
  border: 0;
}
.jean-ecriture .jean-ecriture-quote,
.jean-ecriture .jean-ecriture-specimen {
  margin: 0;
  font-family: "Jean Carnet Essai", "Newsreader", Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
  font-feature-settings: "calt" 1, "kern" 1;
  font-size: clamp(2.25rem, 4vw, 3.5rem);
  line-height: 1.8;
  letter-spacing: normal;
  text-align: start;
  overflow-wrap: break-word;
}
#jean-ecriture-standard:checked ~ blockquote .jean-ecriture-quote,
#jean-alphabet-standard:checked ~ .jean-ecriture-specimen {
  font-family: var(--pico-font-family);
  font-size: 1.25rem;
  line-height: 1.6;
}
.jean-ecriture-alphabet {
  margin: 3rem auto;
  max-width: 1100px;
  min-width: 0;
}
.jean-ecriture-specimen > p {
  margin: 1rem 0;
}
.jean-ecriture textarea.jean-ecriture-specimen {
  display: block;
  width: 100%;
  padding: 1rem;
  resize: vertical;
}
#jean-ecriture-aide {
  font-size: .85rem;
  color: var(--pico-muted-color);
}
.jean-ecriture-provenance {
  margin-top: 2rem;
}
.jean-ecriture-source img {
  display: block;
  width: 100%;
  height: auto;
}
.jean-ecriture-comparison figcaption {
  color: var(--pico-muted-color);
  font-size: .85rem;
  line-height: 1.5;
}
.jean-ecriture-note {
  max-width: 75ch;
  margin: 2rem auto;
  color: var(--pico-muted-color);
  font-size: .9rem;
}
@media (max-width: 850px) {
  .jean-ecriture-comparison {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media print {
  .jean-ecriture-sample > input,
  .jean-ecriture-sample > label,
  .jean-ecriture-alphabet > input,
  .jean-ecriture-alphabet > label,
  .jean-ecriture-alphabet > textarea,
  #jean-ecriture-aide {
    display: none;
  }
  .jean-ecriture-comparison {
    display: block;
  }
  .jean-ecriture-comparison > figure {
    break-inside: avoid;
    margin-bottom: 1.5rem;
  }
}