/* ================================================================
   BETTING TOOLS — presentation. Every rule is scoped under
   .betting-tool so it cannot collide with the Gecko Edge theme.
   One tool renders per page (no sidebar / nav / routing).
   Derived from the internal betting-calculators build.
   ================================================================ */
.betting-tool{color:#1a1a1a;line-height:1.45;font-family:inherit;max-width:920px;margin:0 auto 75px}
/* The theme ships no global box-sizing reset, so width:100% inputs overflow
   their grid columns (padding+border added on top) and the .fields gap
   collapses. Scope a border-box reset to the tool so columns stay separated. */
.betting-tool,.betting-tool *,.betting-tool *::before,.betting-tool *::after{box-sizing:border-box}
.betting-tool a{color:#0b5fff;text-decoration:none}

.betting-tool .calc{display:block;background:#fff;border:1px solid #e2e5ea;border-radius:10px;padding:24px}
.betting-tool .calc h2{font-size:21px;margin:0 0 6px}
.betting-tool .desc{color:#555;font-size:14px;margin-bottom:18px}
.betting-tool .desc code{background:#f0f2f5;padding:1px 5px;border-radius:4px;font-size:13px}

.betting-tool .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.betting-tool label{display:block;font-size:12.5px;font-weight:600;color:#444}
.betting-tool label input,.betting-tool label select{display:block;width:100%;margin-top:4px;padding:8px 10px;font-size:15px;border:1px solid #c9ced6;border-radius:6px;background:#fff;color:#1a1a1a}
.betting-tool input:focus,.betting-tool select:focus{outline:2px solid #0b5fff33;border-color:#0b5fff}

.betting-tool button{padding:7px 14px;font-size:13px;border:1px solid #c9ced6;border-radius:6px;background:#fff;color:#1a1a1a;cursor:pointer;margin:2px 4px 12px 0}
.betting-tool button:hover{background:#f2f6ff;border-color:#0b5fff}

.betting-tool table.res{width:100%;border-collapse:collapse;margin-top:12px;font-size:14.5px}
.betting-tool table.res td{padding:8px 10px;border-bottom:1px solid #eef0f3}
.betting-tool table.res td:first-child{color:#555;width:55%}
.betting-tool table.res td:last-child{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}

.betting-tool .pos{color:#0a7d33}
.betting-tool .neg{color:#c22}
.betting-tool .warn{color:#b36b00}

.betting-tool .legs .leg{display:flex;gap:8px;align-items:flex-end;margin-bottom:8px;flex-wrap:wrap}
.betting-tool .legs .leg label{flex:1;min-width:130px}
.betting-tool .legs .leg .rm{margin:0 0 1px;padding:7px 11px}

.betting-tool .note{font-size:12.5px;color:#777;margin-top:14px;border-top:1px dashed #ddd;padding-top:10px}
.betting-tool h3.sub{font-size:14px;margin:18px 0 4px;color:#333}

.betting-tool table.grid{border-collapse:collapse;font-size:13px;margin-top:8px}
.betting-tool table.grid th,.betting-tool table.grid td{border:1px solid #e2e5ea;padding:4px 8px;text-align:right;font-variant-numeric:tabular-nums}
.betting-tool table.grid th{background:#f5f6f8;font-weight:600}

.betting-tool .checkline{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#444}
.betting-tool .checkline input{width:auto;margin:0}

@media(max-width:760px){.betting-tool{padding:0}}