@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#274ee8;--ink:#172339;--muted:#667086;--line:#e3e7ee;--bg:#f6f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #8fa7ff;outline-offset:5px}header{height:92px;max-width:1240px;margin:auto;display:flex;align-items:center;gap:60px;padding:0 36px;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center}.brandblue,.branddot{color:var(--blue)}.logo{display:inline-flex;background:var(--blue);color:#fff;width:33px;height:36px;border-radius:9px;align-items:center;justify-content:center;font-size:29px;margin-right:10px;font-weight:500}nav{display:flex;gap:29px;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.headernote{font-size:13px;color:var(--muted);margin-left:auto}main{max-width:1168px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:57px 0 42px}.kicker,.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px}.kicker{color:var(--blue)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:46px;line-height:1.22;letter-spacing:-1.9px;margin:16px 0}h1 em{font-style:normal;color:var(--blue)}p{line-height:1.65;color:var(--muted)}.intro p{margin-bottom:0;font-size:17px}.introaside{display:flex;align-items:center;gap:32px;border-left:1px solid var(--line);padding-left:38px;margin-right:15px;color:var(--muted);font-size:14px;line-height:1.7}.big12{font-size:68px;line-height:1.1;color:var(--blue);font-weight:500;letter-spacing:-4px}.big12 span{display:block;font-size:13px;letter-spacing:0;color:var(--muted);text-align:center;margin-top:6px}.sectiontop{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sectiontop h2{font-size:18px;display:flex;align-items:center;gap:12px;margin:0}.smallmark{color:var(--blue);font-size:22px}.sectiontop a{font-size:14px;color:var(--blue);font-weight:600}.calculator{display:grid;grid-template-columns:1.12fr 1fr;border:1px solid var(--line);background:white;border-radius:18px;overflow:hidden;box-shadow:0 9px 24px #18274304}.inputs{padding:28px 32px}.panelheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.inputs .eyebrow{color:var(--muted);font-size:11px}.textbutton{border:0;background:none;color:var(--muted);padding:3px;font-size:13px}.textbutton:hover{color:var(--blue)}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:14px;font-weight:500}.inputwrap{display:flex;align-items:center;border:1px solid #dce1eb;border-radius:9px;margin-top:10px;overflow:hidden;background:#fcfdff}.inputwrap:focus-within{outline:2px solid #9fb0fa;border-color:var(--blue)}.inputwrap input{width:100%;min-width:0;padding:14px 16px;border:0;outline:0;color:var(--ink);background:transparent;font-size:21px;font-weight:500}.inputwrap>span{color:var(--muted);padding-right:15px;font-size:14px;white-space:nowrap}.localnote{font-size:12px;margin:20px 0 0;color:#7c8596}.result{background:#eaf0ff;padding:30px 36px;position:relative;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #dce5ff}.result .eyebrow{color:#5265a2;font-size:11px}output{display:block;font:700 54px Manrope,sans-serif;letter-spacing:-2px;color:var(--blue);line-height:1.3;margin:6px 0;overflow-wrap:anywhere}.result p{color:#50628e;margin:0;font-size:14px;white-space:pre-line}.resultbottom{display:flex;justify-content:space-between;align-items:center;color:#6c7fac;border-top:1px solid #d4def6;padding-top:14px;margin-top:20px;font-size:12px}.resultbottom>span:last-child{font-size:24px;color:#91a9f6}.directory{padding:54px 0 0;scroll-margin-top:20px}.directoryhead{display:flex;justify-content:space-between;align-items:center}.directory h2{font-size:27px;letter-spacing:-.8px;margin:10px 0 0}.searchlabel{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 15px;color:var(--muted)}.searchlabel>span{font-size:24px;line-height:1}.searchlabel input{background:none;border:0;outline:0;width:230px;font-size:14px}.searchlabel:focus-within{outline:2px solid #9fb0fa}.filters{display:flex;gap:8px;margin:27px 0 22px;flex-wrap:wrap}.filters button{padding:9px 17px;border:1px solid transparent;border-radius:7px;color:var(--muted);background:transparent;font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);color:#fff}.filters button:hover{border-color:#c7cedc}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.toolcard{display:block;position:relative;background:white;border:1px solid var(--line);border-radius:12px;padding:22px;min-height:192px;transition:transform .18s,border-color .18s}.toolcard:hover{transform:translateY(-3px);border-color:#9aaeff;box-shadow:0 8px 24px #274ee809}.toolicon{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;background:#eff3ff;color:var(--blue);border-radius:9px;font-size:24px;font-weight:500}.cardcategory{float:right;font-size:11px;color:#778198;margin-top:13px}.toolcard h3{font-size:16px;margin:19px 0 7px;letter-spacing:-.3px}.toolcard p{font-size:13px;margin:0;max-width:185px;line-height:1.6}.cardarrow{position:absolute;right:18px;bottom:18px;color:#8a97af;font-size:18px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:37px 0;margin:40px 0 0;border-top:1px solid var(--line)}.principles b{font-size:14px;font-weight:500}.principles p{font-size:13px;margin:8px 0}.detailmain{padding-top:32px}.breadcrumb{font-size:14px;color:var(--muted)}.detailintro{padding:30px 0 25px}.detailintro h1{font-size:42px}.detailintro p{max-width:750px}.explanation{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding:45px 0}.explanation h2{font-size:25px;margin:12px 0}.explanation p{font-size:15px}.formula{background:#edf1fb;padding:18px;border-radius:9px;color:var(--ink);font-family:monospace}.explanation aside{border-left:1px solid var(--line);padding-left:30px}.explanation h3{font-size:17px}.related{padding-bottom:45px}.related h2{font-size:23px}.related .grid{grid-template-columns:repeat(3,1fr)}footer{max-width:1168px;margin:20px auto 0;padding:29px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}footer .brand{font-size:20px}footer>span{font-size:12px;color:var(--muted)}footer>a:last-child{font-size:13px;color:var(--muted);margin-left:auto}[hidden]{display:none!important}@media(min-width:1450px){.intro{padding-top:67px}}@media(max-width:1240px){main,footer{margin-left:32px;margin-right:32px}.headernote{display:none}}@media(max-width:900px){header{gap:30px}.introaside{display:none}.grid{grid-template-columns:repeat(3,1fr)}.searchlabel input{width:180px}.directory h2{font-size:24px}.inputs{padding:24px}.result{padding:24px}.principles{gap:18px}}@media(max-width:650px){header{height:76px;padding:0 20px;justify-content:space-between;gap:10px}.brand{font-size:21px}nav a:not(:first-child){display:none}nav{font-size:12px}main,footer{margin-left:20px;margin-right:20px}.intro{padding:34px 0 30px}h1{font-size:34px;letter-spacing:-1.3px}.intro p{font-size:15px}.kicker{font-size:10px}.sectiontop h2{font-size:15px}.sectiontop a{font-size:12px}.calculator{grid-template-columns:1fr}.result{border-left:0;border-top:1px solid #dce5ff}output{font-size:45px}.inputs{padding:22px}form{gap:12px}.inputwrap input{font-size:19px;padding:12px}.localnote{font-size:11px}.directory{padding-top:35px}.directoryhead{display:block}.searchlabel{margin-top:18px}.searchlabel input{width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.toolcard{padding:16px;min-height:191px}.cardcategory{float:none;display:block;font-size:10px;margin-top:9px}.toolcard h3{font-size:14px;margin-top:12px}.toolcard p{font-size:12px;padding-right:4px}.cardarrow{right:12px;bottom:9px}.filters{gap:3px;margin:17px 0}.filters button{font-size:12px;padding:9px 10px}.principles{grid-template-columns:1fr;gap:18px}.principles p{margin-bottom:0}.detailintro h1{font-size:33px}.explanation{grid-template-columns:1fr;gap:20px}.explanation aside{border-left:0;border-top:1px solid var(--line);padding:15px 0}.related .grid{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap;gap:15px}footer>span{order:3;flex-basis:100%}.panelheading{gap:7px}.eyebrow{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toolcard{transition:none}}
.inputwrap select{width:100%;min-width:0;padding:15px 10px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;min-height:54px;outline:none}.explanation a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}body[data-tool="calories"] output,body[data-tool="metabolisme-de-base"] output,body[data-tool="calories-de-maintien"] output{font-size:clamp(32px,4vw,48px)}