/* The embeddable job widget (server/views/widget/jobs.ejs). Self-contained:
   it lives in an iframe on other sites, so it owns every style it uses. */

.rww {
    --rww-bg: #ffffff;
    --rww-ink: #1d2433;
    --rww-muted: #5b6578;
    --rww-line: #e3e7ee;
    --rww-hover: #f4f7fb;
    --rww-accent: #2557d6;
    display: flow-root; /* widget-frame.js measures the body's height */
    margin: 0;
    padding: 0;
    background: var(--rww-bg);
    color: var(--rww-ink);
    font: 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.rww--dark {
    --rww-bg: #12161f;
    --rww-ink: #e6e9ef;
    --rww-muted: #9aa3b5;
    --rww-line: #262d3b;
    --rww-hover: #1a2030;
    --rww-accent: #7aa2ff;
}

.rww-head {
    padding: 12px 14px 8px;
    border-bottom: 1px solid var(--rww-line);
}

.rww-title {
    font-weight: 600;
    font-size: 14px;
}

.rww-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rww-item + .rww-item {
    border-top: 1px solid var(--rww-line);
}

.rww-link {
    display: block;
    padding: 10px 14px;
    color: inherit;
    text-decoration: none;
}

.rww-link:hover,
.rww-link:focus-visible {
    background: var(--rww-hover);
    outline: none;
}

.rww-job {
    display: block;
    font-weight: 600;
    color: var(--rww-accent);
}

.rww-company {
    display: block;
    margin-top: 2px;
}

.rww-meta {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--rww-muted);
}

.rww-empty {
    margin: 0;
    padding: 18px 14px;
    color: var(--rww-muted);
}

.rww-foot {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 14px 12px;
    border-top: 1px solid var(--rww-line);
    font-size: 12px;
    color: var(--rww-muted);
}

.rww-foot a {
    color: var(--rww-accent);
}