/* V302: real responsive compact support banner (not text baked into image) */
.md94-home .md302-support{box-sizing:border-box;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr) 22%;align-items:center;gap:15px;width:100%;min-width:0;height:140px;max-height:140px;margin:17px 0 15px;padding:12px 22px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 20% 85%,#096f78 0%,transparent 44%),linear-gradient(105deg,#042f39,#00515b 55%,#053944);box-shadow:0 10px 22px rgba(0,50,55,.14);color:#fff}
.md302-support::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(5,255,243,.07) 30%,transparent 65%)}
.md302-copy{min-width:0;text-align:right;align-self:center}
.md302-copy>small{display:block;color:#7af1f0;font-weight:800;font-size:10px;line-height:1.5}
.md302-copy h2{font-size:clamp(16px,1.7vw,23px);margin:3px 0 3px;line-height:1.35;color:white;white-space:normal}
.md302-copy p{font-size:11px;line-height:1.6;margin:0;color:#cbefed}
.md302-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:7px;background:linear-gradient(90deg,#00d3cc,#75ffff);padding:7px 16px;border-radius:25px;font-size:11px;font-weight:850;line-height:1.4;text-decoration:none;color:#003c42!important;white-space:nowrap}
.md302-options{display:flex;align-items:stretch;justify-content:center;gap:9px;min-width:0;max-height:112px}
.md302-options>a{box-sizing:border-box;flex:1 1 0;min-width:0;max-width:174px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:8px 5px;border-radius:13px;background:rgba(11,139,147,.16);border:1px solid rgba(67,236,237,.35);color:#fff;text-decoration:none;text-align:center;transition:background .2s}
.md302-options>a:hover{background:rgba(30,184,190,.28)}
.md302-option-icon{font-size:21px;line-height:1.2;color:#50f7f6}
.md302-options strong{font-size:12px;color:#fff;white-space:nowrap}
.md302-options small{font-size:9px;color:#c4f6f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;direction:ltr}
.md302-tooth{position:relative;align-self:stretch;height:100%;background:url('images/banners/support-tooth-v302.webp') center / cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 100%);border-radius:10px}
@media(max-width:1000px){.md94-home .md302-support{grid-template-columns:minmax(220px,37%) minmax(0,1fr) 17%;gap:8px;padding-inline:13px}.md302-options{gap:5px}.md302-copy h2{font-size:17px}.md302-tooth{background-position:52% 50%}}
@media(max-width:720px){.md94-home .md302-support{height:auto;max-height:none;min-height:126px;grid-template-columns:minmax(0,1fr) 24%;gap:10px;padding:14px}.md302-copy{grid-column:1}.md302-tooth{grid-column:2;grid-row:1/span 2;min-height:120px}.md302-options{grid-column:1;max-height:none;gap:6px}.md302-options>a{padding:7px 3px;max-width:none}.md302-copy p{font-size:10px}.md302-copy h2{font-size:18px}.md302-option-icon{font-size:16px}}
@media(max-width:420px){.md94-home .md302-support{grid-template-columns:1fr;padding:13px;gap:11px}.md302-tooth{display:none}.md302-options{grid-column:1}.md302-options small{font-size:8px}}
