/* AC Tools — TURF-specific Light Graphite styling. Keep the shared master in ac-tools-master.css. */
body.ac-tool { background-color: var(--ac-canvas); color: var(--ac-text); }
.ac-header { border-color: var(--ac-border); }
.soft-grid {
  background-image:
    linear-gradient(rgba(146,153,163,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(146,153,163,.055) 1px, transparent 1px);
  background-size: 24px 24px;
}
.glass { backdrop-filter: blur(12px); background: rgba(255,255,255,.88); }
.step-line { height: 2px; flex: 1; background: var(--ac-border); }
.step-line.active { background: var(--ac-disabled); }
.mono-num { font-variant-numeric: tabular-nums; }
.table-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.table-scroll::-webkit-scrollbar-thumb { background: var(--ac-disabled); border-radius: 999px; }
.bar-fill { transition: width .5s ease; }
.fade-in { animation: acTurfFadeIn .35s ease-out; }
@keyframes acTurfFadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
/* Result winner banner — align with the shared Light Graphite hero. */
.ac-turf-winner {
  background: linear-gradient(135deg, #F4F5F6 0%, #E8EAED 58%, #D9DDE2 100%);
  border: 1px solid var(--ac-border);
  color: var(--ac-ink);
  box-shadow: var(--ac-shadow-soft);
}


/* Migrated from TURF-v3.html inline <style>; order retained to preserve cascade. */
    html { scroll-behavior: smooth; }
    body { background:
      radial-gradient(circle at 15% 0%, rgba(146,153,163,.08), transparent 32%),
      radial-gradient(circle at 90% 18%, rgba(146,153,163,.045), transparent 26%),
      #F7F8F9;
    }
    .soft-grid {
      background-image:
        linear-gradient(rgba(146,153,163,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(146,153,163,.055) 1px, transparent 1px);
      background-size: 24px 24px;
    }
    .glass { backdrop-filter: blur(12px); background: rgba(255,255,255,.82); }
    .step-line { height: 2px; flex: 1; background: #e2e8f0; }
    .step-line.active { background: #737982; }
    .mono-num { font-variant-numeric: tabular-nums; }
    .table-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
    .table-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
    .bar-fill { transition: width .5s ease; }
    .fade-in { animation: fadeIn .35s ease-out; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity:1; transform:none; } }