/* Single pont facts: white card, transparent details and stable result odds. */
.pont-page .pont-facts{background:#fff}
.pont-page .pont-facts-grid{grid-template-columns:40fr 20fr 40fr;gap:0;align-items:start;text-align:left;background:transparent}
.pont-page .pont-facts-grid>.pont-fact{display:flex;align-items:flex-start;gap:14px;min-width:0;background:transparent;padding:0 20px}
.pont-page .pont-facts-grid>.pont-fact:first-child{padding-left:0}
.pont-page .pont-facts-grid>.pont-fact:last-child{padding-right:0}
.pont-page .pont-fact>div,.pont-page .pont-fact strong,.pont-page .pont-fact .pont-surface{background:transparent!important;box-shadow:none;border-radius:0;padding:0;border:0}
.pont-page .pont-fact strong{overflow-wrap:anywhere}
.pont-page .pont-fact-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#e3e7d9;color:#29473a}
.pont-page .pont-fact-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pont-page .pont-facts-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;text-align:left}
.pont-page .pont-pick-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-bottom:10px}
.pont-page .pont-pick-heading small{margin:0}
.pont-page .pont-pick-heading .pont-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:30px;font:600 13px/1.4 Inter,system-ui,sans-serif;background:#eee5cd}
.pont-page .pont-pick-heading .state-won{background:#e0ebd6}.pont-page .pont-pick-heading .state-lost{background:#f2ded9}.pont-page .pont-pick-heading .state-void{background:#e5e5df}
.pont-page .pont-pick-heading .pont-status svg{flex:0 0 22px;width:22px;height:22px}
.pont-page .pont-pick-odds{min-width:110px;text-align:center;border-left:1px solid #d7e2d7;padding-left:24px}
.pont-page .pont-pick-odds .pont-odds{background:none!important;color:#000;padding:0;box-shadow:none}
.pont-page .pont-pick-odds .pont-odds.result-void{color:#849080!important}
.pont-page .pont-stake{display:block;margin-top:10px;font:500 14px/1.4 Inter,system-ui,sans-serif;color:#637969;white-space:nowrap}
@media(max-width:900px) and (min-width:761px){.pont-page .pont-facts-grid>.pont-fact{gap:8px;padding-left:12px;padding-right:12px}.pont-page .pont-fact-icon{flex-basis:32px;width:32px;height:32px}.pont-page .pont-fact-icon svg{width:22px;height:22px}}
@media(max-width:760px){.pont-page .pont-facts-grid{grid-template-columns:1fr 1fr;gap:18px 0}.pont-page .pont-facts-grid>.pont-fact{padding:0;gap:10px}.pont-page .pont-facts-grid>.pont-fact:first-child{grid-column:1/-1;padding-bottom:18px}.pont-page .pont-facts-grid>.pont-fact:nth-child(2){border-left:0}.pont-page .pont-facts-grid>.pont-fact:last-child{padding-left:14px}.pont-page .pont-fact-icon{flex-basis:30px;width:30px;height:30px}.pont-page .pont-fact-icon svg{width:20px;height:20px}.pont-page .pont-facts-pick{gap:14px;grid-template-columns:minmax(0,1fr) auto}.pont-page .pont-pick-odds{min-width:76px;padding-left:14px}.pont-page .pont-stake{font-size:12px}.pont-page .pont-pick-heading{gap:8px}.pont-page .pont-pick-heading .pont-status{font-size:12px;padding:4px 8px}.pont-page .pont-pick-copy>strong{overflow-wrap:anywhere}}

.pont-page .pont-facts-pick>.pont-pick-odds{text-align:center;padding-right:7px}
@media(max-width:760px){.pont-page .pont-facts-pick>.pont-pick-copy{grid-column:auto}}

.pont-page{--pont-icon-bg:#eaf2e7;--pont-icon-ink:#365a31}
.pont-page[data-surface="hard"]{--pont-icon-bg:#e7eff8;--pont-icon-ink:#365c80}
.pont-page[data-surface="clay"]{--pont-icon-bg:#f7e8df;--pont-icon-ink:#985a3c}
.pont-page .pont-fact-icon{background:var(--pont-icon-bg);color:var(--pont-icon-ink)}
.pont-page .pont-odds-stack{position:relative;display:inline-block;padding-bottom:30px;vertical-align:top}
.pont-page .pont-odds-stack .pont-stake{position:absolute;top:auto;bottom:0;left:0;width:100%;margin:0;font-size:11px;text-align:center;line-height:1.4;white-space:nowrap}
@media(max-width:760px){.pont-page .pont-odds-stack{padding-bottom:25px}.pont-page .pont-odds-stack .pont-stake{font-size:10px}}

/* v66: four facts, stake in the recommendation label, result at the foot. */
.pont-page .pont-facts-grid{grid-template-columns:35% 15% 35% 15%;column-gap:0;align-items:start}
.pont-page .pont-facts-grid>.pont-fact{padding:0 12px;gap:10px}
.pont-page .pont-facts-grid>.pont-fact:first-child{padding-left:0}
.pont-page .pont-facts-grid>.pont-fact:last-child{padding-right:0}
.pont-page .pont-fact-icon{width:34px;height:34px;flex-basis:34px}
.pont-page .pont-fact-icon svg{width:22px;height:22px}
.pont-page .pont-facts small{margin-bottom:4px}
.pont-page .pont-pick-heading{margin-bottom:4px}
.pont-page .pont-pick-heading small{margin-bottom:0}
.pont-page .pont-facts-pick .pont-pick-copy>strong{font:700 28px/1.3 Inter,system-ui,sans-serif}
.pont-page .pont-odds-stack{padding-bottom:0}
.pont-page .pont-facts-status{display:flex;justify-content:center;margin-top:22px}
.pont-page .pont-facts-status .pont-status{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:30px;font:600 13px/1.4 Inter,system-ui,sans-serif;background:#eee5cd}
.pont-page .pont-facts-status .state-won{background:#e0ebd6}.pont-page .pont-facts-status .state-lost{background:#f2ded9}.pont-page .pont-facts-status .state-void{background:#e5e5df}
@media(max-width:1000px) and (min-width:761px){.pont-page .pont-facts-grid>.pont-fact{flex-direction:column;gap:8px;padding-left:10px;padding-right:10px}}
@media(max-width:760px){.pont-page .pont-facts-grid{grid-template-columns:1fr 1fr;gap:18px 14px}.pont-page .pont-facts-grid>.pont-fact{padding:0;gap:10px;border-left:0}.pont-page .pont-facts-grid>.pont-fact:first-child{grid-column:auto;border-bottom:0;padding-bottom:0}.pont-page .pont-facts-grid>.pont-fact:last-child{padding-left:0}.pont-page .pont-facts-pick .pont-pick-copy>strong{font-size:25px}.pont-page .pont-odds-stack{padding-bottom:0}.pont-page .pont-facts-status{margin-top:18px}}

/* Keep the pick and odds beside each other even when the pick wraps. */
@media(max-width:760px){
.pont-page .pont-facts .pont-facts-pick{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:12px;align-items:start}
.pont-page .pont-facts .pont-facts-pick>.pont-pick-copy{grid-column:1;grid-row:1;min-width:0}
.pont-page .pont-facts .pont-facts-pick>.pont-pick-odds{grid-column:2;grid-row:1;min-width:0;padding-left:12px;padding-right:7px}
.pont-page .pont-facts .pont-pick-copy>strong{display:block;overflow-wrap:anywhere}
}

/* Homepage base canvas and larger reading typography, scoped to single tips. */
body.home2.pont-page{background-color:#f5f4ef!important}
.pont-page .pont-analysis-text{font-size:20px;line-height:1.8}
.pont-page .pont-facts small,.pont-page .pont-score>span{font-size:15px}
.pont-page .pont-facts-status .pont-status{font-size:16px}
.pont-page .pont-facts-status .pont-status svg{width:25px;height:25px}
.pont-page .pont-surface{text-transform:none}
@media(max-width:760px){.pont-page .pont-analysis-text{font-size:18px;line-height:1.8}.pont-page .pont-facts small,.pont-page .pont-score>span{font-size:14px}.pont-page .pont-facts-status .pont-status{font-size:15px}}