/* V246 - approved reference concept translated into REAL patient UI, scoped ONLY
   to Sleeve clear-liquid stage. Other stages and approved shell remain unchanged. */
.w246-clear-active .w245-page{background:radial-gradient(ellipse 62% 34% at 48% 21%,#c6efed77 0%,transparent 86%),radial-gradient(circle at 10% 55%,#def7f3aa,transparent 32%),#f7fcfd;color:#113a44}
.w246-clear-active .w245-container{max-width:1560px;padding:22px 15px 58px}
.w246-clear-active .w245-hero{background:linear-gradient(120deg,#fff 5%,#f0fbfa 92%);border:1px solid #dfefeb;border-radius:24px;box-shadow:0 14px 35px #1c7c7820;max-width:100%;margin-bottom:20px}
.w246-clear-active .w245-hero h1{color:#153647;font-size:var(--w-text-h1)}
.w246-clear-active .w245-stage-nav{max-width:1410px;margin:0 auto 20px;gap:9px}
.w246-clear-active .w245-stage-nav a{background:linear-gradient(145deg,#fff,#f6fafb);border-color:#dce9ec;border-radius:18px;box-shadow:0 8px 18px #1e75740f;min-height:76px;text-align:center;align-items:center}
.w246-clear-active .w245-stage-nav a.is-current{background:linear-gradient(125deg,#d7f5ef,#edfdf9);box-shadow:0 5px 17px #17ab9b25;outline:1px solid #2ec9bc;border-color:#54cfc3}
.w246-clear-active .w245-layout{display:block;max-width:none}
.w246-clear-active .w245-main{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.w246-clear-active .w245-side{display:none}
.w246-clear-active .w245-tail{max-width:1400px;margin:28px auto}
.w246-clear-root{min-width:0}
.w246-studio{position:relative;display:grid;grid-template-columns:minmax(170px,.77fr) minmax(0,3fr) minmax(170px,.77fr);gap:12px;align-items:center;direction:ltr;isolation:isolate;padding:27px 0 31px}
.w246-studio:before{content:'';position:absolute;inset:4% 11%;border-radius:45%;background:radial-gradient(ellipse,#b5eee8a6 0%,#e7f8f855 54%,transparent 73%);filter:blur(29px);z-index:-1}
.w246-float-col{display:flex;flex-direction:column;gap:20px;align-items:stretch;direction:rtl;min-width:0}
.w246-float-left .w246-floating:nth-child(2){transform:translateX(18px)}
.w246-float-right .w246-floating:nth-child(2){transform:translateX(-16px)}
.w246-floating{background:linear-gradient(150deg,#fff,#f9feff);border:1px solid #e2edf2;border-radius:21px;box-shadow:0 15px 38px #2f858920,0 2px 4px #316b7011;padding:15px 13px;min-height:135px;position:relative;transition:transform .2s ease}
.w246-floating:before{content:'';position:absolute;inset:6px;border:1px solid #ffffffc7;border-radius:16px;pointer-events:none}
.w246-floating h3{margin:0 0 9px;font-size:var(--w-text-h3);font-weight:var(--w-weight-bold);color:#163a45}
.w246-floating strong{font-size:var(--w-text-small);color:#126e6f;line-height:1.8;display:block}
.w246-floating p{font-size:var(--w-text-body);color:#70898e;line-height:1.9;margin:7px 0 0}
.w246-float-icon{font-size:var(--w-text-h2);float:left;margin-left:4px}
.w246-hollow-meter{height:7px;border-radius:20px;background:#e1eff2;margin-top:13px;position:relative}
.w246-hollow-meter:before{content:'';width:38%;height:100%;position:absolute;right:0;background:repeating-linear-gradient(135deg,#d1ebea,#d1ebea 5px,#f0fafa 5px,#f0fafa 9px);border-radius:20px}
.w246-tip{background:linear-gradient(130deg,#fff,#fffdf3)}
.w246-stepdots{display:flex;align-items:center;justify-content:space-between;gap:5px;direction:rtl;margin-top:16px}
.w246-stepdots b,.w246-stepdots i{display:block;width:20px;height:20px;border-radius:50%;background:#e0ebed;color:#729098;text-align:center;font:700 var(--w-text-small)/var(--w-text-h4) inherit}
.w246-stepdots b{background:#11ac9f;color:#fff;box-shadow:0 0 0 4px #d2f4f0}
.w246-stepdots i{position:relative}
.w246-stepdots i:after{content:'';position:absolute;width:11px;height:3px;background:#d1e0e2;top:9px;right:21px}
.w246-visual-allowed{overflow:hidden;padding-bottom:0}
.w246-visual-allowed img{width:calc(100% + 26px);height:115px;object-fit:cover;object-position:center 55%;margin:5px -13px -3px;display:block;opacity:.94}
.w246-device-wrap{position:relative;direction:rtl;min-width:0;padding:0 0 24px}
.w246-device-wrap:after{content:'';position:absolute;bottom:5px;left:5%;width:90%;height:28px;border-radius:50%;background:#42c2b927;filter:blur(9px);z-index:-1}
.w246-device{position:relative;border-radius:29px;border:7px solid #27424c;box-shadow:0 22px 44px #25657a39,0 0 0 3px #8aa7b346 inset;background:linear-gradient(154deg,#fff,#f9fcff 62%,#f5fffe);padding:19px 20px 21px;min-height:440px}
.w246-device-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#168176;font-size:var(--w-text-small);font-weight:var(--w-weight-bold)}
.w246-approval{background:#f4faf7;border:1px solid #d4e8e1;padding:5px 11px;border-radius:20px;font-size:var(--w-text-small);color:#5a857e}
.w246-scope{background:#def5ef;border-radius:19px;padding:6px 10px}
.w246-device-title{text-align:center;margin:9px 0 11px}
.w246-device-title h2{font-size:var(--w-text-h2);line-height:1.2;margin:0 0 5px;color:#123343;font-weight:var(--w-weight-bold)}
.w246-device-title p{font-size:var(--w-text-body);color:#5e8185;margin:0}
.w246-phase-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px;background:#f1f7f8;border-radius:15px;margin-bottom:12px}
.w246-phase-row span{border-radius:11px;text-align:center;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);padding:9px 3px;color:#6a8388}
.w246-phase-row .is-active{background:#d9f7f1;color:#07877a;border:1px solid #9ce2d8}
.w246-stage-intro{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:7px 0 13px;flex-wrap:wrap}
.w246-stage-intro strong{font-size:var(--w-text-small);color:#164657}
.w246-stage-intro span{font-size:var(--w-text-small);max-width:450px;color:#66858c;line-height:1.8}
.w246-four-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:15px}
.w246-detail-card{background:#fff;border:1px solid #e6edef;border-radius:14px;padding:11px 9px 8px;box-shadow:0 5px 12px #276c7710;min-width:0}
.w246-detail-card h3{display:flex;align-items:center;gap:5px;font-size:var(--w-text-h3);font-weight:var(--w-weight-bold);color:#205560;margin:0 0 9px}
.w246-detail-card h3 span{color:#0caf9e;background:#e6f8f4;width:23px;height:23px;border-radius:9px;display:inline-grid;place-items:center;font-size:var(--w-text-h3)}
.w246-detail-card ul{list-style:none;margin:0;padding:0}
.w246-detail-card li{font-size:var(--w-text-small);color:#58727b;line-height:1.75;padding:5px 10px 5px 2px;border-bottom:1px solid #eef3f4;position:relative}
.w246-detail-card li:last-child{border-bottom:0}
.w246-detail-card li:before{content:'✓';color:#04a991;position:absolute;right:0;font-weight:var(--w-weight-bold)}
.w246-avoid{background:#fff9f9;border-color:#f5e3e3}.w246-avoid h3{color:#bd535a}.w246-avoid li:before{content:'×';color:#d86464}
.w246-plan{border-top:1px solid #e8f0f3;padding-top:13px}
.w246-plan header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.w246-plan h3{font-size:var(--w-text-h3);font-weight:var(--w-weight-bold);margin:0;color:#143d4b}.w246-plan header span{font-size:var(--w-text-small);color:#5d9093;background:#e9f7f5;border-radius:20px;padding:5px 9px}
.w246-demo-switch{display:flex;gap:6px;margin:9px 0}.w246-demo-switch button{font:inherit;font-weight:var(--w-weight-bold);color:#647f85;font-size:var(--w-text-control);border:1px solid #dbe8eb;background:#fff;border-radius:20px;padding:7px 12px;cursor:pointer}
.w246-demo-switch button[aria-pressed="true"]{background:#dcf6f0;border-color:#66c9b9;color:#057d75}
.w246-plan-hint{font-size:var(--w-text-small);line-height:1.9;color:#819199;margin:6px 0 11px}
.w246-mini-slots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.w246-mini-slot{background:#f3faf9;border:1px solid #e6f0ef;padding:7px 3px;border-radius:10px;display:flex;flex-direction:column;gap:4px;text-align:center;min-width:0}
.w246-mini-slot b{font-size:var(--w-text-small);color:#1e7771}.w246-mini-slot span{font-size:var(--w-text-small);color:#5e7980;line-height:1.5}
.w246-expand-plan{margin-top:11px;border:1px solid #d3eae6;border-radius:11px;background:#fcffff}
.w246-expand-plan>summary{cursor:pointer;color:#078479;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);padding:10px 12px}
.w246-expand-plan>summary span{float:left}
.w246-slot-list{padding:9px 12px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.w246-slot{background:#f7fbfc;border:1px solid #ebf0f2;border-radius:8px;min-width:0}
.w246-slot summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:8px}
.w246-slot summary::-webkit-details-marker{display:none}
.w246-slot time{font-size:var(--w-text-small);color:#0e8175;font-weight:var(--w-weight-bold);white-space:nowrap}
.w246-slot summary span:nth-child(2){font-size:var(--w-text-small);color:#4c6e76}
.w246-slot-arrow{margin-right:auto;color:#8a9ca0}
.w246-slot p{border-top:1px solid #e5eff1;padding:8px;font-size:var(--w-text-body);line-height:1.9;margin:0;color:#697e84}
.w246-action{display:table;margin:14px auto 0;text-decoration:none;background:linear-gradient(110deg,#00ab9e,#008c82);color:white;border-radius:25px;padding:12px 25px;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);box-shadow:0 9px 22px #009e9044}
.w246-action:hover{filter:brightness(1.04)}
.w246-deep{max-width:1230px;margin:3px auto 20px;background:#ffffffd9;border:1px solid #dcecea;border-radius:24px;padding:23px;box-shadow:0 14px 25px #29878b10;direction:rtl}
.w246-deep-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}.w246-deep-heading h2{font-size:var(--w-text-h2);color:#174551;margin:3px 0}.w246-eyebrow{font-size:var(--w-text-small);color:#0b9d8b;font-weight:var(--w-weight-bold)}
.w246-deep-heading a{color:#068c7c;font-size:var(--w-text-small);text-decoration:none}
.w246-deep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.w246-deep-card{background:#fbfefe;border:1px solid #dbece9;border-radius:15px;padding:16px;min-width:0}
.w246-deep-card h3{font-size:var(--w-text-h3);color:#19565d;margin:0 0 12px}.w246-deep-card p,.w246-deep-card li{font-size:var(--w-text-body);color:#4e7576;line-height:2.2}
.w246-deep-card ol,.w246-deep-card ul{padding-right:20px;margin:7px 0}
.w246-deep-alert{background:#fffaf7;border-color:#f0e4db}.w246-deep-alert h3{color:#a45646}
.w246-clarifier{border-radius:9px;background:#fff4df;padding:10px}
.w246-liquids{display:grid;gap:7px}.w246-liquids details{background:white;border:1px solid #e1efec;border-radius:10px;padding:8px 12px}.w246-liquids summary{font-size:var(--w-text-small);font-weight:var(--w-weight-bold);color:#176d65;cursor:pointer}.w246-liquids summary span{display:inline-block;min-width:28px}.w246-liquids p{margin:6px 0}
.w246-clinical-foot{font-size:var(--w-text-small);line-height:2.2;color:#5d787d;background:#effaf7;padding:13px;border-radius:12px;margin-bottom:0}
.w246-clear-root a:focus-visible,.w246-clear-root button:focus-visible,.w246-clear-root summary:focus-visible{outline:3px solid #039489;outline-offset:2px}
@media(max-width:1320px){.w246-studio{grid-template-columns:minmax(135px,.7fr) minmax(0,3.2fr) minmax(135px,.7fr);gap:8px}.w246-device{padding:15px 12px;border-width:6px}.w246-four-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.w246-floating{padding:12px 10px}.w246-mini-slots{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1060px){.w246-studio{display:flex;flex-direction:column;align-items:stretch}.w246-device-wrap{order:0}.w246-float-col{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.w246-float-right{order:2;grid-template-columns:repeat(4,minmax(0,1fr))}.w246-float-col .w246-floating{transform:none!important}.w246-device{max-width:890px;margin:0 auto}.w246-device-wrap{width:100%}.w246-four-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:730px){.w246-clear-active .w245-container{padding:12px 9px 35px}.w246-clear-active .w245-hero h1{font-size:var(--w-text-h1)}.w246-studio{padding-top:4px}.w246-device{border-radius:18px;border-width:4px;padding:14px 10px;max-width:100%}.w246-four-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.w246-phase-row{grid-template-columns:repeat(5,minmax(0,1fr))}.w246-phase-row span{font-size:var(--w-text-small);padding:6px 2px}.w246-mini-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.w246-float-col,.w246-float-right{grid-template-columns:repeat(2,minmax(0,1fr))}.w246-deep-grid{grid-template-columns:1fr}.w246-deep{padding:14px}.w246-slot-list{grid-template-columns:1fr}.w246-approval{font-size:var(--w-text-small)}.w246-floating{min-height:0}}
@media(max-width:410px){.w246-float-col,.w246-float-right{grid-template-columns:1fr}.w246-four-cards{grid-template-columns:1fr}.w246-device-title h2{font-size:var(--w-text-h2)}.w246-device-brand{flex-wrap:wrap}.w246-mini-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.w246-floating{transition:none}.w246-action{transition:none}}
@media print{.w246-float-col{display:none}.w246-studio{display:block}.w246-device{border:1px solid #ddd;box-shadow:none}.w246-expand-plan{display:block}.w246-deep{box-shadow:none}}
