/* Rock Pool Project – HTML report styling
   Typography: Chivo (headings), Montserrat (body) */
/* Brand guidelines typography pages 15–17 */

@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;600;700;800&family=Montserrat:wght@400;500;600&display=swap');

body {
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #191D2D; /* “Midnight Tide” in guidelines */
  background: #FFFFFF;
  max-width: 1000px;
  margin: 0 auto;
  padding: 2rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Chivo", "Montserrat", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #191D2D;
  margin-top: 1.6em;
}

h1 { font-size: 32px; margin-top: 0.1em; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }

/* ===== Report Header ===== */

.report-header {
  text-align: center;
  margin-bottom: 2.5rem;
}

.report-logo {
  width: 320px;      /* controlled width */
  max-width: 45%;
  height: auto;
  display: block;
  margin: 0 auto;
}


p { margin: 0 0 1rem 0; }

/* Links */
a { color: #0E6BFF; text-decoration: none; }  /* “Tidal Blue” in guidelines */
a:hover { text-decoration: underline; }

/* Tables (kableExtra / markdown tables) */
table { font-size: 15px;
margin-left: auto;
  margin-right: auto;
}

/* ===== Overall Results Table Striping ===== */

table tbody tr:nth-child(odd) {
  background-color: rgba(14, 107, 255, 0.06);  /* very light Tidal Blue */
}

.report-title{
  font-family: "Chivo", sans-serif;
  font-weight: 700;
  font-size: 44px;
  line-height: 1.1;
  margin: 0.5rem 0 1.25rem 0;
  color: #191D2D;
}