@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/instrument-serif-italic-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Rethink Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/rethink-sans-latin.woff2') format('woff2');
}
html { color-scheme: dark; background: #56634a; }
body { margin: 0; }
/* Keep the approved Signature typography and spacing intact when changing the theme. */
#tentimes-signature {
    --signature-paper: #56634a;
    --signature-ink: #dde3ce;
    --signature-accent: #dde3ce;
    box-sizing: border-box;
    color-scheme: dark;
    color: var(--signature-ink);
    background: var(--signature-paper);
    min-height: 620px;
    padding: 32px 40px;
    display: flex;
    flex-direction: column;
    font-family: 'Rethink Sans', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
  }
  #tentimes-signature * { box-sizing: border-box; }
  #tentimes-signature .signature-top-space { height: 32.2px; flex: 0 0 32.2px; }
  #tentimes-signature .signature-main { flex: 1; display: flex; justify-content: center; align-items: center; padding: 16px 0 44px; }
  #tentimes-signature .signature-mark {
    margin: 0;
    font-family: 'Instrument Serif', Georgia, serif;
    font-style: italic;
    font-weight: 400;
    letter-spacing: -.085em;
    line-height: .9;
    white-space: nowrap;
    color: var(--signature-accent);
    font-size: clamp(190px, 35vw, 370px);
  }
  #tentimes-signature .signature-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 36px; font-size: 23px; letter-spacing: -.035em; }
  #tentimes-signature .signature-nav a { color: inherit; text-decoration: none; min-height: 44px; display: flex; align-items: center; border-top: 1px solid var(--signature-ink); padding-top: 12px; text-underline-offset: .2em; }
  #tentimes-signature .signature-nav a:hover { color: var(--signature-accent); text-decoration: underline; text-decoration-thickness: 1px; }
  @media (max-width: 650px) {
    #tentimes-signature { min-height: 680px; padding: 28px; }
    #tentimes-signature .signature-top-space { height: 30.8px; flex-basis: 30.8px; }
    #tentimes-signature .signature-mark { font-size: clamp(174px, 53vw, 280px); }
    #tentimes-signature .signature-nav { column-gap: 18px; font-size: 19px; }
  }
  @media (max-width: 380px) {
    #tentimes-signature { padding: 24px 20px; }
    #tentimes-signature .signature-nav { column-gap: 14px; font-size: 17px; }
  }
#tentimes-signature { min-height: max(620px, 100svh); }
@media (max-width: 650px) {
  #tentimes-signature { min-height: max(680px, 100svh); }
}