.courses-btn {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-left: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--gold);
  color: var(--gold);
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}
.sheet-head .courses-btn { flex: none; }
.course-wrap { max-width: 880px; margin: 0 auto; }
.course-main { padding: 12px; }
.course-main h2 { margin-top: 4px; }
.meta-row { color: var(--muted); margin: 0 0 8px; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.chip {
  background: #e7f2ea;
  color: var(--pine);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 600;
}
.chip.off { background: #f6ebe6; color: var(--bogey); }
.charity {
  border: 1px solid var(--gold);
  background: #fbf6ea;
  border-radius: 14px;
  padding: 12px;
  margin: 8px 0 12px;
}
.charity b { display: block; margin-bottom: 4px; }
.links a { color: var(--pine-2); font-weight: 650; }
.score-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
table.card {
  border-collapse: collapse;
  width: 100%;
  min-width: 560px;
  font-size: 14px;
}
table.card th, table.card td {
  padding: 6px 8px;
  border-bottom: 1px solid var(--line);
  text-align: right;
  white-space: nowrap;
}
table.card th:first-child, table.card td:first-child { text-align: left; }
table.card tr.tot td { font-weight: 700; background: #f7f3ea; }
.caveat { color: var(--muted); font-size: 14px; }
.use-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.use-row input { flex: 1; min-width: 140px; width: auto; }

.course-main a { overflow-wrap: anywhere; }