/* Fields by Sport pages (soccer, football, baseball-softball, synthetic-fields) and Equestrian A.6 blocks */
/* Table component: assets/tc.css (live host) is linked first; the rules below repeat its base so the table also renders locally, and adapt it to these pages */
.tc-table{width:100%;border-collapse:separate;border-spacing:0;background:#FFFFFF;border-radius:24px;overflow:hidden;box-shadow:0 24px 50px -36px rgba(31,107,48,.6)}
.tc-table th{text-align:left;padding:18px 22px;background:linear-gradient(90deg,#2E8B3E,#6CB043);color:#FFFFFF;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.tc-table td{padding:18px 22px;border-top:1px solid rgba(31,107,48,.1);font-size:15.5px;line-height:1.55;color:#4A4848;vertical-align:top}
.tc-table td:first-child{font-weight:700;color:#2B2A2A}
.tc-table td:last-child{color:#1F6B30;font-weight:600}
.tc-table tbody tr{transition:background-color .25s ease}
.tc-table tbody tr:hover{background:#F3F8EC}
.tc-tw{border-radius:24px}
.tc-refs{margin:20px 0 0;font-size:14px;line-height:1.7;color:#6B6969;max-width:980px}
.pg-dark .tc-refs,.pg-dark2 .tc-refs,.pg-green .tc-refs{color:rgba(255,255,255,.62)}
.xs-tbl th:first-child,.xs-tbl td:first-child{width:22%}
.xs-tbl th:nth-child(2),.xs-tbl td:nth-child(2){width:40%}
.xs-tbl a{color:#1F6B30;text-decoration:underline;text-decoration-color:rgba(31,107,48,.35);text-underline-offset:3px;transition:text-decoration-color .2s ease}
.xs-tbl a:hover{text-decoration-color:#1F6B30}
.xs-tbl .xs-sep{color:#8CC63F;padding:0 2px}
@media (max-width:760px){
.xs-tbl,.xs-tbl tbody,.xs-tbl tr,.xs-tbl td{display:block;width:auto !important}
.xs-tbl{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.xs-tbl thead{display:none}
.xs-tbl tr{background:#FFFFFF;border-radius:20px;overflow:hidden;margin:0 0 14px;box-shadow:0 18px 40px -30px rgba(31,107,48,.6)}
.xs-tbl td{border-top:1px solid rgba(31,107,48,.1);padding:14px 18px;font-size:15px}
.xs-tbl td:first-child{border-top:0;padding:16px 18px;background:linear-gradient(90deg,#2E8B3E,#6CB043);color:#FFFFFF;font-size:16px}
.xs-tbl td:not(:first-child):before{content:attr(data-label);display:block;margin-bottom:4px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6B6969}
}
/* Text blocks */
.xs-lead{margin:0;font-size:19px;line-height:1.75;max-width:900px;color:rgba(255,255,255,.88)}
.pg-light .xs-lead{color:#4A4848}
.xs-card{border-radius:28px;padding:40px 44px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.pg-light .xs-card{background:#FFFFFF;border-color:rgba(31,107,48,.1);box-shadow:0 18px 40px -30px rgba(31,107,48,.5)}
.xs-card .xs-lead{max-width:none}
.xs-lead a{color:#B5E07A;font-weight:700;text-decoration:underline;text-decoration-color:rgba(181,224,122,.4);text-underline-offset:3px}
.pg-light .xs-lead a{color:#1F6B30;text-decoration-color:rgba(31,107,48,.35)}
.xs-lead a:hover{text-decoration-color:currentColor}
.xs-fail{display:flex;align-items:flex-start;gap:22px;border-radius:28px;padding:34px 40px;background:#2B2A2A;color:#FFFFFF}
.xs-fail span{flex:0 0 auto;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#328741,#8CC63F)}
.xs-fail p{margin:0;font-size:19px;line-height:1.7;color:rgba(255,255,255,.92)}
.sp-diff p.xs-only{margin-top:14px}
.xs-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xs-proof .pg-logos{justify-content:center;margin-top:36px}
.xs-proof .xs-lead{max-width:none}
@media (max-width:760px){.xs-offers{grid-template-columns:1fr}.xs-card{padding:28px 24px;border-radius:22px}.xs-fail{padding:24px 22px;gap:16px;border-radius:22px}.xs-fail span{width:42px;height:42px;border-radius:14px}.xs-fail p,.xs-lead{font-size:17px}}
/* Hero photo kept at or below native resolution */
.xs-hero-pic{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(100%,var(--w));height:min(100%,var(--h));background-size:cover;background-position:center;z-index:0;pointer-events:none}
.xs-hero-pic+.hero-veil{z-index:0}
@media (min-width:961px){.xs-hero-pic.xs-cap960{left:auto;right:0;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}}
@media (min-width:1281px){.xs-hero-pic.xs-cap1280{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}}
@media (min-width:761px){.xs-tbl td a{white-space:nowrap}}
/* keep highlighted heading part on one line */
.xs-page .pg-h2 .gtext,.xs-page .sp-hero .hero-h .gtext{white-space:nowrap}
/* overrides of tc.css for these tables */
.xs-tbl th:first-child,.xs-tbl td:first-child{white-space:normal}
@media (max-width:760px){.tc-tw .xs-tbl{min-width:0}.tc-tw{overflow:visible}}