/* Shared styles for the odds converter, parlay, Kelly and CLV pages (on top of /my-bets/my-bets.css) */
.calc{max-width:860px;margin:0 auto}
.calc h1{font-size:34px;letter-spacing:-.8px;margin:6px 0 8px}
.calc .lead{color:#d4dcd5;font-size:17px;line-height:1.65;margin:0 0 20px}
.calc h2{font-size:22px;letter-spacing:-.3px;margin:34px 0 8px}
.calc h3{font-size:17px;margin:20px 0 6px}
.calc h2.h{font-size:10px;letter-spacing:.16em;margin:0 0 12px;color:var(--lime)}
.calc p{color:#d4dcd5;font-size:15.5px;line-height:1.7;margin:0 0 12px}
.calc ul,.calc ol{color:#d4dcd5;font-size:15.5px;line-height:1.7;margin:0 0 14px;padding-left:22px}
.calc li{margin:0 0 6px}
.calc b{color:var(--ink)}
.calc a{text-underline-offset:3px}
.calc a:hover{color:var(--lime)}
.calc .hint2{display:block;font-size:12px;color:var(--dim);line-height:1.5;margin:6px 0 0;text-transform:none;letter-spacing:0}
.fe{display:block;color:var(--neg);font-size:12px;min-height:16px;margin:4px 0 0;letter-spacing:0;text-transform:none}
.grid3{display:grid;grid-template-columns:1fr;gap:0 12px}
@media(min-width:600px){.grid3{grid-template-columns:1fr 1fr}}
@media(min-width:860px){.grid4{grid-template-columns:repeat(4,1fr)}}
.grid4{display:grid;grid-template-columns:1fr;gap:0 12px}
@media(min-width:600px){.grid4{grid-template-columns:1fr 1fr}}
.results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
@media(min-width:700px){.results{grid-template-columns:repeat(3,1fr)}}
.res{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;border-left:3px solid var(--line2)}
.res .k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#d3e2d5;font-weight:700}
.res .v{font-family:var(--mono);font-size:21px;font-weight:700;margin:6px 0 2px;word-break:break-word;color:#fff}
.res .s{font-size:11.5px;color:#c4cec6;line-height:1.4}
.res.pos{border-left-color:var(--pos)}.res.pos .v{color:var(--pos)}
.res.neg{border-left-color:var(--neg)}.res.neg .v{color:var(--neg)}
.res.warn{border-left-color:var(--warn)}.res.warn .v{color:var(--warn)}
.callout{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 14px;font-size:14.5px;line-height:1.65;color:#d4dcd5}
.callout.warn{background:#2a2113;border-color:#5c4413;color:var(--warn)}
.callout.good{border-color:#4d6a22}
.callout b{color:var(--ink)}
.callout.warn b{color:#ffe7b8}
.empty2{color:var(--mut);font-size:14.5px;padding:6px 0}
.legrow2{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:start;margin:0 0 6px}
.legrow2 label{margin:0}
.legrow2 .x{min-height:46px;margin-top:21px;padding:0 14px}
@media(max-width:420px){.legrow2{grid-template-columns:1fr 1fr}.legrow2 .x{grid-column:1/3;margin-top:0}}
.legnum{font-family:var(--mono);font-size:11px;color:var(--dim);margin:0 0 3px}
table.ref{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 14px}
table.ref th,table.ref td{text-align:right;padding:9px 8px;border-top:1px solid var(--line);font-family:var(--mono)}
table.ref th{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:700;border-top:0}
table.ref th:first-child,table.ref td:first-child{text-align:left}
table.ref td{color:#d4dcd5}
.morelinks{display:grid;gap:8px;margin:0 0 6px;padding:0;list-style:none}
.morelinks a{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-decoration:none;min-height:48px}
.morelinks a:hover{border-color:var(--lime)}
.morelinks b{display:block;color:var(--ink)}
.morelinks span{color:var(--mut);font-size:13.5px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 16px;margin:0 0 8px}
.faq summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:15.5px;min-height:44px}
.faq p{margin:0 0 14px;font-size:14.5px}
.formula{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-family:var(--mono);font-size:13px;line-height:1.7;color:#dbe3dc;margin:0 0 14px;word-break:break-word}
.formula b{color:var(--lime)}
.note2{color:var(--dim);font-size:13px;line-height:1.6;margin:26px 0 0}