.capsule-compatibility{border:1px solid #c4cbb8;border-radius:18px;padding:28px;background:#e8ecdf;margin:0 0 30px;color:#252f25}
.capsule-system-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}
.capsule-system-heading h2{font-size:clamp(24px,3vw,34px);line-height:1.25;margin:4px 0 10px}
.capsule-system-heading p{margin:0;max-width:760px}.capsule-system-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#496048}
.capsule-system-all{flex-shrink:0;border:1px solid #587051;border-radius:24px;padding:12px 18px;background:transparent;color:#2e422e;font:inherit;cursor:pointer}
.capsule-system-all[aria-pressed=true]{background:#344e35;color:#fff}
.capsule-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.capsule-system-choice{position:relative;display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:start;background:#faf9f3;color:#253125;border:1px solid #c4cbb8;border-radius:12px;padding:18px 38px 18px 18px;min-height:122px;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
[dir=rtl] .capsule-system-choice{padding:18px 18px 18px 38px}
.capsule-system-choice:hover{border-color:#486643;background:#f3f4e9}
.capsule-system-choice[aria-pressed=true]{border:2px solid #365332;background:#f2f4e8;padding:17px 37px 17px 17px}
[dir=rtl] .capsule-system-choice[aria-pressed=true]{padding:17px 17px 17px 37px}
.capsule-system-name{font-weight:700;font-size:17px;line-height:1.3}.capsule-system-examples{font-size:12px;line-height:1.5;color:#61685b}.capsule-system-count{font-size:12px;color:#4e6347;margin-top:auto}
.capsule-system-check{position:absolute;inset-inline-end:14px;top:16px;visibility:hidden;font-weight:bold;color:#365332}.capsule-system-choice[aria-pressed=true] .capsule-system-check{visibility:visible}
.capsule-system-choice:focus-visible,.capsule-system-all:focus-visible,.capsule-system-help summary:focus-visible{outline:3px solid #e7771d;outline-offset:4px}
.capsule-system-note{font-size:14px;line-height:1.6;border-inline-start:3px solid #55734c;padding-inline-start:12px;margin:18px 0 0}.capsule-system-help{font-size:14px;margin-top:18px}.capsule-system-help summary{cursor:pointer;width:fit-content}.capsule-system-help p{line-height:1.65;max-width:850px}.capsule-system-help a{text-decoration:underline}
.capsule-fit-badge{display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.4;margin:12px 0;color:#53664c}.capsule-fit-badge strong{font-size:13px;font-weight:600;color:#334b30}
@media(max-width:900px){.capsule-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capsule-system-heading{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:480px){.capsule-compatibility{padding:16px;border-radius:12px}.capsule-system-grid{gap:8px}.capsule-system-choice{padding:14px 24px 14px 12px;min-height:146px}.capsule-system-choice[aria-pressed=true]{padding:13px 23px 13px 11px}[dir=rtl] .capsule-system-choice{padding:14px 12px 14px 24px}[dir=rtl] .capsule-system-choice[aria-pressed=true]{padding:13px 11px 13px 23px}.capsule-system-name{font-size:15px}.capsule-system-check{inset-inline-end:8px;top:12px}.capsule-system-count{font-size:11px}.capsule-system-heading p{font-size:14px}}