/* Plain Chalk — the static pages.
   about, contact, privacy, terms, 404, listing closed, site map, listing
   policy and employer verification share one shape: a board band carrying
   the heading and one line of lede, then paper sections in the article
   measure. Green, chalk, stamps and type come from styles.css; nothing new
   is invented here and no motion is added (css/motion.css owns all of it). */

/* The paper column: the shared 66ch measure plus its gutters, centred. */
.page-static .page-wrap {
  max-width: calc(var(--measure) + var(--page-gutter) * 2);
}

/* One rhythm for every section on every page. */
.page-static .page-section { padding-block: 0; }
.page-static .page-section + .page-section { margin-top: clamp(26px, 3.4vw, 40px); }
.page-static .page-section > :first-child { margin-top: 0; }

/* The board band carries the heading and one line; the body stays on paper. */
.page-static .page-hero { padding-bottom: clamp(26px, 3.6vw, 38px); }
.page-static .page-hero .lede { max-width: 56ch; }
.page-static .page-date { margin: 14px 0 0; font-family: var(--font-mono); font-size: .9rem; letter-spacing: .02em; }

/* A short list on paper: ruled rows, no cards, no colour. */
.page-static .plain-list { list-style: none; margin: 0; padding: 0; display: grid; max-width: var(--measure); }
.page-static .plain-list > li { padding: 14px 0; border-top: 1px solid var(--rule); }
.page-static .plain-list > li:last-child { border-bottom: 1px solid var(--rule); }
.page-static .plain-list p { margin: 0; }
.page-static .plain-list p + p { margin-top: 6px; }
.page-static .plain-list__key { font-weight: 700; color: var(--ink); }
.page-static .plain-list a { font-weight: 700; }

/* Links out of a section carry the chalk arrow, never a text arrow. */
.page-static .chalk-arrow { width: 1.05em; height: auto; flex: none; }
.page-static a .chalk-arrow { vertical-align: -.12em; margin-left: .3em; }

/* The shared state panel keeps the site's shared control styling; its one
   exception is the corner, cut to 2px because it is a card on paper (radius
   decision), not a slate panel. */
.empty-state { border-radius: 2px; }
.page-static .state-404-search input[type="search"] { min-height: 46px; }

/* The site map is an index, not prose: columns from 760px. */
.page-static .sitemap-groups { margin-top: 4px; }
.page-static .sitemap-section h2 { font-size: 1.1rem; margin: 0 0 4px; break-after: avoid; }
.page-static .sitemap-section ul { list-style: none; margin: 0 0 14px; padding: 0; }
.page-static .sitemap-section li { margin: 0; }
.page-static .sitemap-section a { display: inline-block; padding-block: 9px; }
@media (min-width: 760px) {
  .page-static .sitemap-groups { columns: 2; column-gap: 44px; }
}