/* ==========================================================================
   RADIUS — site-wide rollout layer.

   The site was built radius-zero: `.btn{border-radius:0}`, every mockup
   surface a hard-edged hairline box. The redesigned homepage introduced a
   five-step radius scale, and this file is that scale applied to the REST
   of the shared vocabulary so /software/, /about/, /services/ and the notes
   pages don't read as a different product.

   Load order matters: this must come AFTER pylon.css and pylon-mockups.css,
   and it is written to be pasted into pylon.css as a new section once the
   rollout is accepted (see RADIUS-SYSTEM.md).

   The scale, and what each step is for:

     --pill  999px  things you click: buttons, nav items, tabs, chips,
                    status pills, filter capsules
     --rad-l  18px  big framed panels: the closing CTA, modals
     --rad    14px  surfaces that hold other things: product frames,
                    dropdown panels, cards
     --rad-s   8px  rows and tiles inside a surface, inputs
     --rad-xs  4px  smallest objects: icon tiles, keycaps, swatches

   Two things stay square on purpose:
     1. The editorial spine — ledger rows, section rules, the `.sq` markers.
        Hairlines and hard corners are what keep the writing from looking
        like a template.
     2. Anything that reads as a measurement — progress tracks, gauge fills,
        timeline bars. A rounded bar chart lies about where a value ends.
   ========================================================================== */

:root{--rad-l:18px;--rad:14px;--rad-s:8px;--rad-xs:4px;--pill:999px}

/* -- 01 controls (pylon.css §06) ------------------------------------------ */
.btn{border-radius:var(--pill)}
.nav a,.nav .navbtn,.nav .cta{border-radius:var(--pill)}
.nav .dd,.mm{border-radius:var(--rad)}
.nav .dd .pr{border-radius:var(--rad-s)}
.nav .dd .ddf a{border-radius:var(--pill)}
input,textarea,select,.fi{border-radius:var(--rad-s)}
.modal,.modal-c{border-radius:var(--rad-l)}

/* -- 02 product frames (bands.css) --------------------------------------- */
/* .bl is the framed screen. The bleeding variants keep the outer corners
   square on the bleeding side only, so the frame still runs off the page. */
.bl{border-radius:var(--rad)}
.bl-r{border-radius:var(--rad) 0 0 var(--rad)}
.bl-l{border-radius:0 var(--rad) var(--rad) 0}
.bl .mk{border-radius:inherit}

/* -- 03 the mockup system (pylon-mockups.css) ---------------------------- */
/* surfaces that hold things */
.pane-card,.sg-c,.cn-c,.dl-l,.dl-r{border-radius:var(--rad-s)}
/* tiles that are genuinely their own little card */
.st3 div,.mka-f div{border-radius:var(--rad-s)}
/* filter capsules are controls */
.ap-cp{border-radius:var(--pill)}
/* clickable / status */
.chips span,.pill,.bd,.tr,.sc{border-radius:var(--pill)}
/* smallest objects */
.glyph-tile,.ap-ic,.mk-w i{border-radius:var(--rad-xs)}
/* app chrome inside a mockup */
.ap-sr{border-radius:var(--pill)}
.ap-top{border-radius:var(--rad) var(--rad) 0 0}

/* -- 04 cross-product rows (software.css) -------------------------------- */
.sw-caps span{border-radius:var(--pill)}
.hud-lock{border-radius:var(--pill)}

/* -- 05 deliberately square ---------------------------------------------- */
/* measurements must not round: the cap would misreport the value */
.trk,.trk i,.mtr,.mtr i,.gt-t,.gt-t i,.mat i,.bar,.bar i{border-radius:0}
/* NEVER round a data row. A row in a list is not a card: the corner puts a
   curve on the row's leading edge, and the moment a row is highlighted or
   carries an accent stroke (.vr.on, .ap-nv.on) that curve reads as a stray
   eyebrow hanging off the list. Rows are square, always. */
.rc,.vr,.ev,.okr,.gt-r,.ap-nv,.led-r,.mk-hd,.mini-l>*{border-radius:0}
/* An element whose ONLY border is a bottom rule must never take a radius:
   the curve bends the rule up at both ends into an eyebrow. That covers the
   underline tabs in a mockup (.mk .tabs span, where .on paints the rule in the
   product accent) and any row divided from the next by a single bottom line
   (.xo-r, .sw-th span) -- which are rows in a list besides. */
.mk .tabs span,.xo-r,.sw-th span{border-radius:0}
/* the editorial spine keeps the site's hard corners and hairlines */
.sq,.led-r,.led-r .sq,.caps li::before,.sig,.hero-meta .sq{border-radius:0}
/* already round by nature — listed so nobody "fixes" them later */
.av,.ap-av,.pill i,.dot{border-radius:999px}