/* Site-wide shape language: boxed UI uses soft corners, while text layout stays unchanged. */
:where(
  .card, .panel, .blog-card, .login-panel, .login-banner,
  .feature, .notice, .modal, .dialog, .drawer, .window,
  .code-panel, .ask-bar, .pricing-card, .pricing-dialog,
  .content-card, .section-card, .form-card, .info-card,
  [class*="card"], [class*="panel"], [class*="modal"], [class*="dialog"],
  [class*="drawer"], [class*="window"], [class*="box"], [class*="banner"]
) {
  border-radius: 16px !important;
}

:where(
  input, textarea, select,
  button:not(.ecosystem-nav-toggle)
) {
  border-radius: 10px !important;
}

:where(
  [class*="card"], [class*="panel"], [class*="modal"], [class*="dialog"],
  [class*="drawer"], [class*="window"], [class*="box"], [class*="banner"]
) {
  overflow: hidden;
}

:where(
  [class*="card"] > img:first-child,
  [class*="panel"] > img:first-child,
  [class*="banner"] > img:first-child
) {
  border-radius: 16px 16px 0 0;
}