/* Casa San Juan Guide - legacy table remnant styles (rail boxes, colophon grid, board tables), rev 7 */
table.sideBox { width: 100%; border-collapse: collapse; margin: 0 0 1.4rem; background: #fffaf0; border: 1px solid #1c2321; font-size: .9rem; }
table.sideBox .sbHead, table.sideBox caption.sbHead {
  background: #1c2321; color: #f7f0de; text-align: left; padding: .55rem .7rem;
  font: 600 .74rem/1.2 "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: .08em; caption-side: top;
}
table.sideBox caption.sbHead { border: 1px solid #1c2321; border-bottom: 0; }
table.sideBox td.sbCell { padding: .5rem .7rem; border-top: 1px solid #d9cfb6; line-height: 1.35; }
table.sideBox td.sbCell--on { background: #f1e3bf; font-weight: 600; }
table.sideBox td.sbFoot { padding: .5rem .7rem; border-top: 1px solid #d9cfb6; font: 600 .74rem/1.2 "IBM Plex Mono", monospace; text-transform: uppercase; }
table.sideBox .sbDate { font: 400 .7rem/1 "IBM Plex Mono", monospace; color: #5d6763; text-transform: uppercase; }
table.sideBox--ref th, table.sideBox--ref td { padding: .42rem .7rem; border-top: 1px solid #d9cfb6; text-align: left; vertical-align: top; }
table.sideBox--ref th { font: 600 .72rem/1.3 "IBM Plex Mono", monospace; text-transform: uppercase; color: #0a4248; width: 44%; }

/* departures-board table (home landmarks, venue facts) */
table.boardTbl { width: 100%; border-collapse: collapse; background: #1c2321; color: #f7f0de; font-size: .95rem; }
table.boardTbl caption { text-align: left; font: 600 .78rem/1.2 "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: .08em; color: #5d6763; padding-bottom: .5rem; }
table.boardTbl th { font: 600 .7rem/1.2 "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: .08em; color: #e5a23a; text-align: left; padding: .7rem .8rem; border-bottom: 2px solid #e5a23a; }
table.boardTbl td { padding: .75rem .8rem; border-bottom: 1px solid #2b3431; vertical-align: top; }
table.boardTbl td.bdNo { font: 600 1rem/1 "IBM Plex Mono", monospace; color: #e5a23a; width: 3rem; }
table.boardTbl a { color: #f7f0de; font: 700 1.05rem/1.25 "Bricolage Grotesque", sans-serif; text-decoration: none; }
table.boardTbl a:hover { color: #e5a23a; text-decoration: underline; }
table.boardTbl tr:hover td { background: #2b3431; }
table.factTbl { border-collapse: collapse; width: 100%; max-width: 640px; margin: 1.2rem 0 1.6rem; font-size: .95rem; }
table.factTbl th, table.factTbl td { text-align: left; padding: .55rem .7rem; border-bottom: 1px solid #d9cfb6; vertical-align: top; }
table.factTbl th { width: 34%; font: 600 .74rem/1.3 "IBM Plex Mono", monospace; text-transform: uppercase; color: #0a4248; background: #fffaf0; }

/* colophon presentation table */
#colophon { margin: 2rem 1.25rem 0; background: #1c2321; color: #e9e2cd; border-radius: 4px 4px 0 0; }
#colophon a { color: #f7f0de; }
#colophon a:hover { color: #e5a23a; }
.endBand { background: #e5a23a; color: #1c2321; padding: 1.3rem 1.6rem; border-radius: 4px 4px 0 0; }
.endBandLine { margin: 0; font: 700 clamp(1.05rem, 2.2vw, 1.4rem)/1.3 "Bricolage Grotesque", sans-serif; max-width: 70ch; }
.endBandLine span { background: #1c2321; color: #e5a23a; padding: 0 .35rem; margin-right: .3rem; }
table.colophonTbl { width: 100%; border-collapse: collapse; table-layout: fixed; }
table.colophonTbl td.ctCell { vertical-align: top; padding: 1.6rem 1.4rem; border-right: 1px solid #2b3431; font-size: .92rem; }
table.colophonTbl td.ctCell:last-child { border-right: 0; }
table.colophonTbl td.ctCell--brand { width: 34%; }
table.colophonTbl .ctMark { font: 800 2.4rem/1 "Bricolage Grotesque", sans-serif; color: #e5a23a; margin: 0 0 .6rem; letter-spacing: .05em; }
table.colophonTbl .ctHead { font: 600 .74rem/1 "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: .1em; color: #e5a23a; margin: 0 0 .8rem; }
table.colophonTbl ul { list-style: none; margin: 0; padding: 0; }
table.colophonTbl li { padding: .22rem 0; }
.colophonBase { display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; justify-content: space-between; padding: .9rem 1.4rem 1.2rem; border-top: 1px solid #2b3431; font: 400 .74rem/1.4 "IBM Plex Mono", monospace; color: #b9b29f; }
@media (max-width: 860px) {
  table.colophonTbl, table.colophonTbl tbody, table.colophonTbl tr, table.colophonTbl td.ctCell { display: block; width: 100%; }
  table.colophonTbl td.ctCell { border-right: 0; border-bottom: 1px solid #2b3431; padding: 1.1rem 1.2rem; }
  table.boardTbl thead { display: none; }
  table.boardTbl tr { display: grid; grid-template-columns: 3rem 1fr; }
  table.boardTbl td { border-bottom: 0; }
  table.boardTbl td.bdWhere, table.boardTbl td.bdStyle { grid-column: 2; padding-top: 0; }
  table.boardTbl tr { border-bottom: 1px solid #2b3431; }
}