.banner {
      background: #d40000;
      border: 6px solid #000;
      
      padding: 1.5rem 2rem;
      text-align: center;
      max-width: 500px;
 

      margin: 2rem auto;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    }
    .name {
      font-size: 2.4rem;
      font-weight: bold;
      color: white;
      text-transform: uppercase;
      line-height: 1.1;
      letter-spacing: 1px;
      margin: 0;
    }
    .tagline {
      font-size: 1.6rem;
      color: white;
      margin: 0.8rem 0 0;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    .divider {
      height: 2px;
      background: #ffd700;
      width: 60%;
      margin: 0.8rem auto;
    }
    @media (max-width: 400px) {
      .name { font-size: 1.8rem; }
      .tagline { font-size: 1.2rem; }
      .banner { padding: 1rem 1.2rem; }
    }
.quote {
      font-size: 1.1rem;
      line-height: 1.7;
      text-align: justify;
      position: relative;
      padding: 1.2rem 1.2rem 1.2rem 1.6rem;
      border-left: 3px solid var(--accent);
      margin: 1.5rem 0;
      background: rgba(212, 0, 0, 0.05);
    }
:root {
      --bg: #0a0a0a;
      --text: #f9f9f9;
      --accent: #d40000;
      --high: #9e6c0e;
    }

.highlight {
      background-color: #fff9e6;
      padding: 20px;
      border-left: 4px solid #d4af37;
      margin: 25px 0;
      font-style: italic;
    }
    ul.exercises {
      list-style-type: none;
      padding-left: 0;
      margin: 20px 0;
    }
    ul.exercises li {
      background: #f0f0f0;
      margin-bottom: 8px;
      padding: 10px 15px;
      border-radius: 4px;
      font-family: 'Courier New', monospace;
      font-size: 15px;
    }
    .quote2 {
      font-style: italic;
      color: #555;
      border-left: 3px solid #ccc;
      padding-left: 15px;
      margin: 20px 0;
    }
    .footer-note {
      font-size: 14px;
      color: #777;
      text-align: center;
      margin-top: 40px;
      font-style: italic;
    }
.fact-box {
      background: #fff9e6;
      border-left: 4px solid #d4af37;
      padding: 18px;
      margin: 25px 0;
      border-radius: 0 6px 6px 0;
    }
    .fact-box h2 {
      margin-top: 0;
      font-size: 20px;
      color: #2c2c2c;
    }
    p {
      font-size: 16px;
      margin-bottom: 16px;
      text-align: justify;
    }
    .highlight2 {
      font-weight: bold;
      color: #222;
    }
    .caption {
      font-style: italic;
      text-align: center;
      margin: 20px 0;
      color: #555;
    }

.year-section {
      margin-bottom: 30px;
    }
    .year {
      font-size: 20px;
      font-weight: bold;
      color: #2c2c2c;
      margin: 25px 0 12px 0;
      border-left: 3px solid #d4af37;
      padding-left: 10px;
    }
    ul.results {
      list-style-type: none;
      padding-left: 0;
      margin: 0;
    }
    ul.results li {
      padding: 6px 0;
      font-size: 15px;
    }
    .win {
      color: #1a5d1a;
      font-weight: bold;
    }
    .place2 {
      color: #7a5c00;
    }
    .place3 {
      color: #8b4513;
    }
    .place4plus {
      color: #555;
    }
    .note {
      font-style: italic;
      color: #666;
      margin-top: 10px;
      font-size: 14px;
    }
.year2 {
      color: var(--high);
      font-weight: bold;
    }