/* ============================================================================
   BUILD-OWNED CSS for the batch-1 routes (/request-access, /contact).

   Same precedent as landing-build.css: CD designed the homepage and the pillar
   landings, not these two pages, so their layout classes are ours. They are
   kept OUT of marketing.css for the same reason chrome-carryover.css is kept
   out of chrome-unified.css — those two are CD artefacts, and the moment we
   edit one it stops being comparable to the export it came from.

   Written after Sid's pass reported /request-access as "the design seems
   broken". The markup was correct; the page linked none of the sheets that
   define its classes, and .ra- , .ct- and .mk-h1 classes were defined in no sheet at all
   because I wrote them without styles. Both halves of that are fixed here and
   in partials/chrome_styles.php.

   ⛔ .mk-h1 and the .ct- set are GONE (2026-08-07). CD had already designed
      /contact - _13/cd-d1-mkt-export/contact.html - and nobody had routed it,
      so I hand-rolled a layout for a page that was already drawn and already
      styled: all 61 of its classes were defined in sheets we already serve.
      /contact now transcribes CD's markup and uses .mk-hero__h for its H1.
      Deleted rather than deprecated, on DH's rule: "deprecated CSS is how a
      stylesheet acquires a second chrome."
      Only the .ra- set remains - /request-access is genuinely undesigned and
      no CD page for it exists.
   ⚠️ NOTE TO ANYONE EDITING THIS HEADER: never write a class glob as dot-name-
      star-slash inside a CSS comment. That two-character sequence CLOSES the
      comment. The first version of this file wrote ".ra-" + star + "/" and
      terminated the comment 13 lines early, so the rest of the prose was parsed
      as CSS - shipped in c771b37, and it is why "the sheet is linked" and "the
      sheet applies" are different assertions.
   ========================================================================== */


/* --- /request-access ------------------------------------------------------ */
.ra-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 32px; margin-top: 28px; align-items: start; }
.ra-form { min-width: 0; }
.ra-aside { background: var(--bg-subtle); border: 1px solid var(--border); border-radius: var(--rl, 10px); padding: 22px 22px 18px; }
.ra-list { margin: 10px 0 0; padding-left: 18px; }
.ra-list li { font-size: 14px; line-height: 1.6; color: var(--text); margin-bottom: 9px; }
.ra-foot { font-size: 13.5px; color: var(--muted); margin: 16px 0 0; }


@media (max-width: 900px) {
  .ra-grid { grid-template-columns: 1fr; gap: 24px; }
}

/* --- /news ----------------------------------------------------------------
   Build-owned, like the /request-access block above: CD's news.html exists in
   _13 but its markup is a card grid built for a page with images and excerpts,
   and this timeline is one line per entry. Kept minimal and on the marketing
   tokens so it inherits the family rather than restating it. */
.nw-list { list-style: none; margin: 28px 0 0; padding: 0; }
.nw-month { margin: 28px 0 10px; }
.nw-month:first-child { margin-top: 0; }
.nw-item { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px;
  padding: 13px 0; border-top: 1px solid var(--border); }
.nw-item__h { font-size: 15px; line-height: 1.55; color: var(--text); text-wrap: pretty; }
.nw-item__a { font-size: 13.5px; font-weight: 700; color: var(--accent); text-decoration: none; white-space: nowrap; }
.nw-item__a:hover { color: var(--accent-strong); text-decoration: underline; }
.nw-item__a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }