/* Cholestérol et alimentation (/nutrition/cholesterol) : cartes blanches, encre et violet du site. */
.lipid-tool{--lt-ink:#17242e;--lt-soft:#51616d;--lt-line:#17242e1f;--lt-accent:#5143ca;margin:6px 0 26px;color:var(--lt-ink)}
.lipid-tool *{box-sizing:border-box}
.lipid-tool.is-unavailable .lt-head p::after{content:" L’outil n’a pas pu être chargé ; réessayez plus tard.";font-weight:700}
.care .lipid-tool h2{margin:0 0 8px;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.5px}
.care .lipid-tool .lt-head p{margin:0 0 18px;max-width:78ch;color:var(--lt-soft);font-size:15px;line-height:1.6}
.lt-app[hidden],.lt-suggest[hidden]{display:none}
.lt-app{display:grid;gap:18px}
.lt-card{padding:26px;border:1px solid var(--lt-line);border-radius:22px;background:#fff}
.care .lipid-tool h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:19px;line-height:1.3}
.lt-step{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--lt-accent);color:#fff;font-size:14px;font-weight:800}
.lipid-tool button{font:inherit;color:inherit;cursor:pointer}
.lipid-tool :focus-visible{outline:3px solid var(--lt-accent);outline-offset:3px}
.lt-picker label,.lt-quantity label{display:block;margin-bottom:7px;font-size:13px;font-weight:650}
.lt-field{position:relative}
.lt-field input{width:100%;height:48px;padding:10px 14px;border:1px solid #17242e40;border-radius:12px;background:#fff;color:var(--lt-ink);font-size:15px;font-weight:600;text-overflow:ellipsis}
.lt-field input::placeholder{font-weight:500;color:#6b7b87}
.lt-suggest{position:absolute;z-index:6;top:100%;left:0;right:0;max-height:320px;margin:6px 0 0;padding:6px!important;overflow:auto;list-style:none;border:1px solid var(--lt-line);border-radius:14px;background:#fff;box-shadow:0 18px 40px #17242e2e}
.lt-suggest li{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:650;line-height:1.3;cursor:pointer}
.lt-suggest li small{color:var(--lt-soft);font-size:12px;font-weight:500}
.lt-suggest li[aria-selected=true],.lt-suggest li:hover{background:#f3f1ff}
.lt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.lt-chips button{padding:7px 13px;border:1px solid #17242e33;border-radius:999px;background:#fff;font-size:13px;font-weight:650;line-height:1.3}
.lt-chips button:hover{border-color:var(--lt-accent);background:#f3f1ff}
.lipid-tool .lt-food{margin:18px 0 4px;font-size:15px}
.care .lipid-tool .lt-food a{font-size:13px}
.lt-block{margin-top:14px}
.lipid-tool .lt-caption{margin:0 0 7px;color:var(--lt-soft);font-size:13px;line-height:1.5}
.lt-caption strong{color:var(--lt-ink)}
.lt-stack{display:flex;height:14px;border-radius:99px;background:#eef1f5;overflow:hidden}
.lt-stack-tall{height:26px;border-radius:10px}
.lt-stack i{display:block;flex:0 0 auto;width:0;height:100%}
.lipid-tool .lt-scale{display:flex;justify-content:space-between;margin:5px 0 0;color:var(--lt-soft);font-size:11px}
.lt-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:9px 0 0;padding:0!important;list-style:none;font-size:12px;color:var(--lt-soft)}
.lt-legend li{display:flex;align-items:center;gap:6px}
.lt-legend i{display:block;width:11px;height:11px;border-radius:3px}
.lt-legend strong{color:var(--lt-ink)}
.lipid-tool .lt-note{margin:12px 0 0;color:var(--lt-soft);font-size:12px;line-height:1.55}
.lt-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.lt-tile{display:flex;flex-direction:column;gap:2px;padding:16px;border:1px solid var(--lt-line);border-top:4px solid var(--lt-accent);border-radius:14px;background:#fafbfd}
.lt-tile-label{font-size:12px;font-weight:700;color:var(--lt-soft)}
.lt-tile strong{font-size:26px;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}
.lt-tile-unit{font-size:12px;color:var(--lt-soft)}
.lipid-tool .lt-tile p{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--lt-soft)}
.lt-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lt-quantity{display:grid;grid-template-columns:auto minmax(0,1fr) 64px;gap:14px;align-items:center;margin:16px 0 4px}
.lt-quantity label{margin:0}
.lt-quantity input[type=range]{width:100%;accent-color:var(--lt-accent)}
.lt-quantity output{font-size:18px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.lt-swap{margin-top:16px}
.lt-swap-head,.lt-swap-row{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(0,1fr) minmax(0,1fr) 124px;gap:14px;align-items:center}
.lt-swap-head{padding-bottom:8px;border-bottom:1px solid var(--lt-line);color:var(--lt-soft);font-size:12px;font-weight:700;line-height:1.3}
.lt-swap-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-swap-row{padding:11px 0;border-bottom:1px solid #17242e12}
.lt-row-label{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.3}
.lt-row-label small{color:var(--lt-soft);font-size:11px}
.lt-cell{display:flex;flex-direction:column;gap:5px;min-width:0}
.lt-num{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.lt-bar{display:block;height:9px;border-radius:99px;background:#eef1f5;overflow:hidden}
.lt-bar i{display:block;width:0;height:100%;border-radius:99px;background:#9aa6b1}
.lt-cell.is-b .lt-bar i,.lt-total .lt-bar i{background:var(--lt-accent)}
.lt-bar i.is-bound{background:transparent!important;border:1.5px dashed #9aa6b1}
.lt-bar.is-flat i{opacity:.35}
.lt-delta{justify-self:end;padding:3px 10px;border-radius:999px;background:#eef1f5;font-size:12px;font-weight:750;white-space:nowrap}
.lt-delta.is-less,.lt-delta.is-more{background:#17242e;color:#fff}
.lt-delta.is-unknown{background:transparent;color:var(--lt-soft);font-weight:500}
.lt-plate{margin:14px 0 0;padding:0!important;list-style:none}
.lt-plate li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #17242e12;font-size:14px}
.lt-plate li.lt-empty{display:block;color:var(--lt-soft);font-size:13px}
.lt-plate-name{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-grams{display:flex;align-items:center;gap:6px;color:var(--lt-soft);font-size:13px}
.lt-grams input{width:74px;height:38px;padding:6px 8px;border:1px solid #17242e40;border-radius:10px;font:inherit;font-weight:700;text-align:right}
.lt-remove{width:34px;height:34px;border:1px solid var(--lt-line);border-radius:50%;background:#fff;font-size:18px;line-height:1}
.lt-remove:hover{background:var(--lt-ink);color:#fff}
.lt-totals{margin-top:16px}
.lt-total{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(0,1.6fr) 130px;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid #17242e12}
.lt-total .lt-num{text-align:right}
.lt-link{margin-top:14px;padding:0;border:0;background:none;color:var(--lt-accent);font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
  .lt-card{padding:20px 16px;border-radius:18px}
  .lt-tiles{grid-template-columns:minmax(0,1fr)}
  .lt-pair{grid-template-columns:minmax(0,1fr)}
  .lt-swap-head{display:none}
  .lt-swap-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}
  .lt-swap-row .lt-row-label{grid-column:1/-1}
  .lt-swap-row .lt-delta{grid-column:1/-1;justify-self:start}
  .lt-total{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .lt-total .lt-bar{grid-column:1/-1;grid-row:2}
  .lt-quantity{grid-template-columns:minmax(0,1fr) auto}.lt-quantity label{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.lipid-tool *{transition:none!important}}