.compare-glass-dialog{border-radius:0;width:100%;height:100%;max-height:100dvh}@media (min-width:768px){.compare-glass-dialog{border-radius:var(--pop-radius-card,28px);width:90vw;height:85vh;max-height:85vh}}.compare-glass-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.pathway-compare-bar{z-index:55;right:auto;bottom:calc(.75rem + env(safe-area-inset-bottom,0px) + var(--sh-quote-dock-offset,0px) + var(--sh-consent-offset,0px));flex-wrap:wrap;align-items:center;gap:8px 12px;width:min(1120px,100% - 24px);padding:10px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.pathway-compare-chips{flex-wrap:wrap;flex:16rem;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pathway-compare-chip{border:1px solid var(--pop-field-border);border-radius:var(--pop-radius-pill);background:var(--pop-surface-page);max-width:100%;min-height:44px;color:var(--pop-content);font:800 14px/20px var(--pop-font-body);align-items:center;gap:2px;padding:0 0 0 16px;display:inline-flex}.pathway-compare-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.pathway-compare-chip button{border-radius:var(--pop-radius-pill);min-width:44px;min-height:44px;color:var(--pop-content);font-size:18px;line-height:1}.pathway-compare-chip button:hover{background:var(--pop-surface-soft)}.pathway-compare-actions{flex:none;align-items:center;gap:4px;display:flex}.pathway-compare-clear{border-radius:var(--pop-radius-pill);min-height:44px;color:var(--pop-content);font:800 16px/22px var(--pop-font-body);background:0 0;padding:0 12px}.pathway-compare-clear:hover{background:var(--pop-surface-soft)}.pathway-compare-go,.pathway-compare-go-secondary{border-radius:var(--pop-radius-pill);min-height:48px;font:800 16px/22px var(--pop-font-body);transition:background-color var(--pop-duration-quick);justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.pathway-compare-go{background:var(--pop-action);color:var(--pop-content-inverse);border:0}.pathway-compare-go:hover{background:var(--pop-action-hover)}.pathway-compare-go:active{background:var(--pop-action-pressed)}.pathway-compare-go-secondary{border:2px solid var(--pop-content);background:var(--pop-surface-page);color:var(--pop-content)}.pathway-compare-go-secondary:hover{background:var(--pop-surface-soft)}.pathway-compare-bar :-webkit-any(button,a):focus-visible{box-shadow:var(--pop-ring);outline:none}.pathway-compare-bar :-moz-any(button,a):focus-visible{box-shadow:var(--pop-ring);outline:none}.pathway-compare-bar :is(button,a):focus-visible{box-shadow:var(--pop-ring);outline:none}.compare-limit-toast button:focus-visible{box-shadow:var(--pop-ring);outline:none}.pathway-programmes .pathway-compare-go-secondary{margin-bottom:14px}.compare-limit-toast{z-index:90;top:calc(76px + env(safe-area-inset-top,0px));border:1px solid var(--pop-field-border);border-radius:var(--pop-radius-field);background:var(--pop-surface-page);width:min(28rem,100% - 24px);color:var(--pop-content);box-shadow:var(--pop-shadow-menu);padding:16px 52px 16px 16px;position:fixed;left:50%;transform:translate(-50%)}.compare-limit-toast p{font:800 16px/22px var(--pop-font-body);margin:0}.compare-limit-toast p+p{color:var(--pop-content-secondary);margin-top:4px;font-weight:400}.compare-limit-toast button{border-radius:var(--pop-radius-pill);min-width:44px;min-height:44px;color:var(--pop-content);font-size:20px;position:absolute;top:4px;right:4px}@media (max-width:640px){.pathway-compare-bar{flex-direction:column;align-items:stretch}.pathway-compare-actions{width:100%}.pathway-compare-go{flex:1}.pathway-compare-chip span{max-width:11rem}}.compare-slots{border-radius:var(--pop-radius-dialog);background:color-mix(in srgb,var(--pop-surface-page)62%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pop-surface-page)70%,transparent),0 0 0 1px color-mix(in srgb,var(--pop-content)6%,transparent),0 24px 48px -24px color-mix(in srgb,var(--pop-content)16%,transparent);-webkit-backdrop-filter:blur(28px);flex-direction:column;gap:20px;margin-top:36px;padding:32px;display:flex}.compare-slots-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.compare-slots-head p{font:700 var(--pop-text-tile)/var(--pop-leading-tile)var(--pop-font-display);letter-spacing:-.02em;margin:0}.compare-slots-head button{min-height:var(--pop-control-sm);border-radius:var(--pop-radius-pill);background:var(--pop-action);color:var(--pop-content-inverse);font:800 15px/22px var(--pop-font-body);padding:0 20px}.compare-slots-head button:hover:not(:disabled){background:var(--pop-action-hover)}.compare-slots-head button:active:not(:disabled){background:var(--pop-action-pressed)}.compare-slots-head button:disabled{box-shadow:inset 0 0 0 1.5px var(--pop-line-subtle);color:var(--pop-content-secondary);cursor:default;background:0 0}.compare-slots ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.compare-slots li{border:1.5px dashed var(--pop-line-subtle);border-radius:var(--pop-radius-field);background:var(--pop-surface-page);justify-content:center;align-items:center;min-width:0;height:64px;display:flex}.compare-slots li[data-filled]{border:1.5px solid var(--pop-content);justify-content:space-between;gap:4px;padding:0 8px 0 16px}.compare-slots li span{text-overflow:ellipsis;white-space:nowrap;color:var(--pop-content);font:800 15px/22px var(--pop-font-body);overflow:hidden}.compare-slots li button{border-radius:var(--pop-radius-pill);width:44px;height:44px;color:var(--pop-content);flex:none;font-size:20px}.compare-slots li button:hover{background:var(--pop-surface-soft)}.compare-slots .compare-slots-plus{border-radius:var(--pop-radius-pill);background:var(--pop-surface-soft);width:32px;height:32px;color:var(--pop-content-secondary);place-items:center;font-size:20px;font-weight:600;display:grid}.compare-slots :focus-visible{box-shadow:var(--pop-ring);outline:none}@media (max-width:767px){.compare-slots{gap:16px;margin-top:24px;padding:20px}.compare-slots-head p{font-size:18px;line-height:22px}.compare-slots ul{gap:12px}.compare-slots ul:has([data-filled]){grid-template-columns:1fr}.compare-slots li{height:56px}}
