@font-face { font-family: Geist; src: url('/assets/geist.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: Newsreader; src: url('/assets/newsreader.woff2') format('woff2'); font-display: swap; }
:root { color-scheme: light dark; }
input, select, textarea { font-size: 1rem; }
input:focus-visible, select:focus-visible, a:focus-visible, button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.tree ul { margin-inline-start: 1rem; padding-inline-start: 1rem; border-inline-start: 1px solid var(--color-base-300); }
.tree li { margin-block: .75rem; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }
/* Hire form: show only the fields of the chosen way of running. */
.runs-as [data-for] { display: none; }
.runs-as:has([name="runsAs"][value="repo"]:checked) [data-for~="repo"],
.runs-as:has([name="runsAs"][value="workspace"]:checked) [data-for~="workspace"],
.runs-as:has([name="runsAs"][value="ci"]:checked) [data-for~="ci"],
.runs-as:has([name="runsAs"][value="http"]:checked) [data-for~="http"] { display: flex; }
/* Project form: show only the fields of the chosen forge. */
.forge-kind [data-for] { display: none; }
.forge-kind:has([name="forgeKind"][value="github"]:checked) [data-for~="github"],
.forge-kind:has([name="forgeKind"][value="oxidt_ci"]:checked) [data-for~="oxidt_ci"] { display: flex; }
/* Narrow screens: a wide table scrolls inside its frame instead of being cut off. */
@media (max-width: 64rem) { .table-wrap { overflow-x: auto; } }
/* A field with a prefix ($): the frame carries the focus ring, not the inner input. */
.input input:focus-visible { outline: none; }
.input:has(input:focus-visible) { outline: 2px solid var(--color-primary); outline-offset: 3px; }