/* Typography setup */
/* Fonts are loaded via link tags in the HTML head */

a { 
    color: #efbf00;
    text-decoration: underline;
}

a:visited {
    color: #510066;
}
/* Base typography */
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}

/* Headings */

.heading-like {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    vertical-align: middle;
    font-size: 24px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    line-height: 1.2;
    padding: 20px 0px;
}

/* Special text elements that should use Oswald */
.player-title,
.trick-title,
.game-status,
.reset-button,
.commander-intro strong,
.crew-game-demo {
    font-family: 'Oswald', sans-serif;
}

/* Keep body text in Open Sans */
p, li, div, span, table, td, th {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

/* Ensure cards maintain their styling */
.card, .mini-card {
    font-family: inherit;
}

/* Override any existing font-family declarations */
* {
    font-family: inherit;
}

details { 
    margin: 1.5em 0; 
    padding: 0.5em;
    border-left: 3px solid #0366d6;
  }
  summary { 
    cursor: pointer; 
    font-weight: 600;
    margin: -0.5em -0.5em 0;
    padding: 0.5em;
  }
  summary:hover { background: #f6f8fa; }
  .metric { font-size: 2em; font-weight: bold; color: #0366d6; }
  
  .llm-quote {
      background: #1e1e1e;
      color: #d4d4d4;
      border-left: 4px solid #569cd6;
      padding: 1em;
      margin: 1.5em 0;
      font-family: 'Consolas', 'Monaco', monospace;
      font-size: 0.9em;
      border-radius: 4px;
      position: relative;
  }

  .llm-quote.gameplay {
    background: #dde4ec;
    color: #000000;
    border-left: None;
    padding: 1em;
    margin: 1em 0;
    font-family: 'Consolas', 'Monaco', monospace !important;
    font-size: 0.9em;
    border-radius: 4px;
    position: relative;
}
  
  .llm-quote::before {
      content: attr(data-model);
      position: absolute;
      top: -10px;
      left: 10px;
      background: #569cd6;
      color: white;
      padding: 2px 8px;
      font-size: 0.8em;
      border-radius: 3px;
      font-weight: bold;
  }
  
  .llm-quote.fail {
      border-left-color: #f14c4c;
  }
  .llm-quote.fail::before {
      background: #f14c4c;
  }