/* Weight loss tools page */
html body .tl-hero{position:relative;padding:clamp(40px,6vw,80px) 0 clamp(24px,4vw,40px);background:radial-gradient(900px 420px at 85% 0%,rgba(var(--hvr-46C9A1,70,201,161),.16),transparent 60%),linear-gradient(180deg,var(--hvc-0B2F25,#0B2F25),var(--hvc-071E17,#071E17))}
html body .tl-eye{display:inline-block;font:700 12px/1 "Figtree",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hvc-8FE3C6,#8FE3C6);padding:8px 14px;border:1px solid rgba(var(--hvr-8FE3C6,143,227,198),.3);border-radius:999px}
html body .tl-hero h1{margin:18px 0 14px;font:500 clamp(2.2rem,1.4rem + 3vw,3.6rem)/1.08 "Fraunces",Georgia,serif;color:#fff;letter-spacing:-.02em}
html body .tl-hero h1 em{font-style:italic;color:var(--hvc-8FE3C6,#8FE3C6)}
html body .tl-lead{max-width:760px;margin:0;font:400 1.08rem/1.7 "Figtree",system-ui,sans-serif;color:var(--hvc-CFE2DA,#CFE2DA)}
html body .tl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
html body .tl-chip{padding:9px 14px;border-radius:999px;font:600 13.5px/1 "Figtree",sans-serif;color:var(--hvc-E6F4EE,#E6F4EE);text-decoration:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);transition:background .25s,border-color .25s}
html body .tl-chip:hover{background:rgba(var(--hvr-46C9A1,70,201,161),.14);border-color:rgba(var(--hvr-8FE3C6,143,227,198),.5)}
html body .tl-sec{padding:clamp(30px,5vw,64px) 0;background:var(--hvc-071E17,#071E17)}
html body .tl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
html body .tl-card{scroll-margin-top:110px;display:flex;flex-direction:column;padding:26px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),var(--hvc-0F362B,#0F362B);border:1px solid rgba(255,255,255,.10);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 50px -32px rgba(0,0,0,.8)}
html body .tl-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
html body .tl-ic{flex:none;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:var(--hvc-8FE3C6,#8FE3C6);background:rgba(var(--hvr-46C9A1,70,201,161),.14);border:1px solid rgba(var(--hvr-46C9A1,70,201,161),.28)}
html body .tl-ic svg{width:26px;height:26px}
html body .tl-head h2{margin:2px 0 4px;font:600 1.3rem/1.25 "Fraunces",Georgia,serif;color:#fff}
html body .tl-head p{margin:0;font:400 14.5px/1.5 "Figtree",sans-serif;color:var(--hvc-B9D2C8,#B9D2C8)}
html body .tl-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html body .tl-f{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;border:0;min-width:0}
html body .tl-f>span,html body .tl-f legend{font:600 13px/1.2 "Figtree",sans-serif;color:var(--hvc-DCEBE5,#DCEBE5);padding:0;margin-bottom:7px}
html body fieldset.tl-f legend{float:left;width:100%}
html body .tl-h,html body .tl-wide{grid-column:1/-1}
html body .tl-in,html body .tl-cm,html body .tl-ftin{display:flex;align-items:center;gap:6px;background:var(--hvc-0A2A21,#0A2A21);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:0 12px;transition:border-color .2s,box-shadow .2s}
html body .tl-in:focus-within,html body .tl-cm:focus-within,html body .tl-ftin:focus-within{border-color:var(--hvc-46C9A1,#46C9A1);box-shadow:0 0 0 3px rgba(var(--hvr-46C9A1,70,201,161),.2)}
html body .tl-form input[type=number]{flex:1;min-width:0;height:46px;border:0;background:transparent;color:#fff;font:600 16px/1 "Figtree",sans-serif;outline:none;-moz-appearance:textfield}
html body .tl-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
html body .tl-form input::placeholder{color:var(--hvc-7F9D92,#7F9D92)}
html body .tl-form em{font:500 13px/1 "Figtree",sans-serif;font-style:normal;color:var(--hvc-8FB3A6,#8FB3A6)}
html body .tl-form select{height:48px;border-radius:12px;background:var(--hvc-0A2A21,#0A2A21);color:#fff;border:1px solid rgba(255,255,255,.16);padding:0 12px;font:500 15px/1 "Figtree",sans-serif}
html body .tl-ftin{display:none}
html body .tl-form.is-ft .tl-ftin{display:flex}
html body .tl-form.is-ft .tl-cm{display:none}
html body .tl-seg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--hvc-0A2A21,#0A2A21);border:1px solid rgba(255,255,255,.12);margin-bottom:8px;width:max-content}
html body .tl-seg label{cursor:pointer}
html body .tl-seg input{position:absolute;opacity:0;pointer-events:none}
html body .tl-seg span{display:block;padding:8px 14px;border-radius:9px;font:600 13px/1 "Figtree",sans-serif;color:var(--hvc-B9D2C8,#B9D2C8)}
html body .tl-seg input:checked+span{background:var(--hvc-167C5F,#167C5F);color:#fff}
html body .tl-seg input:focus-visible+span{outline:2px solid var(--hvc-8FE3C6,#8FE3C6)}
html body .tl-checks{display:flex;flex-wrap:wrap;gap:8px}
html body .tl-checks label{cursor:pointer}
html body .tl-checks input{position:absolute;opacity:0;pointer-events:none}
html body .tl-checks span{display:block;padding:8px 12px;border-radius:999px;font:500 13px/1.2 "Figtree",sans-serif;color:var(--hvc-CFE2DA,#CFE2DA);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14)}
html body .tl-checks input:checked+span{background:rgba(var(--hvr-46C9A1,70,201,161),.2);border-color:var(--hvc-46C9A1,#46C9A1);color:#fff}
html body .tl-go{margin-top:18px;height:50px;border:0;border-radius:14px;cursor:pointer;font:700 15px/1 "Figtree",sans-serif;color:var(--hvc-062A20,#062A20);background:linear-gradient(135deg,var(--hvc-8FE3C6,#8FE3C6),var(--hvc-46C9A1,#46C9A1));box-shadow:0 12px 26px -14px rgba(var(--hvr-46C9A1,70,201,161),.9);transition:transform .2s,box-shadow .2s}
html body .tl-go:hover{transform:translateY(-1px);box-shadow:0 16px 30px -14px rgba(var(--hvr-46C9A1,70,201,161),1)}
html body .tl-out{display:none}
html body .tl-out.is-on{display:block;margin-top:16px;padding:18px;border-radius:16px;background:rgba(var(--hvr-46C9A1,70,201,161),.08);border:1px solid rgba(var(--hvr-46C9A1,70,201,161),.3);animation:tlIn .4s ease}
html body .tl-out.t-mid{background:rgba(232,190,94,.08);border-color:rgba(232,190,94,.35)}
html body .tl-out.t-high{background:rgba(240,128,108,.08);border-color:rgba(240,128,108,.38)}
html body .tl-out p{margin:0 0 8px;font:400 14.5px/1.6 "Figtree",sans-serif;color:var(--hvc-DCEBE5,#DCEBE5)}
html body .tl-out b{color:#fff}
html body .tl-big{font:600 2.1rem/1.1 "Fraunces",Georgia,serif!important;color:#fff!important;margin:0 0 6px!important}
html body .tl-big small{font:500 14px/1 "Figtree",sans-serif;color:var(--hvc-9FC1B4,#9FC1B4)}
html body .tl-tag{font-weight:700!important;color:var(--hvc-8FE3C6,#8FE3C6)!important}
html body .t-mid .tl-tag{color:#F2CF7E!important}
html body .t-high .tl-tag{color:#F6A594!important}
html body .tl-err{color:#F6A594!important;margin:0!important}
html body .tl-wa{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:11px 16px;border-radius:12px;background:#15803D;color:#fff;font:700 14px/1 "Figtree",sans-serif;text-decoration:none}
html body .tl-wa::before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2z'/%3E%3C/svg%3E") center/contain no-repeat}
html body .tl-more{margin-top:auto;padding-top:16px;font:600 14px/1.3 "Figtree",sans-serif;color:var(--hvc-8FE3C6,#8FE3C6);text-decoration:none}
html body .tl-more:hover{text-decoration:underline}
html body .tl-h2{font:500 clamp(1.7rem,1.2rem + 1.6vw,2.4rem)/1.15 "Fraunces",Georgia,serif;color:#fff;margin:0 0 20px}
html body .tl-faq{max-width:860px;margin:0 0 12px;border-radius:16px;background:var(--hvc-0F362B,#0F362B);border:1px solid rgba(255,255,255,.10);padding:0 20px}
html body .tl-faq summary{cursor:pointer;list-style:none;padding:18px 0;font:700 16px/1.4 "Figtree",sans-serif;color:#fff;display:flex;justify-content:space-between;gap:12px}
html body .tl-faq summary::-webkit-details-marker{display:none}
html body .tl-faq summary::after{content:"+";color:var(--hvc-8FE3C6,#8FE3C6);font-size:22px;line-height:1}
html body .tl-faq[open] summary::after{content:"–"}
html body .tl-faq p{margin:0 0 18px;font:400 15px/1.65 "Figtree",sans-serif;color:var(--hvc-CFE2DA,#CFE2DA)}
html body .tl-note{margin-top:20px;font:400 13px/1.6 "Figtree",sans-serif;color:var(--hvc-8FB3A6,#8FB3A6)}
@keyframes tlIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:860px){html body .tl-grid{grid-template-columns:1fr}}
@media (max-width:520px){html body .tl-fields{grid-template-columns:1fr}html body .tl-card{padding:20px}}
html body #main .tl-card .tl-f>span:not(.tl-in),html body #main .tl-card .tl-f legend{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--hvc-DCEBE5,#DCEBE5)!important;-webkit-text-fill-color:var(--hvc-DCEBE5,#DCEBE5)!important}
html body #main .tl-card .tl-go{padding:0 30px;min-width:160px;align-self:flex-start}
html body #main .tl-card .tl-go,html body #main .tl-card .tl-go *{color:var(--hvc-062A20,#062A20)!important;-webkit-text-fill-color:var(--hvc-062A20,#062A20)!important}
/* ---------- light content below the green hero ---------- */
html body .tl-sec{background:#FFFFFF}
html body .tl-sec.tl-faqs{background:var(--hvc-F3F9F6,#F3F9F6)}
html body #main .tl-card{background:#FFFFFF!important;border:1px solid var(--hvc-E2ECE7,#E2ECE7)!important;box-shadow:0 1px 2px rgba(var(--hvr-0B2A22,11,42,34),.04),0 22px 44px -32px rgba(var(--hvr-0B2A22,11,42,34),.35)!important}
html body #main .tl-ic{color:var(--hvc-0F6B52,#0F6B52);background:var(--hvc-E7F4EE,#E7F4EE);border-color:var(--hvc-CFE6DC,#CFE6DC)}
html body #main .tl-head h2{color:var(--hvc-0B2A22,#0B2A22)!important;-webkit-text-fill-color:var(--hvc-0B2A22,#0B2A22)!important}
html body #main .tl-head p{color:#56675F!important;-webkit-text-fill-color:#56675F!important}
html body #main .tl-card .tl-f>span:not(.tl-in),html body #main .tl-card .tl-f legend{color:var(--hvc-0B2A22,#0B2A22)!important;-webkit-text-fill-color:var(--hvc-0B2A22,#0B2A22)!important}
html body #main :is(.tl-in,.tl-cm,.tl-ftin){background:var(--hvc-F6FAF8,#F6FAF8);border-color:var(--hvc-D3E2DB,#D3E2DB)}
html body #main .tl-form input[type=number]{color:var(--hvc-0B2A22,#0B2A22);-webkit-text-fill-color:var(--hvc-0B2A22,#0B2A22)}
html body #main .tl-form input::placeholder{color:#8A9C94;-webkit-text-fill-color:#8A9C94}
html body #main .tl-form em{color:#56675F}
html body #main .tl-form select{background:var(--hvc-F6FAF8,#F6FAF8);color:var(--hvc-0B2A22,#0B2A22);border-color:var(--hvc-D3E2DB,#D3E2DB)}
html body #main .tl-seg{background:var(--hvc-F1F6F3,#F1F6F3);border-color:var(--hvc-D3E2DB,#D3E2DB)}
html body #main .tl-seg span{color:var(--hvc-3F514A,#3F514A)}
html body #main .tl-seg input:checked+span{background:var(--hvc-167C5F,#167C5F);color:#FFFFFF}
html body #main .tl-checks span{color:var(--hvc-3F514A,#3F514A);background:var(--hvc-F6FAF8,#F6FAF8);border-color:var(--hvc-D3E2DB,#D3E2DB)}
html body #main .tl-checks input:checked+span{background:var(--hvc-DCF0E7,#DCF0E7);border-color:var(--hvc-167C5F,#167C5F);color:var(--hvc-0B2A22,#0B2A22)}
html body #main .tl-card .tl-go{background:linear-gradient(135deg,var(--hvc-167C5F,#167C5F),var(--hvc-0F5A46,#0F5A46));box-shadow:0 12px 26px -14px rgba(var(--hvr-0F5A46,15,90,70),.8)}
html body #main .tl-card .tl-go,html body #main .tl-card .tl-go *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html body #main .tl-out.is-on{background:var(--hvc-EEF7F3,#EEF7F3);border-color:var(--hvc-BFE2D3,#BFE2D3)}
html body #main .tl-out.t-mid{background:#FFF8E8;border-color:#F0D9A0}
html body #main .tl-out.t-high{background:#FFF1EE;border-color:#F3C2B6}
html body #main .tl-out p{color:var(--hvc-3F514A,#3F514A)}
html body #main .tl-out b{color:var(--hvc-0B2A22,#0B2A22)}
html body #main .tl-big{color:var(--hvc-0B2A22,#0B2A22)!important}
html body #main .tl-big small{color:#56675F}
html body #main .tl-tag{color:var(--hvc-0F6B52,#0F6B52)!important}
html body #main .t-mid .tl-tag{color:#8A5A00!important}
html body #main .t-high .tl-tag{color:#B03A22!important}
html body #main .tl-err{color:#B03A22!important}
html body #main .tl-more{color:var(--hvc-0F6B52,#0F6B52)}
html body #main .tl-h2{color:var(--hvc-0B2A22,#0B2A22)}
html body #main .tl-faq{background:#FFFFFF;border-color:var(--hvc-E2ECE7,#E2ECE7)}
html body #main .tl-faq summary{color:var(--hvc-0B2A22,#0B2A22)}
html body #main .tl-faq summary::after{color:var(--hvc-167C5F,#167C5F)}
html body #main .tl-faq p{color:var(--hvc-3F514A,#3F514A)}
html body #main .tl-note{color:#56675F}