/* =========================================================
   PEAK - v5 (peakms.top): rounded outline
   Loaded LAST, after cubed-style.css. Visual layer only -
   markup, classes and JS hooks are unchanged.
   To roll back: remove the <link> to this file.
   ========================================================= */
:root{
  --r-card:20px;
  --r-ctl:14px;
  --r-chip:9px;
}

/* ---------- 1. ROUNDED OUTLINE (replaces pixel-stepped clip-paths) ---------- */
html body .pcard{--r:var(--r-card)}
html body :is(.tab,.btn,.px){--r:var(--r-ctl)}
html body .pcard-icon{--r:13px}
html body :is(.pcard-arrow,.menu){--r:12px}
html body :is(.tags li,.step b,.section-tag){--r:var(--r-chip)}

html body :is(.px,.pcard,.tab,.btn,.tags li,.pcard-arrow,.pcard-icon,.step b,.section-tag,.menu){
  clip-path:none;
  border-radius:var(--r);
}
/* card = 1px edge + face: the face and the hover glow follow the outer curve */
html body .pcard::before,
html body .pcard::after{clip-path:none;border-radius:calc(var(--r) - 1px)}

html body .skip-link{border-radius:var(--r-ctl)}
html body .live-dot{border-radius:50%}
html body .opening-group span::after{border-radius:50%}
html body .footer-links a{border-radius:10px}
html body .peak-mobile-nav > a{border-radius:10px}
/* focus ring sits outside the shape again */
html body :is(.pcard,.tab,.btn):focus-visible{outline:2px solid var(--focus);outline-offset:3px}