@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

.teg-report {
    max-width: 800px;
    margin: 2rem auto;
    padding: 1.5rem 2rem;
    font-family: "Lora", "Georgia", "Times New Roman", serif;
    line-height: 1.7;
    text-align: justify;
    color: #222;
    background: #f3f3f3;
    border-radius: 8px;
    /* box-shadow: 0 2px 6px rgba(0,0,0,0.08); */
    /* column-count: 2; */
    /* column-gap: 2.5rem; */
}

/* Paragraph spacing — Tailwind's preflight zeroes <p> margins, so set our own
   so consecutive paragraphs read as distinct blocks. */
.teg-report p {
    margin: 0 0 1.1em 0;
}

/* HEADLINE */
/* .teg-report h1:first-of-type { */
.teg-report .report-title {
    column-span: all;
    text-align: left;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    font-weight: 700;
    padding-bottom: 0px;
    padding-top:0px;
    /* color: forestgreen; */
    text-transform: uppercase;
}


/* --- DATELINE FORMAT ---*/
.dateline {
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Open Sans';
    column-span: all;
    text-align: left;
    color: darkgrey;
    column-span: all;
    margin: 6px 0 14px 0;
}

/* DROP CAPS IN FIRST PARAGRAPH */
.teg-report .tournament-overview + p::first-letter {
  float: left;
  font-size: 3.4em;       /* adjust size to taste */
  line-height: 0.9;
  font-weight: bold;
  margin-right: 0.08em;
  margin-top: 0.05em;
  color: forestgreen;            /* or a muted accent colour */
  /* font-family: 'Lato', serif; */
}

.at-a-glance-title{
    margin-top: 0px;
    display: none;
}

.at-a-glance-box p{
    margin-bottom: 0px;
    /* padding: 6px; */
}

.at-a-glance-box .trophy-winner{
    /* color: white; */
    /* background-color: forestgreen; */
    font-weight: 600;
}


.teg-report .standings{
    margin-bottom: 2px;
    /* color: rgb(101, 101, 101); */
}

.teg-report .standings-box{
    border: 1px solid;
    padding: 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}


.teg-report .standings-header{
    font-weight: bold;
}

.teg-report h2, .teg-report h3,
.teg-report .at-a-glance-title {
    column-span: all;
    text-align: left;
    margin-top: 14px;
    margin-bottom: 8px;
    padding: 4px 0;
    font-size: 20px;
    color: forestgreen;
    font-weight: 600;
}

.teg-report blockquote {
    column-span: all;
    font-style: italic;
    margin: 1rem 2rem;
    padding-left: 1rem;
    border-left: 3px solid #ccc;
}
.teg-report hr {
    column-span: all;
    border: none;
    border-top: 1px solid forestgreen;
    margin: 1rem 0;
}


/* Restore columns starting from the *next* heading after AT-A-GLANCE */
.teg-report h2#at-a-glance ~ :is(h2,h3,h4,h5,h6),
.teg-report h2#at-a-glance ~ :is(h2,h3,h4,h5,h6) ~ * {
  column-span: initial;
}

/* PERSONAL BESTS / TEG RECORDS APPENDIX */
.teg-report .records {
    column-span: all;
    margin-bottom: 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #444;
}

.teg-report .records-header {
    font-weight: 600;
    margin-bottom: 2px;
    color: #333;
}

.teg-report .records ul {
    margin: 2px 0 8px 0;
    padding-left: 1.4em;
}

.teg-report .records ul li {
    margin-bottom: 2px;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .teg-report { column-count: 1; padding: 1rem; }
}