/* ===== Global (buttons, navbar, tables, etc.) ===== */
.clear-button{
  margin-left:10px;
  padding:2px 6px;
  background:#dc3545;
  color:#fff;
  border:0;
  border-radius:4px;
  font-size:12px;
  cursor:pointer
}
.clear-button:hover{background:#c82333}
/* 
.navbar{opacity:.95;transition:all .3s ease-in-out}
.navbar-brand{font-size:1.5rem;font-weight:700}
.navbar-nav .nav-link{font-size:1.1rem;padding:8px 15px}
/* .navbar-nav .nav-link:hover,.navbar-brand.nav-link:hover{border-bottom:2px solid #007bff} */

/* ✅ Always-sticky navbar (overflow-safe) */
#mainNavbar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1050; /* above most things */
} */


[id*="speechify"]{
    display: none !important;
}

.page-wrap .container{margin-top:20px}
.bold{font-weight:700}
.center{text-align:center}







/* Tables */
table.grid-table-center,
table.grid-table-center-all,
table.grid-table-left,
.conners-table{
  width:100%;
  font-family:Calibri,Arial,sans-serif;
  border-collapse:collapse;
  margin-bottom:1em
}
.grid-table-center th,.grid-table-center td,
.grid-table-center-all th,.grid-table-center-all td,
.grid-table-left td,
.conners-table th,.conners-table td{
  border:1px solid #666;
  padding:6px 10px
}
.grid-table-center thead,
.grid-table-center-all thead,
.grid-table-left thead{
  background:#d3d3d3
}
.grid-table-center th{font-weight:400}
.grid-table-center th:first-child,
.grid-table-center td:first-child,
.grid-table-left th:first-child,
.grid-table-left td:first-child{
  text-align:left
}
.grid-table-center th:not(:first-child),
.grid-table-center td:not(:first-child),
.grid-table-left th:not(:first-child),
.grid-table-left td:not(:first-child){
  text-align:center
}
.grid-table-center-all th{
  font-weight:700;
  text-align:center
}
.conners-table,.conners-table th,.conners-table td{border:1px solid #000}
.conners-table th{text-align:center;background:#d3d3d3}
.conners-table td.center{text-align:center}
.conners-table th.left-align,.conners-table td.left-align{text-align:left!important}

.conners-description,.conners-paragraph{
  font-family:Calibri,Arial,sans-serif;
  font-size:16px
}

/* Fixed download button */
.fixed-download-button{
  position:fixed;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  z-index:1050;
  padding:10px 20px;
  font-size:16px
}

/* Theme */
body{background:#fff;color:#000}
table{border-color:#ccc}
body.dark-mode{background:#121212;color:#e0e0e0}
body.dark-mode table{border-color:#444}
body,table,td,th{transition:background-color .3s ease,color .3s ease}

/* =========================================================
   SECTION HEADERS (THIS IS THE KEY FIX)
   ========================================================= */

/* Section header base */
.section-header{
  width:100%;
  display:flex;
  justify-content:center;
  margin:12px 0;
}
.section-header > div{
  background:#D3D3D3;
  font-weight:700;
  font-size:16px;
  text-align:center;
  padding:6px 8px;
  width:100%;
}

/* Width variants */
.section-header.full > div{ max-width:100%; }

/*
  ✅ IMPORTANT:
  Use CSS variables from report.html when present.
  Fall back to 1118px if not present (non-report pages).
*/
.section-header.narrow-5 > div{
  max-width: var(--report-max, 1118px);
  padding-left: var(--report-pad, 0px);
  padding-right: var(--report-pad, 0px);
  box-sizing: border-box;
}