@layer theme,base;@layer components{.card.job .card-rate .badge{font-size:13px}a.card.job{box-shadow:var(--shadow-card);border-radius:16px;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;padding:16px;display:grid}.card.job>h3{margin:0;font-size:18px;line-height:1.25}.card.job>.meta,.card.job>.org{grid-template-columns:16px minmax(0,1fr);align-items:start;column-gap:6px;margin-top:8px;font-size:14px;display:grid}.card.job>.org{color:var(--ink);margin-top:4px}.card.job>.meta>svg,.card.job>.org>svg{margin-top:2px;color:var(--ink-2);margin-top:calc(.5lh - 8px)}.card.job .lines{clip-path:inset(-4px -4px -4px 14px);flex-wrap:wrap;align-items:center;row-gap:2px;min-width:0;margin-left:-14px;display:flex}.card.job .lines>:not(.badge){padding-left:14px;position:relative}.card.job .lines>:not(.badge):before{content:"·";content:"·" / "";width:14px;color:var(--ink-3);text-align:center;font-weight:400;position:absolute;left:0}.card.job .lines>.badge{margin-left:14px}.card.job .org .by{font-weight:600}.card.job .agency{align-items:center;gap:6px;display:inline-flex}.card.job>.tags{margin-top:12px}.tag.type{border:1px solid var(--line2);color:var(--ink);background:0 0;padding:2px 7px;font-weight:600}.card.job>.card-rate{text-align:left;flex-flow:wrap;align-items:baseline;gap:2px 10px;min-width:0;margin-top:10px}.card.job .card-rate .num{font-size:30px;line-height:1.05}.card.job .card-rate .num.words{font-size:20px}.card.job .card-rate .unit{margin-top:0}.card.job .card-rate .chips{flex-basis:100%;justify-content:flex-start;margin-top:4px}@media (min-width:561px){a.card.job{grid-template:"title rate""meta rate""org rate""tags rate"1fr/minmax(0,1fr) 220px;column-gap:20px;padding:18px 20px}.card.job>h3{grid-area:title}.card.job>.meta{grid-area:meta}.card.job>.org{grid-area:org}.card.job>.tags{grid-area:tags}.card.job>.card-rate{border-left:1px solid var(--line);text-align:right;flex-flow:column;grid-area:rate;justify-content:center;align-self:stretch;align-items:flex-end;gap:0;min-width:0;margin:0;padding-left:20px}.card.job .card-rate .num{text-wrap:balance;max-width:100%;font-size:34px}.card.job .card-rate .num.long{font-size:26px}.card.job .card-rate .unit{text-wrap:balance;max-width:100%;margin-top:4px}.card.job .card-rate .chips{flex-basis:auto;justify-content:flex-end;margin-top:8px}}dl.fac-about{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);border-radius:16px;padding:14px 18px}}@layer utilities;
