/* Public job browsing uses the existing Jobs list/detail layout and control tokens. */
#browse-workspace{display:flex;flex:1;flex-direction:column;min-height:0;padding:0;overflow:hidden}
#browse-controls{flex:none;border-bottom:1px solid var(--line)}
#browse-summary{display:none}
.browse-form{display:flex;align-items:end;gap:12px;padding:20px 28px}
.browse-form label{display:grid;gap:6px;flex:1;min-width:0;font-size:13px;color:var(--muted)}
.browse-form input{width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:16px}
.browse-form .button{min-height:48px;flex:none}
.browse-form input:focus-visible,.browse-form .button:focus-visible,#browse-workspace .pagination button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.job-row:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.browse-status{margin:0;padding:10px 28px;color:var(--muted);font-size:13px}
.browse-jobs-workspace{flex:1;min-height:0}
.browse-source-note{max-width:600px;color:var(--muted);font-size:13px;line-height:1.6}
#browse-detail h2:focus{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}
#browse-back{margin:0 22px}
.browse-pagination{margin:0}
.browse-entry{margin:0 auto 12px}
@media(max-width:767px){#browse-controls.has-results #browse-summary{display:list-item;min-height:48px;padding:13px 22px;color:var(--ink);font-size:14px;cursor:pointer;list-style-position:inside}#browse-summary:focus{outline:2px solid var(--ink);outline-offset:-3px}.browse-form{display:grid;grid-template-columns:1fr;gap:10px;padding:16px 22px}.browse-form label{font-size:14px}.browse-form .button{justify-self:start}.browse-status{padding:8px 22px}.browse-jobs-workspace{display:block}.browse-jobs-workspace .job-row{min-height:88px;padding-block:14px}.detail-open #browse-workspace #browse-controls,.detail-open #browse-workspace .browse-status,.detail-open #browse-workspace .browse-pagination{display:none}.detail-open #browse-workspace .job-list{display:none}.detail-open #browse-workspace .job-detail{display:block}.detail-open:has(#browse-workspace:not([hidden])) #detail-back{display:none!important}.detail-open #browse-back{display:block!important}}
@media(hover:hover) and (pointer:fine){#browse-workspace .job-row:hover{background:var(--brand-tint,#f2f2f2)}}