/* CapyFuel Fuel Calculator — brand-token styling */
.cf-calc{ max-width:880px; margin:0 auto; }
.cf-calc__modes{ display:inline-flex; gap:4px; background:var(--cf-green-900); border:1px solid var(--cf-green-600); border-radius:999px; padding:4px; margin:0 0 1.4em; }
.cf-calc__mode{ background:transparent!important; color:var(--cf-cream-200)!important; border:0!important; border-radius:999px!important; padding:.5em 1.4em!important; font-family:"Oswald",sans-serif; text-transform:uppercase; letter-spacing:.06em; font-size:.82rem; cursor:pointer; box-shadow:none!important; }
.cf-calc__mode.is-active{ background:var(--cf-orange-500)!important; color:#fff!important; }

.cf-calc__form{ background:var(--cf-green-700); border:1px solid var(--cf-green-600); border-radius:16px; padding:22px 24px; }
.cf-calc__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px 22px; }
.cf-calc__field{ display:flex; flex-direction:column; gap:.3em; }
.cf-calc__field label, .cf-calc__legend{ font-family:"Oswald",sans-serif; text-transform:uppercase; letter-spacing:.05em; font-size:.78rem; color:var(--cf-cream-100); }
.cf-calc__field .cf-unit{ color:var(--cf-orange-200); }
.cf-calc__field input, .cf-calc__field select{ background:var(--cf-green-900); color:var(--cf-cream-100); border:1px solid var(--cf-green-600); border-radius:8px; padding:.55em .7em; font-size:1rem; width:100%; }
.cf-calc__units{ display:flex; gap:14px; align-items:center; }
.cf-calc__units label{ display:inline-flex; align-items:center; gap:.4em; text-transform:none; letter-spacing:0; font-family:var(--cf-font-body,"Inter",sans-serif); color:var(--cf-cream-200); font-size:.9rem; cursor:pointer; }
.cf-calc__full{ grid-column:1 / -1; }
.cf-calc__go{ margin-top:18px; }
.cf-calc__adv{ display:contents; }
.cf-calc[data-mode="simple"] [data-adv]{ display:none!important; }

.cf-calc__results{ margin-top:1.8em; }
.cf-calc__rtitle{ font-size:1.6rem; margin:0 0 .2em; }
.cf-calc__rsub{ color:var(--cf-muted); margin:0 0 1.2em; }
.cf-calc__err{ color:var(--cf-warning); }

.cf-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:0 0 1.6em; }
.cf-stat{ background:var(--cf-char-800); border:1px solid var(--cf-green-600); border-radius:14px; padding:16px; text-align:center; }
.cf-stat__num{ font-family:"Oswald",sans-serif; font-weight:700; font-size:1.8rem; color:var(--cf-orange-200); line-height:1; }
.cf-stat__label{ font-family:"Oswald",sans-serif; text-transform:uppercase; letter-spacing:.05em; font-size:.72rem; color:var(--cf-cream-100); margin-top:.4em; }
.cf-stat__sub{ font-size:.72rem; color:var(--cf-muted); margin-top:.2em; }

.cf-macros{ display:grid; gap:12px; margin:0 0 1.4em; }
.cf-macro__top{ display:flex; justify-content:space-between; font-size:.85rem; color:var(--cf-cream-200); margin-bottom:.3em; }
.cf-macro__track{ height:10px; background:var(--cf-green-900); border-radius:999px; overflow:hidden; }
.cf-macro__fill{ display:block; height:100%; border-radius:999px; }
.cf-macro__fill.is-pro{ background:var(--cf-orange-500); }
.cf-macro__fill.is-carb{ background:var(--cf-success); }
.cf-macro__fill.is-fat{ background:var(--cf-warning); }

.cf-calc__block{ background:var(--cf-green-800); border:1px solid var(--cf-green-600); border-radius:14px; padding:16px 20px; margin:0 0 1.2em; }
.cf-calc__block h3{ font-size:1.2rem; margin:0 0 .5em; }
.cf-calc__muted{ color:var(--cf-muted); font-size:.85rem; }
.cf-calc__notes{ margin:.3em 0 0; padding-left:1.2em; }
.cf-calc__notes li{ margin:.35em 0; color:var(--cf-cream-200); }

.cf-micro{ width:100%; border-collapse:collapse; margin-top:.6em; font-size:.9rem; }
.cf-micro th, .cf-micro td{ border:1px solid var(--cf-green-600); padding:.5em .65em; text-align:left; }
.cf-micro th{ background:var(--cf-green-700); font-family:"Oswald",sans-serif; text-transform:uppercase; letter-spacing:.03em; font-size:.78rem; }
.cf-flag{ color:var(--cf-orange-200); font-size:.82rem; }

.cf-calc__disclaimer{ color:var(--cf-muted); font-size:.78rem; line-height:1.6; margin:1.4em 0 0; padding-top:1em; border-top:1px solid var(--cf-green-600); }

@media (max-width:680px){
  .cf-calc__grid{ grid-template-columns:1fr; }
  .cf-stats{ grid-template-columns:repeat(2,1fr); }
}