:root {
  --accent: #0e7a4f !important;
  --accent2: #07593a !important;
  --bg: #f4f7f5 !important;
  --ink: #10231a !important;
  --muted: #53655c !important;
  --line: rgba(16, 35, 26, .13) !important;
  --card: #fff !important;
  --card2: #fff !important;
}

body {
  background: #fff !important;
  color: var(--ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.section {
  padding: clamp(34px, 4vw, 58px) 0 !important;
}

.tw-site-header + main > .section:first-child {
  padding-top: clamp(34px, 4vw, 54px) !important;
  padding-bottom: clamp(34px, 4vw, 54px) !important;
}

.section:nth-of-type(odd) {
  background: #f4f7f5 !important;
}

.section:nth-of-type(even) {
  background: #fff !important;
}

.container {
  max-width: 1280px !important;
  padding-left: clamp(18px, 4vw, 56px) !important;
  padding-right: clamp(18px, 4vw, 56px) !important;
}

.sectionHead,
.sectionHead--split {
  align-items: center !important;
  gap: 24px !important;
}

.sectionTag,
.kickerRed {
  color: #33483e !important;
  letter-spacing: .24em !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.sectionTitle,
.bigTitle {
  color: var(--ink) !important;
  font-size: clamp(34px, 4.1vw, 56px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

.leagueSub,
.contactP,
.muted,
.toolLimitText {
  color: var(--muted) !important;
}

.leagueSub {
  max-width: 720px !important;
  font-size: clamp(15px, 1.45vw, 18px) !important;
  line-height: 1.55 !important;
}

.card,
.card.soft,
.leagueSideCard,
.leagueMainCard,
.leagueFixturesCard,
.leagueTableCard,
.driveShell,
.driveCard,
.tacticsCard,
.toolPanel,
.posterPanel,
.tgCard,
.matchCard,
.driveMatch,
.driverCard {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 46px rgba(16, 35, 26, .10) !important;
}

.sectionHead,
.sectionHead--split,
.toolHeader,
.driveToolbar,
.tacticsToolbar,
.tgControls {
  border-color: var(--line) !important;
}

.btnGhost,
.toolBtn,
.btnFull,
button,
.presentationIconBtn,
.keep-self {
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.toolBtn-primary,
.btnFull,
button[type="submit"],
#generateBtn,
#downloadBtn,
#addMatchBtn {
  background: var(--accent) !important;
  color: #fff !important;
  border-color: var(--accent) !important;
  box-shadow: 0 14px 30px rgba(14, 122, 79, .20) !important;
}

.btnGhost,
.toolBtn:not(.toolBtn-primary),
.presentationIconBtn {
  background: #fff !important;
  color: #0b5f3d !important;
  border: 2px solid #0f8f5d !important;
}

input,
select,
textarea {
  border: 1px solid #d8dfeb !important;
  border-radius: 14px !important;
  color: var(--ink) !important;
}

.notice,
.emptyNote,
.emptyState,
.driveTotalBox,
.driveSubNote,
.tgHint {
  background: #e8f5ed !important;
  border-color: rgba(14, 122, 79, .22) !important;
  color: #0b5f3d !important;
}

.leagueGrid,
.tgFormGrid,
.driveToolbar,
.tacticsToolbar,
.boardPicker {
  gap: 14px !important;
}

.miniControl,
.tgField,
.formGrid label,
.driveField,
.driverField {
  color: var(--ink) !important;
  font-weight: 850 !important;
}

.miniControl span,
.tgLabel,
.driveLabel,
.driverLabel,
.formGrid label {
  letter-spacing: 0 !important;
}

#board,
.posterCanvas,
.exportPaper,
#exportArea {
  border-color: rgba(16, 35, 26, .16) !important;
}

.presentationOverlay {
  background: rgba(244, 247, 245, .94) !important;
}

.presentationShell {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(16, 35, 26, .16) !important;
}

.adSlot,
.siteHeader,
.siteFooter {
  display: none !important;
}