* {
  padding: 0;
}

body {
  font-family: Arial;
  font-size: 9pt;
  background: #0d1117;
  color: #c9d1d9;
  max-width: 7.5in; /* 8.5in standard minus 0.5in margins on each side */
  margin: 0 auto;
}

h1, h2 {
  color: #58a6ff;
  border-bottom: 1px solid #30363d;
  font-size: 14pt;
  margin-top: 10px;
  margin-bottom: 10px;
}

ul {
  list-style: none;
  margin: 0;
}

li {
  margin-bottom: 10px;
}

a {
  color: #58a6ff;
  text-decoration: none;
  font-size: 9pt;
}

a:hover {
  text-decoration: underline;
}

.desc {
  color: #8b949e;
  margin-top: 4px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  margin-top: 20px;
}

.card {
  background: #161b22;
  border: 1px solid #30363d;
}

.metric {
  font-size: 12pt;
  color: #79c0ff;
  font-weight: bold;
  margin-top: 8px;
}

.sub {
  font-size: 7pt;
  color: #8b949e;
  margin-top: 4px;
}

button {
  background: #238636;
  color: white;
  border: 1px solid rgba(240,246,252,0.1);
  cursor: pointer;
  font-family: Arial;
  font-size: 9pt;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
}

th, td {
  border: 1px solid #30363d;
  text-align: left;
}

th {
  background: #161b22;
  color: #58a6ff;
}

input {
  background: #090d13;
  border: 1px solid #30363d;
  color: #e6edf3;
  width: 100%;
  box-sizing: border-box;
  font-family: Arial;
  font-size: 9pt;
  margin-bottom: 10px;
}

/* US Letter Print Settings */
@page {
  size: letter;
  margin: 0.5in;
}

@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  
  body {
    max-width: 7.5in;
    margin: 0 auto;
  }

  h1, h2, th, td, .card {
    border-color: #000000 !important;
  }

  a {
    text-decoration: underline;
  }

  .grid {
    display: block;
  }

  .card {
    page-break-inside: avoid;
    margin-bottom: 10px;
    border: 1px solid #000000;
  }

  button, input, a[href="/"] {
    display: none !important;
  }
}