/* Compact expert workspace, based on the public reference opportunity browser. */
body[data-template=explore]{--ink:#111827;--muted:#6b7280;--line:#e5e7eb;background:white;color:var(--ink);height:100svh;overflow:hidden}
.workspace-sidebar{position:fixed;inset:0 auto 0 0;width:80px;z-index:20;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column}
.workspace-brand{display:grid;place-items:center;flex-shrink:0;height:80px}.workspace-brand img,.workspace-brand svg{width:34px;height:34px}
.workspace-sidebar nav{display:grid}.workspace-nav-link{display:flex;min-height:73px;align-items:center;justify-content:center;gap:6px;flex-direction:column;font-size:10px;line-height:15px;color:#111827;transition:background .2s,color .2s}
.workspace-nav-link svg{width:24px;height:24px;stroke-width:1.5}.workspace-nav-link:hover{background:#f9fafb}.workspace-nav-link.is-active{background:#e9f7f2;color:var(--brand-700)}.workspace-sidebar-bottom{margin-top:auto;padding-bottom:8px}
.workspace-mobile-header,#workspace-mobile-nav{display:none}
.workspace-skip{position:fixed;top:-80px;left:96px;z-index:100;padding:12px 20px;background:white;border:1px solid var(--brand);border-radius:6px}.workspace-skip:focus{top:12px}
.workspace-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.explore-workspace{display:grid;grid-template-columns:minmax(360px,46.666667%) minmax(0,1fr);height:100svh;margin-left:80px;padding:0}
.field-results{overflow:auto;min-width:0;padding:60px 40px 40px;border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#d1d5db transparent}
.field-results h1{font:600 24px/32px var(--font);letter-spacing:-.02em;margin:0}
.field-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:20px;height:36px}
.field-tabs button{position:relative;font-size:14px;line-height:20px;color:var(--muted);padding:0 0 12px;display:flex;gap:6px;align-items:center}
.field-tabs button[aria-selected=true]{color:var(--brand-700)}.field-tabs button[aria-selected=true]::after{content:'';position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--brand)}
.saved-count{border-radius:9px;background:#e9f7f2;padding:0 5px;font-size:11px;line-height:16px;color:var(--brand-700)}
.field-search{height:32px;display:flex;align-items:center;gap:8px;margin-top:20px;border:1px solid #d1d5db;border-radius:6px;padding:0 10px;background:white}
.field-search>span{display:flex}.field-search svg{width:16px;height:16px;color:#9ca3af}.field-search:focus-within{outline:2px solid var(--brand);outline-offset:1px}.field-search input{border:0;background:transparent;outline:0!important;min-width:0;flex:1;padding:5px 0;font:400 14px/20px var(--font);color:var(--ink)}.field-search input::-webkit-search-cancel-button{display:none}.search-clear{font-size:20px;line-height:20px;color:#6b7280}
.field-controls{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.field-menu{position:relative;font-size:14px;line-height:20px}
.field-menu summary{display:flex;align-items:center;gap:6px;height:32px;padding:5px 10px;list-style:none;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-weight:500}.field-menu summary::-webkit-details-marker{display:none}.field-menu summary svg{width:15px;height:15px}.field-menu summary>span{display:flex;align-items:center}.field-menu summary>span:last-child{color:#9ca3af}.field-menu[open] summary{border-color:var(--brand);background:#f0fdf8}
.field-menu-options{position:absolute;left:0;top:38px;min-width:190px;background:white;border:1px solid var(--line);border-radius:8px;padding:4px;box-shadow:0 8px 24px #11182716;z-index:10}.field-menu-options button{display:flex;width:100%;padding:8px;justify-content:space-between;gap:16px;border-radius:4px;text-align:left}.field-menu-options button:hover{background:#f3f4f6}.field-menu-options button span{visibility:hidden;color:var(--brand)}.field-menu-options button[aria-pressed=true] span{visibility:visible}
.field-contact{display:flex;align-items:center;gap:8px;min-height:32px;padding:5px 12px;border-radius:6px;background:var(--brand);color:white;font-size:14px;line-height:20px;font-weight:500}.field-contact:hover{background:var(--brand-600)}.show-field-panel{font-size:12px;color:var(--brand-700);padding:4px}
.field-list{display:grid;gap:20px;margin-top:24px}.listing-card{display:flex;flex-direction:column;min-height:166px;padding:12px 16px 14px;border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 2px #0000000c;background:#fff;transition:background .2s,box-shadow .2s,border-color .2s}.listing-card:hover,.listing-card[aria-current=true]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 4px 8px #1118270a;background:#f6fcf9}
.listing-card h2{font:500 16px/24px var(--font);letter-spacing:0;padding-right:16px;margin:0}.listing-card .listing-description{font-size:14px;line-height:20px;color:var(--muted);margin-top:8px}.listing-card .listing-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.listing-top>span{white-space:nowrap;font-size:12px;line-height:24px;color:var(--brand-700)}.listing-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:24px;font-size:12px;line-height:18px;color:#6b7280}.listing-meta svg{width:14px;height:14px;color:var(--brand)}.listing-meta>span:last-child{display:flex;align-items:center;gap:5px}
.field-list-note{font-size:12px;line-height:20px;color:#6b7280;margin:24px 0 0}.field-empty{padding:72px 16px;text-align:center}.field-empty>span svg{width:32px;height:32px;color:#9ca3af}.field-empty h2{font-size:20px;line-height:28px;margin:16px 0 8px;font-weight:500}.field-empty p{font-size:14px;line-height:22px;color:var(--muted)}.field-reset{font-size:14px;color:var(--brand-700);margin-top:20px;text-decoration:underline;text-underline-offset:3px}
.field-detail{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}.field-detail-toolbar{display:flex;gap:8px;align-items:center;height:72px;flex-shrink:0;padding:0 28px;color:#9ca3af}.field-detail-toolbar button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px}.field-detail-toolbar button:hover{background:#f3f4f6;color:#374151}.field-detail-toolbar svg{width:17px;height:17px}.field-detail-toolbar button:disabled{opacity:.3;cursor:default}.detail-counter{margin-left:auto;font-size:12px}.field-detail-toolbar .detail-back{display:none;width:auto;gap:8px;font-size:14px;color:#4b5563}
.field-detail-scroll{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;padding:20px 40px 40px;outline:none}
.field-detail-title{display:flex;justify-content:space-between;gap:24px}.field-detail-title h2{font:500 24px/32px var(--font);letter-spacing:-.025em;margin:0}.field-detail-title .field-compensation{font-size:16px;line-height:24px;text-align:right;white-space:nowrap;font-weight:500}.field-compensation small{display:block;font-size:12px;line-height:20px;color:var(--muted);font-weight:400}
.field-detail-meta{display:flex;gap:16px;align-items:center;margin-top:8px;font-size:14px;line-height:20px;color:#4b5563}.field-detail-meta span{display:flex;align-items:center;gap:5px}.field-detail-meta svg{width:15px;height:15px;color:#9ca3af}.field-category{display:inline-block;padding:2px 8px;margin-top:16px;font-size:12px;line-height:18px;background:#e9f7f2;border-radius:12px;color:var(--brand-700)}
.field-getting-started{margin-top:40px;padding-bottom:24px;border-bottom:1px solid var(--line)}.field-getting-started summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:20px;line-height:28px;font-weight:500}.field-getting-started summary::-webkit-details-marker{display:none}.field-getting-started summary svg{width:18px;height:18px;transition:transform .2s}.field-getting-started[open] summary svg{transform:rotate(180deg)}.field-getting-started ol{display:grid;gap:24px;padding:0;margin:24px 0;list-style:none}.field-getting-started li{display:flex;align-items:center;gap:16px}.field-getting-started li>span{display:grid;place-items:center;border:1px solid #e5e7eb;border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:12px;color:#9ca3af}.field-getting-started li:first-child>span{border-color:#9bd5c3;color:var(--brand-700);background:#f0faf6}.field-getting-started li b{display:block;font-size:16px;line-height:24px;font-weight:500}.field-getting-started li p{font-size:14px;line-height:20px;color:#6b7280;margin-top:2px}.field-getting-started>p{font-size:14px;line-height:20px;color:#6b7280}
.field-detail-section{margin-top:32px}.field-detail-section h3{font:500 18px/28px var(--font);letter-spacing:0;margin-bottom:12px}.field-detail-section p,.field-detail-section li{font-size:16px;line-height:26px;color:#374151}.field-detail-section p+p{margin-top:16px}.field-detail-section ul{list-style:disc;padding-left:22px;margin-top:16px}.field-detail-section li+li{margin-top:8px}.field-related{display:grid;gap:12px}.field-related a{display:flex;gap:16px;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:6px;font-size:14px;line-height:22px}.field-related a:hover{border-color:var(--brand);background:#f6fcf9}.field-related a span{color:var(--brand-700)}
.field-detail-actions{display:flex;gap:12px;border-top:1px solid var(--line);padding:24px 28px;flex-shrink:0;background:#fff}.field-detail-actions button{height:36px;border-radius:6px;font-size:14px;line-height:20px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.field-register{background:var(--brand);color:white;flex:1}.field-register:hover{background:var(--brand-600)}.field-save{padding:0 12px;border:1px solid #d1d5db}.field-save svg{width:16px;height:16px}.field-save[aria-pressed=true]{color:var(--brand-700);border-color:#8fd1bc;background:#f0faf6}.field-save[aria-pressed=true] svg{fill:#bde7da}
.field-detail-empty{display:grid;align-content:center;text-align:center;min-height:100%;color:#6b7280;padding:32px}.field-detail-empty svg{width:40px;height:40px;margin:auto;color:#9ca3af}.field-detail-empty h2{font-size:22px;line-height:30px;font-weight:500;color:#374151;margin:24px 0 12px}.field-detail-empty p{font-size:14px;line-height:22px;max-width:300px;margin:auto}
.explore-workspace.is-collapsed{grid-template-columns:1fr}.is-collapsed .field-detail{display:none}.is-collapsed .field-list{grid-template-columns:repeat(2,minmax(0,1fr))}.is-full .field-results{display:none}.explore-workspace.is-full{grid-template-columns:1fr}.is-full .field-detail-scroll{padding-inline:max(40px,calc((100% - 880px)/2))}.is-full .detail-collapse{display:none}.is-full .detail-back{display:flex}.is-full .field-detail-actions{padding-inline:max(28px,calc((100% - 880px)/2))}
body[data-template=explore] [hidden]{display:none!important}.explore-noscript{position:fixed;inset:80px 24px auto 104px;padding:24px;background:white;z-index:40;border:1px solid var(--line)}
@media(min-width:1600px){.explore-workspace{grid-template-columns:minmax(460px,40%) minmax(0,1fr)}}
@media(max-width:1023px){.workspace-sidebar{display:none}.workspace-mobile-header{display:flex;align-items:center;justify-content:space-between;height:64px;position:fixed;inset:0 0 auto;background:white;border-bottom:1px solid var(--line);padding:0 20px;z-index:30}.workspace-mobile-header .workspace-brand{height:64px}.workspace-menu-toggle{width:32px;height:32px}.workspace-menu-toggle svg{width:22px;height:22px}.mobile-signin{font-size:14px;color:#4b5563}.workspace-mobile-header .workspace-brand img,.workspace-mobile-header .workspace-brand svg{width:32px;height:32px}#workspace-mobile-nav:not([hidden]){display:grid;position:fixed;top:64px;left:0;right:0;padding:16px 24px;gap:0;background:white;border-bottom:1px solid var(--line);box-shadow:0 16px 24px #11182714;z-index:29}#workspace-mobile-nav a{padding:12px 0;font-size:16px;line-height:24px}.explore-workspace{margin-left:0;padding-top:64px;grid-template-columns:1fr}.field-results{padding:32px 24px;border-right:0}.field-detail{display:none}.has-selection .field-results{display:none}.has-selection .field-detail{display:flex}.field-detail-toolbar{height:48px;padding:0 16px}.field-detail-toolbar .detail-back{display:flex}.detail-collapse,.detail-expand{display:none!important}.field-detail-scroll,.is-full .field-detail-scroll{padding:24px 24px 40px}.field-detail-actions,.is-full .field-detail-actions{padding:16px 20px max(16px,env(safe-area-inset-bottom))}.field-detail-title{flex-direction:column;gap:8px}.field-detail-title .field-compensation{font-size:14px;text-align:left}.field-compensation small{display:inline;margin-left:6px}.field-getting-started{margin-top:32px}.is-collapsed .field-list{grid-template-columns:1fr}.explore-workspace.is-full .field-results{display:none}.field-results h1{font-size:24px}.workspace-skip{left:16px}.show-field-panel{display:none!important}.explore-noscript{left:24px}}
@media(prefers-reduced-motion:reduce){body[data-template=explore] *{scroll-behavior:auto!important;transition:none!important}}

/* As the reference opens: with no field chosen the results take the whole width as a grid of
   three; choosing one opens the split view. */
@media(min-width:1024px){
  .explore-workspace:not(.has-selection){grid-template-columns:1fr}
  .explore-workspace:not(.has-selection) .field-detail{display:none}
  .explore-workspace:not(.has-selection) .field-results{border-right:0}
  .explore-workspace:not(.has-selection) .field-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1024px) and (max-width:1279px){.explore-workspace:not(.has-selection) .field-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Measured against the reference. Tabs are 40px and medium weight, 16px under the title, with the
   search 20px under them. With no field chosen the column is 1152px and centred, the search is
   499px with the filters on its row, and the grid starts 24px below. With a field chosen the list
   column takes 44% of the workspace, as the reference's does. */
.field-tabs{margin-top:16px;height:40px}
.field-tabs button{font-weight:500;padding-bottom:16px}
.field-search{margin-top:20px}
@media(min-width:1024px){
  .explore-workspace{grid-template-columns:minmax(360px,44.05%) minmax(0,1fr)}
  .explore-workspace:not(.has-selection){grid-template-columns:1fr}
  .explore-workspace:not(.has-selection) .field-results{display:grid;grid-template-columns:minmax(0,499px) minmax(0,1fr);align-content:start;column-gap:16px;width:min(1152px,100% - 80px);justify-self:center;padding-inline:0}
  .explore-workspace:not(.has-selection) .field-results>*{grid-column:1/-1}
  .explore-workspace:not(.has-selection) .field-results>.field-search{grid-column:1}
  .explore-workspace:not(.has-selection) .field-results>.field-controls{grid-column:2;justify-self:end;margin-top:20px}
}
@media(min-width:1600px){.explore-workspace{grid-template-columns:minmax(460px,40%) minmax(0,1fr)}}
.field-tabs button{height:40px}
@media(min-width:1024px){.explore-workspace.has-selection .field-results{padding-right:0}}