/* Consistent corner geometry for portfolio chrome and editorial frames.
   Project artwork, prototype controls, diagram nodes, and circular indicators
   retain their source shapes. Load after page and component stylesheets. */
/* Geometry tokens live in tokens.css. */

body[data-portfolio="home"] :is(.panel-3d, .panel-cta, .gallery-dots button, .about-dialog, .skip-link) {
  border-radius: var(--pf-radius) !important;
}

body.pf-system.pf-unified[data-portfolio] :is(
  .pf-panel, .pf-project-media, [data-ds-rounded="box"],
  .feature-video, .ui-stage, .clip-frame, .image-wrap, .map-screen,
  .flow-artifact, .wireframes, .wire-comparison, .compact-motion-board,
  .pf-video-frame, .pf-overview-exhibit, .pf-diagram-frame,
  .diagram-scroll, .flow-canvas, .user-flow, .restored-compare,
  .comparison-specs, .cat-stage, .pf-reading-track, .pf-reading-track a
) { border-radius: var(--pf-radius) !important; }

body.pf-system.pf-unified[data-portfolio] button:not(:where([data-design-evidence] *, .zoom, .image-button, .pf-play)):not(:has(img)),
body.pf-system.pf-unified[data-portfolio] :is(
  .hero-link, .primary-link, .experience-button, .hero-actions > a:first-child,
  .button.dark, .pf-reading-toggle
) { border-radius: var(--pf-radius) !important; }