* {margin:0;padding:0;box-sizing:border-box}
html {font-size:16px}
body {
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
line-height:1.6;color:#222;background:#fff;
}
header {background:#0a2e5a;color:#fff;padding:1rem 0;border-bottom:1px solid #e5e5e5}
header .container {max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
header h1 {font-size:1.5rem;font-weight:600}
nav a {color:#fff;margin-left:1.5rem;text-decoration:none;font-size:0.9rem;opacity:0.9}
nav a:hover {opacity:1}
.hero {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2rem 0;margin-bottom:2rem}
.hero h2 {font-size:2.2rem;margin-bottom:0.5rem}
.hero p {font-size:1.1rem;opacity:0.95}
.predictor {display:grid;gap:1.5rem;margin-bottom:3rem}
.predictor .inputs {display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.predictor .field {display:flex;flex-direction:column;gap:0.25rem}
.predictor label {font-weight:500;font-size:0.9rem}
.predictor select {padding:0.75rem;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:1rem}
.predictor .presets {margin-top:1rem}
.predictor .presets h3 {font-size:1rem;margin-bottom:0.5rem}
.predictor .preset {padding:0.5rem 1rem;background:#f5f5f5;border:none;border-radius:4px;cursor:pointer;font-size:0.9rem;margin-right:0.5rem;transition:background 0.2s}
.predictor .preset:hover {background:#e5e5e5}
.predictor .results {background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:2rem}
.prediction {display:flex;gap:2rem;align-items:center;flex-wrap:wrap}
.score {text-align:center}
#batProb {font-size:3.5rem;font-weight:700;color:#0a2e5a}
.decision h3 {font-size:1.5rem;margin-bottom:0.25rem}
.confidence {font-size:0.9rem;color:#666;font-weight:500}
.explanation h4 {font-size:1rem;margin-bottom:0.5rem}
.explanation ul {margin-left:1rem;line-height:1.8}
.actions {display:flex;gap:0.75rem;margin-top:1.5rem}
.actions button {padding:0.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background 0.2s}
#copyBtn {background:#0a2e5a;color:#fff}
#shareBtn {background:#6c5ce7;color:#fff}
#printBtn {background:#00b894;color:#fff}
#copyBtn:hover {background:#08407a}
#shareBtn:hover {background:#5a46c0}
#printBtn:hover {background:#019e84}
.context {background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid #e5e5e5}
.context h3 {font-size:1.5rem;margin-bottom:1rem;color:#0a2e5a}
.context h4 {font-size:1rem;margin:1rem 0 0.5rem;color:#333}
.factors {display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.factors p {font-size:0.95rem;line-height:1.6}
.faq {background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e5e5e5}
.faq h3 {font-size:1.5rem;margin-bottom:1rem;color:#0a2e5a}
.faq-item {margin-bottom:1rem}
.faq-item h4 {font-size:1rem;margin-bottom:0.25rem;color:#333}
.faq-item p {font-size:0.95rem;line-height:1.6;color:#555}
footer {background:#f5f5f5;padding:1rem 0;border-top:1px solid #e5e5e5;margin-top:2rem}
footer p {font-size:0.85rem;color:#666}
footer a {color:#0a2e5a;text-decoration:none}
@media (max-width:768px) {
.hero {padding:1.5rem 0}
.hero h2 {font-size:1.8rem}
.predictor {grid-template-columns:1fr}
.prediction {flex-direction:column;text-align:center;gap:1rem}
.score {display:flex;align-items:center;justify-content:center;gap:1rem}
#batProb {font-size:2.5rem}
.actions {flex-direction:column}
}
.ad-reserve {min-height:120px;background:#eee;display:flex;align-items:center;justify-content:center;color:#999;font-size:0.85rem;margin:1rem 0}
.container {max-width:1200px;margin:0 auto;padding:0 1rem}



/* Factory-injected deployment helpers. The AI owns the site design above this block. */
.ad-unit {
  width: min(100%, 720px);
  min-height: 120px;
  margin: 24px auto;
  display: block;
}

.legal-page {
  width: min(900px, calc(100% - 32px));
  margin: 40px auto;
}

.factory-fallback-nav {
  width: min(900px, calc(100% - 32px));
  margin: 24px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  font-size: 0.95rem;
}

.factory-fallback-nav a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}