/* Wider workspace, with independently scrollable job panes. */
@media screen {
  html{scrollbar-gutter:stable}
  .wrap{width:100%;max-width:none;margin:0;padding:24px var(--page-gutter,20px) 14px;min-width:0}
  .top{padding-left:var(--page-gutter,20px);padding-right:var(--page-gutter,20px)}
  .top>.brand{flex:0 0 auto}.top nav{min-width:0;justify-content:flex-end}
  .platform,.platform>*,.job-browser>*{min-width:0}
  body>footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 16px;padding:6px var(--page-gutter,20px);font-size:12px;line-height:1.5;min-height:30px}
  body>footer>div{display:flex;align-items:center;gap:12px;min-width:0}
  body>footer p,body>footer small{margin:0;font-size:inherit}
  .job-browser{grid-template-columns:minmax(280px,var(--job-list-width,365px)) minmax(0,1fr);height:var(--job-browser-height,65dvh);min-height:280px;max-height:none;align-items:stretch}
  .job-result-list{height:100%;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:8px}
  .job-detail-panel{height:100%;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-wrap:anywhere}
  .job-detail-content{min-width:0;max-width:100%}
  .job-detail-content dd{min-width:0;overflow-wrap:anywhere}
  .job-panel-feedback{padding:12px 16px;border:1px solid #edbf9d;border-radius:10px;background:#fff5eb;margin-bottom:12px}
  .job-panel-feedback:empty{display:none}
  .job-panel-feedback a{margin-left:12px}
  .job-result[aria-busy=true]{cursor:progress}
  .job-result-meta{overflow-wrap:anywhere}
  .pagination{margin-top:10px;margin-bottom:8px}
}
@media screen and (max-width:1050px) and (min-width:800px){
  .job-browser{grid-template-columns:minmax(250px,min(var(--job-list-width,365px),35%)) minmax(0,1fr)}
  .top{align-items:center}.top nav{gap:10px}
}
@media screen and (max-width:799px){
  .wrap{padding:18px min(var(--page-gutter,20px),16px) 14px}
  .top{padding-left:min(var(--page-gutter,20px),16px);padding-right:min(var(--page-gutter,20px),16px);align-items:flex-start}
  .top nav{justify-content:flex-start;overflow:visible;flex-wrap:wrap}
  .job-browser{display:grid;grid-template-columns:minmax(0,1fr);height:auto;gap:16px;min-height:0}
  .job-result-list{height:auto;max-height:45dvh;min-height:150px;margin:0}
  .job-detail-panel{height:auto;max-height:75dvh;min-height:200px;overflow:auto;padding:20px}
  body>footer{justify-content:flex-start;gap:4px 12px}
  body>footer>div{flex-wrap:wrap;gap:4px 12px}
}