/* assets/dcr-roles.css · The Desert Camel Report, "Companies with open roles" tab and Signals issues (31 Oct 2026).
   Open roles from assets/dcr-roles.json, the Post a role and Open to Work forms (assets/dcr-roles.js), and the
   published Signals issues in the archive. Cards have no border: white on the page ground with the card shadow. */

/* open roles */
.rp-roles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: var(--dcr-gap, 16px); }
.rp-roles[hidden] { display: none; }
.rp-role { display: flex; flex-direction: column; gap: 6px; padding: clamp(18px, 2.4vw, 24px); border-radius: var(--dcr-r, 12px); background: var(--white, #fff); box-shadow: var(--dcr-shadow); min-inline-size: 0; }
.rp-role p, .rp-role h4 { margin: 0; overflow-wrap: anywhere; }
.rp-role__co { color: var(--dcr-muted, #4A4A68); }
.rp-role__t { font: 600 var(--fs-h4, 20px)/1.3 var(--font-sans); color: var(--dcr-ink, #000); }
.rp-role__m, .rp-role__d { color: var(--dcr-muted, #4A4A68); }
.rp-role__a { margin-block-start: auto; padding-block-start: 8px; font-weight: 600; color: var(--purple, #3B06D4); text-underline-offset: 3px; }
.rp-role__a:focus-visible { outline: 3px solid var(--purple, #3B06D4); outline-offset: 2px; border-radius: 4px; }

/* the two forms, side by side on wide screens */
.rp-forms { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: var(--dcr-gap, 16px); margin-block-start: clamp(28px, 4vw, 48px); align-items: start; }
.rp-formcard { display: grid; gap: 8px; min-inline-size: 0; scroll-margin-block-start: 140px; }
.rp-formcard[hidden] { display: none; }
.rp-formcard > p, .rp-formcard > h3 { margin: 0; }
.rp-formcard > .rp-form { margin-block-start: 8px; }
.rp-form .rf-field { min-inline-size: 0; }
.rp-form select, .rp-form input[type="text"], .rp-form input[type="email"], .rp-form input[type="url"] { max-inline-size: 100%; }
.rp-form fieldset { min-inline-size: 0; }
.rp-hp { position: absolute !important; inset-inline-start: -9999px; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }

/* Signals issues in the archive */
.dcr-issue { background: var(--white, #fff); border-radius: var(--dcr-r, 12px); box-shadow: var(--dcr-shadow); padding: clamp(20px, 3vw, 36px); display: grid; gap: clamp(16px, 2vw, 24px); scroll-margin-block-start: 140px; }
.dcr-issue > * { margin: 0; }
.dcr-issue__head { display: grid; gap: 6px; }
.dcr-issue__head > * { margin: 0; }
.dcr-issue__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; color: var(--dcr-muted, #4A4A68); }
.dcr-issue__items { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; counter-reset: sig; }
.dcr-issue__item { display: grid; gap: 6px; padding-block: clamp(14px, 2vw, 20px); border-block-start: 1px solid var(--dcr-line, #D1D1D9); counter-increment: sig; min-inline-size: 0; }
.dcr-issue__item:first-child { border-block-start: 0; padding-block-start: 0; }
.dcr-issue__item > * { margin: 0; overflow-wrap: anywhere; }
.dcr-issue__kind { color: var(--dcr-muted, #4A4A68); }
.dcr-issue__kind::before { content: counter(sig, decimal-leading-zero) " · "; }
.dcr-issue__src { font-size: var(--t-small, 0.875rem); color: var(--dcr-muted, #4A4A68); }
.dcr-issue__progress { background: var(--dcr-ground, #F8F8FA); border-radius: var(--dcr-r, 12px); padding: clamp(14px, 2vw, 20px); display: grid; gap: 4px; }
.dcr-issue__progress > * { margin: 0; }
.dcr-issue__foot { font-size: var(--t-small, 0.875rem); color: var(--dcr-muted, #4A4A68); }

@media print { .rp-forms { display: none; } }