.wgpl-rt { --wgpl-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'%3E%3C/path%3E%3Cpath d='m13 6 6 6-6 6'%3E%3C/path%3E%3C/svg%3E"); padding: 40px; border: 1px solid #efedf4; border-radius: 20px; background-color: #fbfafc; font-family: Inter, Arial, sans-serif; }
.wgpl-rt > p:first-child { margin: 0 0 8px; color: #4935c8; font-size: 13px; line-height: 1.4; font-weight: 600; }
.wgpl-rt h2 { margin: 0 0 12px; letter-spacing: -0.01em; text-wrap: balance; }
.wgif-shell .wgpl-rt { margin-top: 56px; }
.wgif-shell .wgpl-rt h2 { font-size: 28px; line-height: 1.25; font-weight: 700; color: #1c1b3a; }
.wgdb-shell .wgpl-rt { margin-top: 40px; margin-bottom: 56px; }
.wgdb-shell .wgpl-rt h2 { font-size: 24px; line-height: 1.3; font-weight: 600; color: #211f54; }
.wgpl-rt h2 + p { max-width: 760px; margin: 0 0 28px; color: #5b5d72; font-size: 16px; line-height: 1.65; font-weight: 400; text-wrap: pretty; }
.wgpl-rt ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.wgpl-rt ul:has(> li:nth-child(4):last-child), .wgpl-rt ul:has(> li:nth-child(2):last-child) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), calc(50% - 7px))); }
.wgpl-rt li { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 96px; margin: 0; padding: 16px 48px 16px 76px; border: 1px solid #efedf4; border-radius: 13px; background-color: #ffffff; color: #5b5d72; font-size: 13px; line-height: 1.5; font-weight: 400; box-shadow: 0 3px 14px rgba(44, 45, 115, 0.04); transition: border-color 0.18s ease, transform 0.18s ease; }
.wgpl-rt li::before { content: ""; position: absolute; left: 18px; top: 50%; width: 44px; height: 44px; margin-top: -22px; border-radius: 11px; background-color: #f4f2fb; }
.wgpl-rt li::after, .wgpl-rt ul + p a::after { content: ""; width: 18px; height: 18px; background-color: #2c2d73; -webkit-mask: var(--wgpl-arrow) center / contain no-repeat; mask: var(--wgpl-arrow) center / contain no-repeat; transition: transform 0.18s ease; }
.wgpl-rt li::after { position: absolute; right: 18px; top: 50%; margin-top: -9px; }
.wgpl-rt li:hover { border-color: #4935c8; transform: translateY(-1px); }
.wgpl-rt li:hover::after, .wgpl-rt ul + p a:hover::after { transform: translateX(2px); }
.wgpl-rt li a { display: block; margin-bottom: 3px; color: #2c2d73; font-size: 16px; line-height: 1.35; font-weight: 600; text-decoration: none; }
.wgpl-rt li a::before { content: ""; position: absolute; left: 28px; top: 50%; width: 24px; height: 24px; margin-top: -12px; background-color: #4935c8; -webkit-mask: var(--wgpl-i) center / contain no-repeat; mask: var(--wgpl-i) center / contain no-repeat; }
.wgpl-rt li a::after { content: ""; position: absolute; inset: 0; border-radius: 13px; }
.wgpl-rt li a:focus-visible { outline: none; }
.wgpl-rt li a:focus-visible::after { outline: 2px solid #4935c8; outline-offset: 2px; }
.wgpl-rt ul + p { margin: 22px 0 0; }
.wgpl-rt ul + p a { display: inline-flex; align-items: center; gap: 8px; color: #4935c8; font-size: 15px; line-height: 1.4; font-weight: 600; text-decoration: none; }
.wgpl-rt ul + p a::after { background-color: currentColor; }
.wgpl-rt a[href$="/solutions/cardiovascular-risk-assessment"], .wgpl-rt a[href$="/solutions/heart-failure-management"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10Z'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/blood-pressure-monitoring"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-5 4 10 2-5h6'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/type-2-diabetes-management"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5s6 6.6 6 10.7a6 6 0 0 1-12 0C6 10.1 12 3.5 12 3.5Z'%3E%3C/path%3E%3Cpath d='M9.5 14.5a2.5 2.5 0 0 0 2.5 2.5'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/asthma-management"], .wgpl-rt a[href$="/solutions/copd-management"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v8'%3E%3C/path%3E%3Cpath d='M12 12c-1.2-1.2-2.4-1.6-3.2-1.6C6.6 10.4 5 13.6 5 17c0 1.7.9 2.6 2.4 2.6 2.6 0 4.6-2.2 4.6-5.6V12Z'%3E%3C/path%3E%3Cpath d='M12 12c1.2-1.2 2.4-1.6 3.2-1.6 2.2 0 3.8 3.2 3.8 6.6 0 1.7-.9 2.6-2.4 2.6-2.6 0-4.6-2.2-4.6-5.6V12Z'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/cpap-compliance"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14.5A7.5 7.5 0 0 1 9.5 5a7.5 7.5 0 1 0 9.5 9.5Z'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/chronic-pain-management"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='5' r='1.6'%3E%3C/circle%3E%3Cpath d='m7 21 3-6.5 3 2.5v4'%3E%3C/path%3E%3Cpath d='m10 14.5 1.5-5L15 11l2.5 1.5'%3E%3C/path%3E%3Cpath d='M11.5 9.5 8 10.5 6.5 13'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/migraine-management"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 4.5A2.5 2.5 0 0 0 7 7a2.5 2.5 0 0 0-2 4 2.6 2.6 0 0 0 1 4.3A2.5 2.5 0 0 0 9.5 19H12V5.5a1 1 0 0 0-1-1h-1.5Z'%3E%3C/path%3E%3Cpath d='M14.5 4.5A2.5 2.5 0 0 1 17 7a2.5 2.5 0 0 1 2 4 2.6 2.6 0 0 1-1 4.3 2.5 2.5 0 0 1-3.5 3.7H12'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/perioperative-care"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14.5' rx='2'%3E%3C/rect%3E%3Cpath d='M4 10h16M8.5 3.5v4M15.5 3.5v4'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/cardiac-rehabilitation"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='7' width='11' height='10' rx='2.5'%3E%3C/rect%3E%3Cpath d='M9 7 9.6 3.5h4.8L15 7M9 17l.6 3.5h4.8L15 17'%3E%3C/path%3E%3Cpath d='M12 10v2.2l1.5 1'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/stroke-recovery"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 11 8-6.5 8 6.5'%3E%3C/path%3E%3Cpath d='M6 9.5V20h12V9.5'%3E%3C/path%3E%3Cpath d='M10 20v-5h4v5'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/cancer-symptom-management"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4.5' width='12' height='16' rx='2'%3E%3C/rect%3E%3Cpath d='M9 4.5V3.6c0-.3.3-.6.6-.6h4.8c.3 0 .6.3.6.6v.9'%3E%3C/path%3E%3Cpath d='M9 10h6M9 13.5h6M9 17h4'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/teledermatology"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6.5' width='12' height='11' rx='2'%3E%3C/rect%3E%3Cpath d='m15.5 10.5 5-3v9l-5-3'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/eczema-and-psoriasis-management"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 5 6v5.5c0 4.4 3 7.6 7 9 4-1.4 7-4.6 7-9V6l-7-2.5Z'%3E%3C/path%3E%3Cpath d='m9 12 2 2 4-4'%3E%3C/path%3E%3C/svg%3E"); }
.wgpl-rt a[href$="/solutions/menopause-care"] { --wgpl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7h11M9 12h11M9 17h11'%3E%3C/path%3E%3Ccircle cx='5' cy='7' r='.8'%3E%3C/circle%3E%3Ccircle cx='5' cy='12' r='.8'%3E%3C/circle%3E%3Ccircle cx='5' cy='17' r='.8'%3E%3C/circle%3E%3C/svg%3E"); }
@media screen and (max-width: 767px) {
.wgpl-rt { padding: 24px 20px; border-radius: 16px; }
.wgif-shell .wgpl-rt h2, .wgdb-shell .wgpl-rt h2 { font-size: 22px; }
.wgpl-rt h2 + p { margin-bottom: 20px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { .wgpl-rt li, .wgpl-rt li::after, .wgpl-rt ul + p a::after { transition: none; } }
