.information-page-v22{padding:42px 0 76px}.injection-guide{margin:28px 0;padding:clamp(18px,3vw,32px);border:1px solid #b9d8ca;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-strong);color:#25362f}.injection-guide__header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.injection-guide__header h2{margin:0;color:#18372b;font-size:clamp(1.55rem,3vw,2.35rem)}.injection-guide__tagline{color:#078d88;font-size:.76rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.injection-guide__main{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(330px,.95fr);gap:22px}.injection-figures{display:grid;grid-template-columns:1fr 1fr;gap:14px}.injection-figure{padding:13px;border:1px solid #d2e2da;border-radius:18px;background:#f8fbf9;text-align:center}.injection-figure>strong{display:block;margin-bottom:8px;color:#577067;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.injection-body-svg{display:block;width:100%;height:315px}.body-shape{fill:#bad7cb;stroke:#77ae99;stroke-width:1.4}.body-detail{fill:none;stroke:#8bb9a7;stroke-width:1}.injection-hotspot{fill:#8ce4d3;fill-opacity:.28;stroke:#0aa99e;stroke-width:2;cursor:pointer;transition:.18s}.injection-hotspot:hover,.injection-hotspot:focus,.injection-hotspot.is-active{fill:#21d4c1;fill-opacity:.78;stroke:#087d78;filter:drop-shadow(0 0 6px rgba(17,185,172,.65));outline:none}.injection-zone-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}.injection-zone-tabs button{padding:8px 13px;border:1px solid #b7d2c5;border-radius:999px;background:#f8fbf9;color:#345348;font-weight:800;cursor:pointer}.injection-zone-tabs button:hover,.injection-zone-tabs button.is-active{border-color:#079d94;background:#dff8f3;color:#076c68}.zone-details{min-height:100%;padding:25px;border:1px solid #b8d9cd;border-radius:18px;background:linear-gradient(145deg,#f5fbf8,#edf7f3)}.zone-details .eyebrow{color:#078d88}.zone-details h3{margin:8px 0 14px;color:#174b3b;font-size:clamp(1.4rem,2.5vw,2rem)}.zone-details p{line-height:1.65}.zone-highlight{margin:18px 0;padding:13px 15px;border-left:4px solid #0aa99e;border-radius:10px;background:#fff;color:#23493d;font-weight:800}.zone-common{display:grid;gap:10px;margin-top:18px}.zone-common p{margin:0}.zone-common strong{color:#087d78}.injection-guide__lower,.information-practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.injection-list-panel,.information-practical-card{padding:22px;border:1px solid #c9ddd4;border-radius:18px;background:#fbfdfc}.injection-list-panel h3,.information-practical-card h2{margin:0 0 15px;color:#19634d;font-size:1rem;letter-spacing:.06em;text-transform:uppercase}.injection-steps{display:grid;grid-template-columns:1fr 1fr;gap:11px;counter-reset:step;list-style:none;padding:0}.injection-steps li{display:flex;gap:9px;align-items:flex-start}.injection-steps li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid #12a99d;border-radius:50%;color:#077a74;font-size:.72rem;font-weight:900}.avoid-panel{border-color:#e7b6b8;background:#fff8f8}.avoid-panel h3{color:#a53c43}.avoid-panel ul,.information-practical-card ul{display:grid;gap:10px;margin:0;padding-left:20px}.avoid-panel li::marker{color:#cf4c53}.information-disclaimer{margin:18px 0 0;color:#697a73;font-size:.78rem}.information-practical-grid{margin-bottom:34px}.information-practical-card{background:rgba(255,255,255,.94);box-shadow:var(--shadow-strong)}.information-practical-card li::marker{color:#08a59b}.information-articles-heading{margin:44px 0 18px}.information-card-button{width:100%;padding:0;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}.information-card__share{display:inline-flex;margin:0 22px 18px;color:#557268;font-size:.78rem}.information-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:22px;background:rgba(10,31,25,.66);backdrop-filter:blur(5px)}.information-modal[hidden]{display:none}.information-modal__dialog{position:relative;width:min(860px,100%);max-height:88vh;overflow:auto;padding:clamp(22px,4vw,42px);border:1px solid #aad2c0;border-radius:24px;background:#fffdf9;box-shadow:0 30px 80px rgba(0,0,0,.3)}.information-modal__close{position:absolute;top:14px;right:14px;width:42px;height:42px;border:1px solid #bdd8cc;border-radius:50%;background:#eff8f4;color:#1a4d3b;font-size:1.5rem;cursor:pointer}.information-rich-content{color:#2d3c35;line-height:1.8}.information-rich-content h2,.information-rich-content h3,.information-rich-content h4{color:#176047}.information-rich-content a{color:#07877f}.text-align-center{text-align:center}.text-align-right{text-align:right}.text-align-justify{text-align:justify}.modal-open{overflow:hidden}@media(max-width:980px){.injection-guide__main{grid-template-columns:1fr}.injection-body-svg{height:285px}}@media(max-width:680px){.injection-guide__header{align-items:flex-start;flex-direction:column}.injection-figures,.injection-guide__lower,.information-practical-grid{grid-template-columns:1fr}.injection-body-svg{height:270px}.injection-steps{grid-template-columns:1fr}.zone-details{padding:20px}}
.information-card-button{display:flex;flex:1;flex-direction:column}.information-card-button>div{display:flex;flex:1;flex-direction:column;padding:22px}

/* V2.3 — silhouettes affinées, blocs éditoriaux allégés et articles compacts */
.navel-avoid{fill:#fff;stroke:#df7777;stroke-width:1.5;stroke-dasharray:3 2;pointer-events:none}.injection-guide__header{justify-content:flex-start}.information-practical-card{position:relative;padding-top:28px;box-shadow:none;background:rgba(255,255,255,.72)}.information-practical-card h2{display:inline-block;padding-bottom:7px;border-bottom:3px solid #18aaa0;letter-spacing:.02em;text-transform:none;font-size:1.08rem}.information-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,320px));gap:18px;align-items:stretch}.information-card{min-height:0}.information-card-button>div{padding:18px}.information-card-button h2{margin:0 0 8px;font-size:1.15rem}.information-card-button p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0 0 18px}.information-card-button span{margin-top:auto}.information-card__share{margin:0 18px 15px}.information-rich-content table{width:100%;border-collapse:collapse;margin:20px 0}.information-rich-content th,.information-rich-content td{padding:10px;border:1px solid #bad7cb;text-align:left}.information-rich-content th{background:#e8f5ef;color:#155b45}.information-rich-content mark{padding:0 .15em;background:#fff0a8}.information-rich-content blockquote{margin:18px 0;padding:12px 16px;border-left:4px solid #12a99d;background:#eff9f5}

/* V2.4 — illustration anatomique, zones accessibles et articles structurés */
.section-underlined{position:relative;padding-bottom:11px}.section-underlined::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;border-radius:3px;background:linear-gradient(90deg,#078d88,#7ac7a5)}.injection-body-image{position:relative;overflow:hidden;border:1px solid #c7ddd3;border-radius:18px;background:#edf7f3;aspect-ratio:3/2}.injection-body-image>img{display:block;width:100%;height:100%;object-fit:cover}.injection-overlay{position:absolute;left:var(--x);top:var(--y);width:4.4%;aspect-ratio:1;border:2px solid #008e86;border-radius:50%;background:rgba(64,232,210,.32);box-shadow:0 0 0 3px rgba(255,255,255,.66),0 0 13px rgba(0,151,141,.48);transform:translate(-50%,-50%);cursor:pointer;transition:.18s}.injection-overlay--small{width:3.5%}.injection-overlay--long{width:4%;height:11%;aspect-ratio:auto;border-radius:50%}.injection-overlay--wide{width:6%;height:4.5%;aspect-ratio:auto}.injection-overlay:hover,.injection-overlay:focus-visible,.injection-overlay.is-active{z-index:2;background:rgba(0,202,185,.74);border-color:#005e59;outline:3px solid rgba(255,255,255,.9);outline-offset:2px}.navel-avoid-marker{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;width:22px;height:22px;border:2px solid #c75555;border-radius:50%;background:#fff;color:#b42d36;font-weight:900;transform:translate(-50%,-50%);pointer-events:none}.article-section{margin:30px 0}.article-section-title{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#527e61;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.article-section-title::before{content:"";width:22px;height:2px;background:#6e966f}.article-mechanism-grid{display:grid;gap:14px}.article-mechanism-grid article{padding:20px;border:1px solid #d8dfce;border-radius:14px;background:#fff}.article-mechanism-grid h3{margin:0 0 8px;color:#315c42}.article-table-wrap{overflow-x:auto;border:1px solid #d4dcc7;border-radius:14px}.article-data-table{width:100%;border-collapse:collapse}.article-data-table th{background:#6e9665;color:#fff;text-transform:uppercase;font-size:.76rem}.article-data-table th,.article-data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #d9ddcb}.article-data-table tbody tr:nth-child(even){background:#f0eee3}.article-callout{margin:16px 0;padding:18px 20px;border-left:4px solid #6d9664;border-radius:14px;background:#eaf1df}.article-callout h3{margin:0 0 10px;color:#3c643f;text-transform:uppercase;font-size:.82rem;letter-spacing:.07em}.article-callout ul,.article-tips ul{display:grid;gap:8px;margin:0;padding-left:20px}.article-callout--warning{border-color:#d19a49;background:#f8efdc}.article-callout--warning h3{color:#8a5a15}.article-callout--danger{border-color:#c5573d;background:#fae9e2}.article-callout--danger h3{color:#a5402d}.article-safety-grid{display:grid;gap:14px}.article-tips li::marker{color:#4f8e68}.information-structured-content{color:#263b31}.information-modal__dialog>.information-structured-content{margin-top:22px}@media(max-width:680px){.injection-body-image{aspect-ratio:1.25}.navel-avoid-marker{width:16px;height:16px;font-size:11px}.injection-overlay{border-width:1px}.article-data-table th,.article-data-table td{padding:9px 10px}}

/* V2.10.4 — panneaux opaques et guide de lecture du matériel. */
.information-practical-card{background:#fff}.syringe-literacy-guide{margin-top:38px;padding:clamp(22px,4vw,42px);border:1px solid #bfd8cd;border-radius:24px;background:#fff;box-shadow:var(--shadow-strong);color:#263a31}.syringe-literacy-guide>header{max-width:900px}.syringe-literacy-guide>header h2{margin:7px 0 12px;color:#173f31;font-size:clamp(1.7rem,3vw,2.5rem)}.syringe-guide-hero{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:26px;align-items:center;margin:28px 0}.syringe-guide-hero>img{width:100%;max-height:480px;object-fit:contain;border-radius:18px;background:linear-gradient(145deg,#10251f,#1d4235)}.syringe-capacity-grid{display:grid;gap:12px}.syringe-capacity-grid article{padding:18px;border:1px solid #cfe0d8;border-radius:15px;background:#f5faf7}.syringe-capacity-grid strong,.syringe-capacity-grid span{display:block}.syringe-capacity-grid strong{color:#087a55;font-size:1.08rem}.syringe-capacity-grid span{margin-top:5px;color:#637168}.syringe-warning{padding:20px 22px;border:1px solid #e2b15d;border-left:6px solid #d38224;border-radius:15px;background:#fff4df}.syringe-warning strong{color:#914e12}.syringe-warning p{margin:7px 0 0}.needle-language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.needle-language-grid article{padding:20px;border:1px solid #ccded5;border-radius:16px;background:#f8fbf9}.needle-language-grid article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#def4e9;color:#087553;font-weight:900}.needle-language-grid h3{margin:12px 0 6px}.needle-language-grid p{margin:0;color:#5d6f66}.needle-guide-list{padding:22px;border-radius:16px;background:#edf7f2}.needle-guide-list h3{margin-top:0}.needle-guide-list ul{display:grid;gap:9px}.syringe-product-section{margin-top:32px}.syringe-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.syringe-product-grid article{overflow:hidden;border:1px solid #d0dfd7;border-radius:17px;background:#fff}.syringe-product-grid img,.syringe-product-placeholder{width:100%;height:180px;object-fit:contain;background:#eef6f2}.syringe-product-placeholder{display:grid;place-items:center;color:#16956d;font-size:3rem}.syringe-product-grid article>div:last-child{padding:18px}.syringe-product-grid h4{margin:0 0 7px}.syringe-product-grid p{color:#66766e}.syringe-product-grid a{color:#087a55;font-weight:850}.syringe-guide-sources{margin-top:24px;padding-top:18px;border-top:1px solid #d5e2dc;color:#64736c;font-size:.8rem}.syringe-guide-sources a{color:#137b5a}@media(max-width:850px){.syringe-guide-hero{grid-template-columns:1fr}.needle-language-grid,.syringe-product-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.needle-language-grid,.syringe-product-grid{grid-template-columns:1fr}}

/* V2.10.5 — schéma annoté et repères d’angle sous-cutané. */
.syringe-anatomy-diagram{margin:28px 0 18px;padding:16px;border:1px solid #c4ddd2;border-radius:20px;background:#edf7f2}.syringe-anatomy-diagram img{display:block;width:100%;height:auto}.syringe-anatomy-diagram figcaption{padding:12px 8px 2px;text-align:center;color:#496158}.injection-angle-guide{margin:30px 0;padding:clamp(18px,3vw,28px);border:1px solid #c7ddd3;border-radius:20px;background:#f4faf7}.injection-angle-guide>header{max-width:900px}.injection-angle-guide h3{margin:7px 0 8px;color:#173f31;font-size:clamp(1.35rem,2.5vw,1.85rem)}.injection-angle-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.angle-card{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid #cddfd6;border-radius:17px;background:#fff}.angle-card h4{margin:0 0 7px;color:#174536}.angle-card p{margin:0;color:#596d64}.angle-visual{position:relative;height:170px;overflow:hidden;border-radius:14px;background:#f7faf8}.angle-visual span{position:absolute;left:0;width:100%}.angle-visual .skin{bottom:83px;height:16px;background:#edba97}.angle-visual .fat{bottom:38px;height:45px;background:#f5d56a}.angle-visual .muscle{bottom:0;height:38px;background:#db756d}.angle-visual .needle{z-index:2;left:86px;bottom:63px;width:5px;height:94px;border-radius:5px;background:#267f6a;transform-origin:bottom}.angle-card--90 .needle{transform:rotate(0)}.angle-card--45 .needle{transform:rotate(45deg)}.angle-visual b{position:absolute;z-index:3;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:#163f32;color:#fff;font-size:1.25rem}.injection-angle-guide>aside{padding:15px 17px;border-left:5px solid #ca7920;border-radius:12px;background:#fff1dd;color:#6b451a}.injection-angle-guide>aside strong{color:#8a4e12}@media(max-width:980px){.angle-card{grid-template-columns:145px 1fr}}@media(max-width:760px){.injection-angle-grid{grid-template-columns:1fr}.angle-card{grid-template-columns:130px 1fr}.syringe-anatomy-diagram{overflow-x:auto}.syringe-anatomy-diagram img{min-width:720px}}@media(max-width:480px){.angle-card{grid-template-columns:1fr}.angle-visual{height:145px}.syringe-anatomy-diagram figcaption{text-align:left}}

/* V2.10.6 — illustrations médicales originales et annotations sans croisements. */
.syringe-anatomy-visual{position:relative;overflow:hidden;min-height:360px;border-radius:16px;background:#fbfaf6}.syringe-anatomy-visual>img{width:100%;height:100%;min-height:360px;object-fit:cover}.syringe-callout{position:absolute;z-index:2;display:flex;flex-direction:column;min-width:150px;padding:9px 12px;border:1px solid #93c6b2;border-radius:11px;background:rgba(255,255,255,.94);box-shadow:0 7px 20px rgba(28,74,57,.12);color:#174536}.syringe-callout b{font-size:clamp(.9rem,1.4vw,1.15rem)}.syringe-callout small{color:#547067}.syringe-callout:after{content:"";position:absolute;width:2px;background:#00a982}.syringe-callout--capacity{left:37%;top:8%}.syringe-callout--capacity:after{left:50%;top:100%;height:72px}.syringe-callout--hub{right:15%;top:5%}.syringe-callout--hub:after{left:50%;top:100%;height:102px}.syringe-callout--gauge{right:2%;bottom:4%}.syringe-callout--gauge:after{right:28%;bottom:100%;height:78px;transform:rotate(18deg);transform-origin:bottom}.syringe-callout--length{right:23%;bottom:4%}.syringe-callout--length:after{left:62%;bottom:100%;height:55px}.needle-measure-line{position:absolute;z-index:2;right:2.5%;top:58%;width:20%;height:12px;border-top:3px solid #00a982;border-left:3px solid #00a982;border-right:3px solid #00a982}.angle-image{position:relative;overflow:hidden;margin:22px 0;border:1px solid #cddfd6;border-radius:18px;background:#fff}.angle-image>img{display:block;width:100%;height:auto}.angle-image-label{position:absolute;top:4%;display:flex;flex-direction:column;padding:9px 14px;border-radius:12px;background:rgba(19,65,51,.92);box-shadow:0 6px 18px rgba(0,0,0,.12);color:#fff}.angle-image-label b{font-size:clamp(1.1rem,2vw,1.55rem)}.angle-image-label small{color:#d9f1e8}.angle-image-label--90{left:3%}.angle-image-label--45{right:3%;text-align:right}.tissue-legend{position:absolute;right:2%;bottom:3%;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tissue-legend span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.9);color:#173f31;font-size:.76rem;font-weight:800}.angle-card{grid-template-columns:1fr}.angle-card--90{border-top:5px solid #00a982}.angle-card--45{border-top:5px solid #d69323}@media(max-width:760px){.syringe-anatomy-visual{min-width:760px}.syringe-anatomy-visual>img{min-width:760px}.angle-image{overflow-x:auto}.angle-image>img{min-width:720px}.angle-image-label{position:sticky;top:10px;display:inline-flex;margin:10px}.angle-image-label--90{left:10px}.angle-image-label--45{left:500px;right:auto}.tissue-legend{display:none}}@media(max-width:480px){.syringe-anatomy-diagram{padding:10px}.syringe-callout small{font-size:.72rem}}