/* Strong overrides to beat theme/page-builder CSS. Scoped under .mcp-wrap. */
.mcp-wrap{
  width: calc(100vw - 20px) !important;   /* full browser width minus 10px margins */
  max-width: none !important;
  margin: 0 10px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: left !important;

  /* break out of theme containers that constrain width */
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

.mcp-wrap *{ box-sizing: border-box !important; }

.mcp-wrap .mcp-toolbar{
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin: 0 0 14px 0 !important;
  padding: 10px 0 !important;
}

.mcp-wrap .mcp-badge{
  display: inline-block !important;
  padding: 8px 12px !important;
  border: 1px solid #ddd !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  background: #fff !important;
}

.mcp-wrap .mcp-download{
  display: inline-block !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  border: 1px solid #111 !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  background: #fff !important;
}

.mcp-wrap .mcp-year{
  border: 1px solid #e5e5e5 !important;
  border-radius: 14px !important;
  padding: 12px !important;
  margin: 16px 0 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.04) !important;
  width: 100% !important;
}

/* Header */
.mcp-wrap .mcp-year-head{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 2px 2px 10px 2px !important;
  border-bottom: 1px dashed rgba(0,0,0,.12) !important;
  margin-bottom: 10px !important;
}

.mcp-wrap .mcp-year-head h3{
  margin: 0 !important;
  font-size: 20px !important;
  letter-spacing: .3px !important;
}

.mcp-wrap .mcp-president{
  font-size: 14px !important;
  font-weight: 900 !important;
  opacity: .95 !important;
  margin-top: 2px !important;
  text-align: left !important;
}

/* Table */
.mcp-wrap .mcp-table-wrap{ overflow: auto !important; width: 100% !important; }
.mcp-wrap .mcp-table{ border-collapse: collapse !important; width: 100% !important; min-width: 980px !important; }

.mcp-wrap .mcp-table th,
.mcp-wrap .mcp-table td{
  border: 1px solid #e5e5e5 !important;
  padding: 8px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

.mcp-wrap .mcp-table thead th{
  position: sticky !important;
  top: 0 !important;
  background: #111 !important;
  color: #fff !important;
  z-index: 2 !important;
}

.mcp-wrap .mcp-table td.num{
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

/* Sources */
.mcp-wrap .mcp-sources{ margin-top: 12px !important; }
.mcp-wrap .mcp-sources summary{ cursor: pointer !important; font-weight: 900 !important; }

/* President background tint (kept) */
.mcp-wrap .mcp-term-barackobama{ background: #eaf2ff !important; }
.mcp-wrap .mcp-term-donaldtrump{ background: #ffecec !important; }
.mcp-wrap .mcp-term-joebiden{   background: #ecfff0 !important; }
.mcp-wrap .mcp-term-unknown{    background: #ffffff !important; }

/* Year-specific background colors (override president tint) */
.mcp-wrap .mcp-year-2009{ background:#f2f7ff !important; }
.mcp-wrap .mcp-year-2010{ background:#f7fff2 !important; }
.mcp-wrap .mcp-year-2011{ background:#fff2f2 !important; }
.mcp-wrap .mcp-year-2012{ background:#fff8e6 !important; }
.mcp-wrap .mcp-year-2013{ background:#f3f0ff !important; }
.mcp-wrap .mcp-year-2014{ background:#e9fbff !important; }
.mcp-wrap .mcp-year-2015{ background:#f0fff8 !important; }
.mcp-wrap .mcp-year-2016{ background:#fff0fb !important; }
.mcp-wrap .mcp-year-2017{ background:#f5fff0 !important; }
.mcp-wrap .mcp-year-2018{ background:#f0f5ff !important; }
.mcp-wrap .mcp-year-2019{ background:#fff5f0 !important; }
.mcp-wrap .mcp-year-2020{ background:#f0fff2 !important; }
.mcp-wrap .mcp-year-2021{ background:#f2f7ff !important; }
.mcp-wrap .mcp-year-2022{ background:#f7fff2 !important; }
.mcp-wrap .mcp-year-2023{ background:#fff2f2 !important; }
.mcp-wrap .mcp-year-2024{ background:#fff8e6 !important; }
.mcp-wrap .mcp-year-2025{ background:#f3f0ff !important; }
