@import url('/media/fonts/fonts.css');
:root{--bg:#020303;--panel:#070908;--panel2:#0b0e0c;--text:#FAFAF8;--muted:#B8BBB7;--accent:#72B63A;--line:rgba(250,250,248,.16);--line-ui:rgba(250,250,248,.30);--line-strong:rgba(250,250,248,.62);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Manrope,Arial,sans-serif}a{color:inherit}.tools-shell{max-width:var(--max);margin:auto;padding:0 20px}.tools-header{position:sticky;top:0;z-index:10;background:rgba(2,3,3,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.tools-header .tools-shell{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.tools-brand{text-decoration:none;font-weight:950;letter-spacing:.05em}.tools-brand b{color:var(--accent)}.tools-nav{display:flex;gap:18px;flex-wrap:wrap}.tools-nav a{text-decoration:none;color:var(--muted);font-weight:750}.tools-nav a:hover,.tools-nav a[aria-current="page"]{color:var(--text)}.tools-hero{padding:72px 0 34px}.tools-eyebrow{color:var(--accent);font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.tools-hero h1{font-size:clamp(2.2rem,7vw,5.5rem);line-height:.95;max-width:900px;margin:12px 0 20px}.tools-hero p{color:var(--muted);max-width:760px;font-size:1.08rem}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tools-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:12px;padding:22px}.tools-card h2,.tools-card h3{margin-top:0}.tools-card p{color:var(--muted)}.tools-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--accent);color:#071006;font-weight:900;padding:12px 18px;text-decoration:none;cursor:pointer}.tools-button.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}.tools-filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 26px}.tools-filter{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:800}.tools-filter.active{background:var(--accent);color:#071006;border-color:var(--accent)}.tools-search{width:100%;max-width:520px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:13px 15px;font:inherit}.knowledge-card{display:flex;flex-direction:column;gap:12px;min-height:250px}.knowledge-card .type{color:var(--accent);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.knowledge-card h2{font-size:1.35rem}.knowledge-card .meta{color:var(--muted);font-size:.88rem}.knowledge-card .tools-button{margin-top:auto;align-self:flex-start}.article-wrap{max-width:860px;margin:0 auto;padding-bottom:80px}.article-wrap h1{font-size:clamp(2rem,7vw,4.6rem);line-height:1}.article-wrap h2{margin-top:34px}.article-wrap p,.article-wrap li{color:#d7ddd8}.article-lead{font-size:1.15rem;color:var(--muted)!important}.article-products{margin-top:48px}.article-products .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-products img{width:100%;aspect-ratio:1/1;object-fit:contain;background:white;border-radius:14px}.calc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.calc-form{display:grid;gap:15px}.calc-form label{display:grid;gap:7px;font-weight:800}.calc-form input,.calc-form select{width:100%;background:#070908;color:var(--text);border:1px solid var(--line-ui);border-radius:8px;padding:12px;font:inherit}.calc-results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-box{border:1px solid var(--line);border-radius:10px;padding:18px;background:#070908}.metric-box small{display:block;color:var(--muted);font-weight:800}.metric-box strong{display:block;font-size:1.8rem;margin-top:6px}.calc-note{font-size:.9rem;color:var(--muted);margin-top:18px}.product-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.product-strip a{text-decoration:none}.product-mini{border:1px solid var(--line);border-radius:10px;padding:14px;background:#070908}.product-mini img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:10px}.product-mini strong{display:block;margin-top:10px}.tools-footer{border-top:1px solid var(--line);margin-top:70px;padding:28px 0;color:var(--muted)}.empty{padding:28px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}@media(max-width:800px){.tools-grid,.article-products .tools-grid,.product-strip{grid-template-columns:1fr}.calc-layout{grid-template-columns:1fr}.tools-header .tools-shell{align-items:flex-start;padding-top:16px;padding-bottom:16px;flex-direction:column}.tools-nav{gap:12px}.tools-hero{padding-top:48px}.calc-results{grid-template-columns:1fr 1fr}}
.bmi-guide{margin-top:24px}
.bmi-guide h2{margin-bottom:12px}
.bmi-guide h3{margin:26px 0 10px}
.bmi-guide>p{color:var(--muted);line-height:1.65}
.bmi-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}
.bmi-ranges>div{padding:16px;border:1px solid var(--line);border-radius:10px;background:rgba(250,250,248,.018)}
.bmi-ranges strong{display:block;color:var(--accent);margin-bottom:6px}
.bmi-ranges span{display:block;line-height:1.4}
@media(max-width:720px){.bmi-ranges{grid-template-columns:1fr 1fr}}


/* BODYHULK unified premium controls */
.tools-card,.metric-box,.product-mini,.bmi-ranges>div{border-color:var(--line)}
.tools-card{background:linear-gradient(180deg,rgba(250,250,248,.025),rgba(250,250,248,.008))}
.tools-button.secondary,.tools-filter,.tools-search{border-color:var(--line-ui);background:#070908;color:var(--text)}
.tools-button.secondary:hover,.tools-filter:hover,.tools-search:focus{border-color:var(--line-strong);outline:none}
.tools-filter.active{background:#070908;color:#FAFAF8;border-color:#FAFAF8}
.calc-form input:focus,.calc-form select:focus,.tools-search:focus{border-color:var(--accent);box-shadow:0 0 0 1px rgba(114,182,58,.18);outline:none}
.metric-box strong{color:#FAFAF8}
.bmi-ranges strong{color:#FAFAF8}
.bmi-ranges>div:hover{border-color:var(--line-strong)}


/* TOOLS NAV POLISH 2026-09-21 */
.tools-header .tools-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.tools-back{display:inline-flex;align-items:center;min-height:44px;color:#dce2dd;text-decoration:none;font-weight:850;font-size:13px;white-space:nowrap}
.tools-back:hover{color:var(--accent)}
.tools-brand{justify-self:center}
.tools-nav{justify-self:end}
.calc-form input,.calc-form select{min-height:48px;font-size:16px}
.tools-search{min-height:48px;font-size:16px}
@media(max-width:800px){
 .tools-header{background:rgba(2,3,3,.985);backdrop-filter:none;-webkit-backdrop-filter:none}
 .tools-header .tools-shell{grid-template-columns:auto 1fr;gap:10px;padding-top:10px;padding-bottom:10px}
 .tools-brand{justify-self:end}
 .tools-nav{grid-column:1/-1;justify-self:stretch;display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:10px}
 .tools-nav a{font-size:13px;min-height:38px;display:inline-flex;align-items:center}
 .tools-hero{padding-top:42px}
 .tools-back{font-size:12px}
}
@media(max-width:430px){
 .tools-shell{padding-left:16px;padding-right:16px}
 .tools-brand{font-size:14px;letter-spacing:.035em}
 .calc-results{grid-template-columns:1fr 1fr;gap:9px}
 .metric-box{padding:14px}
 .metric-box strong{font-size:1.45rem}
 .bmi-ranges{grid-template-columns:1fr}
}