/*
    Corner smoothing (squircles) for every rounded corner on the site.

    border-radius alone draws a circular quarter-arc, which meets the straight edge at a visible
    curvature break. corner-shape: squircle draws a superellipse instead, so the curve blends into
    the edge — the same thing Figma calls "corner smoothing 100%" and what iOS uses for app icons.

    Per the CSS spec the keyword scale is: round = superellipse(1), squircle = superellipse(2),
    square = superellipse(infinity). So `squircle` is the maximum-smoothing convex corner, not an
    arbitrary number.

    BROWSER SUPPORT: Chromium 139+ only (~67% of users as of mid-2026); Safari and Firefox do not
    implement it yet. It degrades silently — an engine that does not know the property ignores it
    and renders the ordinary border-radius arc. So this is pure progressive enhancement and is
    safe to ship, but the effect is invisible in Safari/Firefox.
*/

*,
*::before,
*::after {
    corner-shape: squircle;
}

/*
    Circles and pills must keep a true arc. A superellipse inscribed in a 50% radius is a rounded
    square, not a circle, so avatars, status dots, spinners and badges would visibly deform.
    These are every selector in the app that draws a full-round shape, plus the framework classes
    (Bootstrap / Metronic) that do the same.
*/
.rounded-circle,
.rounded-pill,
.symbol.symbol-circle .symbol-label,
.spinner::before,
.btn-large .btn-icon-wrapper,
.btn-medium .btn-icon-wrapper,
.what-qualifies li::before,
.info-need-list li::before,
.deal-close-icon-container,
.partner-journey-node,
.sidebar-close,
.testimonial-showcase-avatar,
.wp-empty__symbol,
.wp-topbar__dot,
.apply-option__badge,
.auth-submit__spinner,
.ld-track__dot,
.ld-tl-dot,
.wp-step .timeline-badge,
.wp-step__dot,
.reg-success__mark {
    corner-shape: round;
}