/* Retained hero/link styles and comparison popovers for this landing preview. */
.site-nav a[aria-current="page"] { color: var(--mint); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; }
.hero { min-height: 0; padding-bottom: 36px; }
.home-text-link { display: inline-flex; gap: 12px; align-items: center; color: var(--mint); font-weight: 650; font-size: 14px; padding: 8px 0; }
.home-text-link:hover { color: var(--mint-bright); text-decoration: underline; text-underline-offset: 5px; }

/* Shared plan explanations: native popovers escape card overflow and stacking. */
.plan-feature-list li:has(.plan-feature-info), .price-card-features li:has(.plan-feature-info) { grid-template-columns: 18px minmax(0,1fr) 28px; align-items: start; }
.plan-feature-list li > span.plan-feature-label { min-width: 0; color: inherit; font-weight: inherit; }
.plan-feature-info { display: inline-flex; align-items: start; justify-content: end; }
.plan-feature-info .plan-info-trigger { display: inline-grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; min-height: 0; margin: -5px 0 0; padding: 4px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #5ce6a5; cursor: help; box-shadow: none; }
.plan-feature-info .plan-info-trigger svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.plan-feature-info .plan-info-trigger .plan-info-dot { fill: currentColor; stroke: none; }
.plan-feature-info .plan-info-trigger:hover, .plan-feature-info .plan-info-trigger:focus-visible { background: rgba(92,230,165,.1); border-color: rgba(92,230,165,.35); outline: 2px solid transparent; }
.plan-feature-info .plan-info-trigger:focus-visible { outline-color: #5ce6a5; outline-offset: 2px; }
.plan-feature-info .plan-info-popover { position: fixed; inset: 0; box-sizing: border-box; width: min(330px,calc(100vw - 24px)); height: fit-content; max-height: calc(100dvh - 24px); overflow-y: auto; margin: auto; padding: 17px 18px; border: 1px solid rgba(92,230,165,.42); border-radius: 13px; background: #101c1c; color: #e5efe9; font: 400 13px/1.6 "Segoe UI",sans-serif; text-align: left; white-space: normal; overflow-wrap: anywhere; box-shadow: 0 18px 55px rgba(0,0,0,.45); }
.plan-feature-info .plan-info-popover:popover-open { display: block; }
.plan-feature-info .plan-info-popover::backdrop { background: transparent; pointer-events: none; }
.plan-feature-info .plan-info-popover .plan-info-title { display: block; margin: 0 0 8px; color: #5ce6a5; font-size: 13px; font-weight: 750; line-height: 1.4; }
.plan-feature-info .plan-info-popover .plan-info-description { display: block; color: #d0ded5; font-weight: 400; }
.plan-feature-info .plan-info-popover .plan-info-availability { display: block; margin-top: 12px; padding-top: 9px; border-top: 1px solid rgba(215,167,151,.25); color: #d7a797; font-weight: 650; }
.price-comparison-table th .plan-feature-info { margin-left: 7px; vertical-align: middle; }
.price-comparison-table th .plan-info-trigger { margin-top: 0; }
@media (pointer: coarse) {
    .plan-feature-info .plan-info-trigger { width: 36px; height: 36px; flex-basis: 36px; margin-top: -7px; padding: 8px; }
    .plan-feature-list li:has(.plan-feature-info), .price-card-features li:has(.plan-feature-info) { grid-template-columns: 18px minmax(0,1fr) 36px; }
}