.body-fat-page{color:#172033}.body-fat-heading{margin-bottom:2rem}.body-fat-eyebrow,.body-fat-step{margin:0 0 .5rem;color:#087d70;font-size:.78rem;font-weight:900}.body-fat-heading h1{margin:0 0 .8rem;font-size:2.35rem;line-height:1.25;letter-spacing:0}.body-fat-heading>p:last-child{max-width:800px;margin:0;color:#5f6f88;font-size:.95rem;line-height:1.8}.body-fat-tool{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr);overflow:hidden;border:1px solid #d9e3ef;border-radius:8px;background:#fff}.body-fat-form{padding:1.55rem;background:#f6f9fd}.body-fat-form h2,.body-fat-reference h2,.body-fat-guide h2,.body-fat-faq h2,.body-fat-related h2{margin:0;font-size:1.3rem;line-height:1.4}.body-fat-gender{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0 0;padding:0;border:0}.body-fat-gender legend{width:100%;margin-bottom:.25rem;font-size:.88rem;font-weight:800}.body-fat-gender label{display:flex;align-items:center;gap:.38rem;padding:.58rem .8rem;border:1px solid #d6e0ed;border-radius:6px;background:#fff;font-size:.85rem;font-weight:700}.body-fat-gender input{width:1rem;height:1rem;accent-color:#078879}.body-fat-method{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem;font-size:.88rem;font-weight:800}.body-fat-method select{height:3rem;padding:0 .8rem;border:1px solid #d5e0ed;border-radius:7px;background:#fff;color:#172033;font:inherit}.body-fat-method small,.body-fat-fields small{color:#71809a;font-size:.7rem;font-weight:500;line-height:1.45}.body-fat-fields{display:grid;grid-template-columns:1fr 1fr;gap:.95rem;margin-top:1rem}.body-fat-fields>label{display:flex;min-width:0;flex-direction:column;gap:.4rem;font-size:.88rem;font-weight:800}.body-fat-measure-fields{padding-top:1rem;border-top:1px solid #dce5ee}.body-fat-measure-fields[hidden],#hip-field[hidden]{display:none!important}.body-fat-unit{display:flex}.body-fat-unit input{width:100%;height:3rem;min-width:0;padding:0 .8rem;border:1px solid #d5e0ed;border-radius:7px 0 0 7px;background:#fff;color:#172033;font:inherit}.body-fat-unit b{display:grid;min-width:3.5rem;place-items:center;border:1px solid #d5e0ed;border-left:0;border-radius:0 7px 7px 0;background:#edf3f8;color:#4e607b}.body-fat-actions{display:flex;gap:.6rem;margin-top:1.2rem}.body-fat-actions button{min-height:44px;padding:0 1.05rem;border:0;border-radius:7px;background:#078879;color:#fff;font-weight:800;cursor:pointer}.body-fat-actions .secondary{border:1px solid #cedbea;background:#fff;color:#334766}.body-fat-status{min-height:1.4em;margin:.85rem 0 0;color:#657590;font-size:.78rem}.body-fat-status.is-error{color:#b33e38;font-weight:700}.body-fat-result{padding:1.55rem}.body-fat-main-result{text-align:center}.body-fat-main-result>span{color:#647792;font-size:.8rem;font-weight:800}.body-fat-main-result>strong{display:block;margin:.35rem 0;color:#087d70;font-size:3rem;line-height:1}.body-fat-main-result>p{margin:0;color:#526780;font-size:.82rem}.body-fat-meter{position:relative;height:.68rem;margin-top:1.35rem;border-radius:999px;background:linear-gradient(90deg,#8fcbbb 0 22%,#b8dfd5 22% 45%,#ecd598 65%,#dc8d88 100%)}.body-fat-meter span{display:block;height:100%;border-radius:999px;background:rgba(8,125,112,.2)}.body-fat-meter i{position:absolute;top:50%;width:1rem;height:1rem;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;background:#087d70;box-shadow:0 1px 5px rgba(20,45,65,.35)}.body-fat-scale{display:flex;justify-content:space-between;margin-top:.35rem;color:#8390a3;font-size:.68rem}.body-fat-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.1rem}.body-fat-result-grid div{padding:.78rem;border:1px solid #dce5ee;border-radius:7px;background:#fbfcfe}.body-fat-result-grid span,.body-fat-target-result>span{display:block;color:#71819a;font-size:.72rem}.body-fat-result-grid strong{display:block;margin-top:.25rem;color:#1f3150;font-size:.95rem}.body-fat-target-result{margin-top:.75rem;padding:1rem;border:1px solid #cfe2de;border-radius:7px;background:#f2faf8}.body-fat-target-result strong{display:block;margin:.25rem 0;color:#087d70;font-size:1.45rem}.body-fat-target-result p{margin:0;color:#64768a;font-size:.72rem;line-height:1.5}.body-fat-reference,.body-fat-guide,.body-fat-faq,.body-fat-related{margin-top:1.5rem;padding:1.55rem;border:1px solid #d9e3ef;border-radius:8px;background:#fff}.body-fat-reference header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.body-fat-reference header>span{padding:.3rem .55rem;border-radius:999px;background:#edf7f4;color:#167a6f;font-size:.7rem;font-weight:800}.body-fat-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.body-fat-reference-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding:1rem;border:1px solid #dce5ee;border-radius:7px;background:#fbfcfd}.body-fat-reference-grid strong{grid-column:1/-1;color:#087d70}.body-fat-reference-grid span{padding:.45rem .5rem;border-radius:5px;background:#f0f4f8;color:#53677f;font-size:.75rem}.body-fat-reference>p{margin:.8rem 0 0;color:#6b7b91;font-size:.78rem;line-height:1.65}.body-fat-guide header>p:last-child{max-width:790px;margin:.55rem 0 0;color:#60718d;font-size:.88rem;line-height:1.75}.body-fat-formulas{display:grid;gap:.55rem;margin-top:1.15rem}.body-fat-formulas div{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.75rem .85rem;border:1px solid #cfe2de;border-radius:7px;background:#f3faf8}.body-fat-formulas span{color:#087d70;font-size:.78rem;font-weight:900}.body-fat-formulas p{margin:0;color:#415b6d;font-size:.78rem;line-height:1.65}.body-fat-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:1rem}.body-fat-guide-grid section{padding:1rem;border:1px solid #dce5ec;border-radius:7px;background:#fbfcfd}.body-fat-guide-grid h3,.body-fat-sources h3{margin:0 0 .45rem;color:#0d756d;font-size:.95rem}.body-fat-guide-grid p,.body-fat-sources p{margin:0;color:#60718a;font-size:.82rem;line-height:1.72}.body-fat-sources{margin-top:1rem;padding:1rem;border:1px solid #dce5ec;border-radius:7px;background:#f7f9fb}.body-fat-sources>div{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.body-fat-sources a{padding:.42rem .55rem;border:1px solid #ccd9e5;border-radius:5px;background:#fff;color:#176f67;font-size:.72rem;font-weight:700;text-decoration:none}.body-fat-note{margin:1rem 0 0;padding:.9rem 1rem;border-left:3px solid #1a9b89;background:#eef9f6;color:#527168;font-size:.8rem;line-height:1.7}.body-fat-faq details{border-top:1px solid #e1e7ee}.body-fat-faq details:last-child{border-bottom:1px solid #e1e7ee}.body-fat-faq summary{padding:14px 2px;color:#26374d;font-size:.84rem;font-weight:800;cursor:pointer}.body-fat-faq details p{margin:0;padding:0 2px 15px;color:#5f6d80;font-size:.8rem;line-height:1.75}.body-fat-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.body-fat-related a{padding:.9rem;border:1px solid #dce5ee;border-radius:7px;background:#fbfcfd;text-decoration:none}.body-fat-related strong,.body-fat-related span{display:block}.body-fat-related strong{color:#193b51;font-size:.88rem}.body-fat-related span{margin-top:.35rem;color:#6b7b91;font-size:.74rem;line-height:1.55}@media(max-width:980px){.body-fat-tool{grid-template-columns:1fr}.body-fat-result{border-top:1px solid #d9e3ef}}@media(max-width:620px){.body-fat-heading h1{font-size:1.8rem}.body-fat-form,.body-fat-result,.body-fat-reference,.body-fat-guide,.body-fat-faq,.body-fat-related{padding:1.1rem}.body-fat-fields,.body-fat-reference-grid,.body-fat-guide-grid,.body-fat-related>div{grid-template-columns:1fr}.body-fat-reference header{flex-direction:column}.body-fat-reference-grid>div{grid-template-columns:1fr}.body-fat-actions button{flex:1}.body-fat-formulas div{grid-template-columns:1fr;gap:.25rem}}
