/* ==========================================================================
   Ashby Job Board — Pareto.ai Brand Theme (Dashboard Version)
   ==========================================================================
   For upload in Ashby Admin → Job Board → Theme (styles the hosted board
   at jobs.ashbyhq.com/pareto-ai). Mirrors ashby-pareto-theme.css (the
   embed version served from S3). No exact hashed class names: only CSS
   variables, public ashby-* classes, and [class*="_name_"] attribute
   selectors that survive Ashby frontend deploys.
   ========================================================================== */

/* ========================= */
/* Fonts                      */
/* ========================= */
@font-face {
  font-family: "TWK Lausanne";
  src: url("https://cdn.prod.website-files.com/68af03db44bb54b7bcf3ef0a/68b1570194d4e812f2b5dd95_TWKLausanne-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TWK Lausanne";
  src: url("https://cdn.prod.website-files.com/68af03db44bb54b7bcf3ef0a/68b15701af665415ad057350_TWKLausanne-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TWK Lausanne";
  src: url("https://cdn.prod.website-files.com/68af03db44bb54b7bcf3ef0a/68b157018d1ae666f9e051fe_TWKLausanne-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TWK Lausanne";
  src: url("https://cdn.prod.website-files.com/68af03db44bb54b7bcf3ef0a/68b157018d74d681c5720ce2_TWKLausanne-650.woff2") format("woff2"),
       url("https://cdn.prod.website-files.com/68af03db44bb54b7bcf3ef0a/68b15701e1db58596e430821_TWKLausanne-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TWK Lausanne";
  src: url("https://cdn.prod.website-files.com/68af03db44bb54b7bcf3ef0a/68b1570124aa4ca815e27f1c_TWKLausanne-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Getsura";
  src: url("https://cdn.prod.website-files.com/68af03db44bb54b7bcf3ef0a/68b5458f42e2b142ba543875_GesturaText-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* ========================= */
/* Global Variables           */
/* ========================= */
:root {
  /* Pareto warm-brown neutral scale */
  --colorNeutral50: #fbfaf5;
  --colorNeutral100: #f8f6f0;
  --colorNeutral200: #ecece5;
  --colorNeutral300: #dddad2;
  --colorNeutral400: #b5b0a6;
  --colorNeutral500: #8a847a;
  --colorNeutral600: #6b655f;
  --colorNeutral700: #4d4843;
  --colorNeutral800: #33302c;
  --colorNeutral900: #1f1d1b;
  --colorNeutral950: #141414;

  /* Ashby surface white → Pareto cream. This single variable is what
     Ashby uses for card backgrounds (overview container, form sections,
     autofill card) and button label color. */
  --colorNeutral000: #fbfaf5;

  /* Neutral alpha variants */
  --colorNeutral50A: rgba(248, 246, 240, 0.78);
  --colorNeutral100A: rgba(236, 236, 229, 0.67);
  --colorNeutral200A: rgba(221, 218, 210, 0.51);
  --colorNeutral300A: rgba(181, 176, 166, 0.24);
  --colorNeutral400A: rgba(138, 132, 122, 0.16);
  --colorNeutral950A: rgba(20, 20, 20, 0.1);

  /* Brand colors */
  --colorBrandBrown: #5b2d2d;
  --colorBrandBrownDark: #4a2424;
  --colorBrandBrownFade: rgba(91, 45, 45, 0.6);
  --colorBrandPurple: #6369e5;
  --colorBrandPurpleDark: #4f55cc;
  --colorBrandLightPurple: #d1d8ff;
  --colorBrandMint: #edffd9;
  --colorBrandCream: #fbfaf5;

  /* Ashby primary overrides — primary buttons pick these up directly */
  --colorPrimary500A: rgba(91, 45, 45, 0.13);
  --colorPrimary600: var(--colorBrandBrown) !important;
  --colorPrimary900: var(--colorBrandBrownDark) !important;
  --colorSecondary900: var(--colorBrandPurple);

  /* Semantic colors */
  --colorNegative800: #891b1b;
  --colorNegative600: #dc3030;
  --colorNegative200: #fce8e8;
  --colorPositive800: #197729;
  --colorPositive600: #29b458;
  --colorPositive200: #eafcec;
  --colorWarning900: #5c4813;
  --colorWarning800: #8c6d1f;
  --colorWarning600: #f4ca64;

  --colorAppBackground: var(--colorBrandCream);

  /* Shadows — transparent flattens every Ashby card/button shadow */
  --colorNeutralShadow: transparent;
  --colorPrimaryShadow: transparent;
  --colorShadowPrimaryXLight: transparent;
  --colorShadowPrimaryLight: transparent;

  /* Widths */
  --widthMaxContent: 1024px;
  --widthMaxJobBoard: 960px;

  /* Spacing */
  --spacingXxxsmall: 2px;
  --spacingXxsmall: 4px;
  --spacingXsmall: 8px;
  --spacingSmall: 12px;
  --spacingNormal: 16px;
  --spacingLarge: 24px;
  --spacingXlarge: 32px;
  --spacingXxlarge: 48px;
  --spacingXxxlarge: 64px;

  /* Typography */
  --fontFamily: "TWK Lausanne", Arial, sans-serif;
  --fontFamilyDisplay: "Getsura", Georgia, serif;
  --fontSizeHuge: 68px;
  --fontSizeXxxxlarge: 40px;
  --fontSizeXxxlarge: 30px;
  --fontSizeXxlarge: 24px;
  --fontSizeXlarge: 20px;
  --fontSizeLarge: 18px;
  --fontSizeNormal: 16px;
  --fontSizeSmall: 14px;
  --fontSizeXsmall: 12px;
  --fontWeightNormal: 400;
  --fontWeightLightBold: 500;
  --fontWeightMediumBold: 600;
  --fontWeightHeavyBold: 700;
  --letterSpacingTight: -0.01em;
  --letterSpacingWide: 0.04em;
  --lineHeightSingle: 1.15;
  --lineHeightTitle: 1.2;
  --lineHeightNormal: 1.5;

  /* Borders */
  --borderRadiusContainer: 4px;
  --borderRadiusControl: 4px;
  --borderRadiusButton: 0.375rem;
  --borderRadiusCircle: 100%;
  --borderWidthThin: 0.5px;
  --borderWidthNormal: 1px;
  --borderWidthBold: 2px;

  /* Transitions */
  --transitionDurationFast: 0.1s;
  --transitionDuration: 0.25s;
  --transitionDurationSlow: 0.4s;
  --transitionFunction: ease-in-out;

  /* Other */
  --tabSliderHeight: 2px;
  --checkboxAndRadioDim: 24px;
  --checkboxAndRadioCheckDim: 12px;
  --selectIconDim: 16px;
}

/* ========================= */
/* Basic Elements             */
/* ========================= */
/* Hosted page: solid cream canvas (the embed gets this from the website) */
body {
  background-color: var(--colorBrandCream);
  color: var(--colorBrandBrown);
  font-family: var(--fontFamily);
}

footer {
  display: none !important;
}

b, strong {
  font-weight: var(--fontWeightMediumBold);
  color: var(--colorBrandBrown);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--fontFamilyDisplay);
  font-weight: 300;
  color: var(--colorBrandBrown);
  letter-spacing: var(--letterSpacingTight);
}

h1 {
  font-size: var(--fontSizeXxxxlarge);
  line-height: var(--lineHeightSingle);
}

h2 {
  font-size: var(--fontSizeXxxlarge);
  line-height: var(--lineHeightTitle);
}

h3 {
  font-size: var(--fontSizeXxlarge);
  line-height: var(--lineHeightTitle);
}

p, li, td, th, label, span, div {
  font-family: var(--fontFamily);
  font-weight: 300;
}

a {
  color: var(--colorBrandBrown);
  font-weight: 300;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: inherit;
  font-family: inherit;
}

/* ========================= */
/* Job Board — Public Classes */
/* ========================= */

/* ---- Board heading ---- */
.ashby-job-board-heading {
  font-family: var(--fontFamilyDisplay);
  font-weight: 300;
  font-size: var(--fontSizeXxlarge);
  letter-spacing: var(--letterSpacingTight);
  line-height: var(--lineHeightTitle);
  margin-top: 0 !important;
  color: var(--colorBrandBrown);
}

.ashby-job-board-heading-count {
  font-family: var(--fontFamilyDisplay);
  font-weight: 300;
  font-size: var(--fontSizeXlarge);
  letter-spacing: var(--letterSpacingTight);
  line-height: var(--lineHeightTitle);
  margin-top: 0 !important;
  color: var(--colorBrandBrown);
}

/* ---- Filters ---- */
.ashby-job-board-filter,
.ashby-job-board-filter:focus,
.ashby-job-board-filter:focus-within {
  display: none !important;
}

.ashby-job-board-filters-label { display: none !important; }
.ashby-job-board-reset-filters-label { display: none !important; }

/* Filter containers — name part is stable across Ashby deploys */
[class*="_filters_"],
[class*="_filterContainer_"],
[class*="_filtersContainer_"] {
  display: none !important;
}

/* Belt and suspenders via public classes */
div:has(> .ashby-job-board-filter) {
  display: none !important;
}

/* ---- Department / team headings ---- */
.ashby-department-heading {
  display: none !important;
}

/* Breadcrumb: parent department name (first span) */
.ashby-department-heading-level:first-child {
  display: block;
  font-family: var(--fontFamily);
  font-weight: 300;
  font-size: var(--fontSizeSmall);
  color: var(--colorNeutral500);
  margin-bottom: var(--spacingXsmall);
}

/* Sub-department or top-level heading (last span, or only span) */
.ashby-department-heading-level:last-child {
  font-family: var(--fontFamilyDisplay);
  font-weight: 300;
  font-size: var(--fontSizeXxlarge);
  color: var(--colorBrandBrown);
}

/* ---- Job posting brief (list items) ---- */
.ashby-job-posting-brief {
  margin-left: 0px !important;
  background-color: transparent;
  padding: 0px !important;
}

.ashby-job-posting-brief-list {
  margin-bottom: 0;
  margin-top: 0;
}

.ashby-job-posting-brief-list > a {
  display: flex;
  padding: var(--spacingXlarge) 0px;
  justify-content: space-between;
  align-items: center;
  border-top: none !important;
  border-bottom: var(--borderWidthNormal) solid var(--colorNeutral300) !important;
  transition: all var(--transitionDuration) var(--transitionFunction);
  background-color: transparent;
}

.ashby-job-posting-brief-list > a::after {
  content: "Apply";
  border-radius: var(--borderRadiusButton);
  font-family: var(--fontFamily);
  font-weight: var(--fontWeightNormal);
  font-size: var(--fontSizeNormal);
  line-height: 1.25;
  padding: 10px 40px;
  background-color: var(--colorNeutral200);
  color: var(--colorBrandBrown);
  transition: all var(--transitionDuration) var(--transitionFunction);
}

.ashby-job-posting-brief-list > a:hover::after {
  background-color: var(--colorBrandBrown);
  color: var(--colorBrandCream);
}

.ashby-job-posting-brief-title {
  color: var(--colorBrandBrownDark);
  font-size: var(--fontSizeXlarge);
  font-weight: var(--fontWeightNormal);
}

.ashby-job-posting-brief-details {
  font-family: var(--fontFamily);
  color: var(--colorNeutral600);
  font-weight: 300;
}

/* ---- Individual job posting ---- */
.ashby-job-posting-heading {
  font-family: var(--fontFamilyDisplay);
  font-weight: 300;
  letter-spacing: -0.03em;
  font-size: var(--fontSizeXxxxlarge);
  color: var(--colorBrandBrown);
}

@media only screen and (max-width: 768px) {
  .ashby-job-posting-heading {
    letter-spacing: -0.02em;
    font-size: var(--fontSizeXxxxlarge);
  }
}

.ashby-job-posting-header {
  font-family: var(--fontFamily);
  color: var(--colorBrandBrown);
}

.ashby-job-posting-left-pane {
  font-family: var(--fontFamily);
  color: var(--colorBrandBrown);
  background-color: transparent;
  overflow: hidden;
}

.ashby-job-posting-left-pane p,
.ashby-job-posting-left-pane .ashby-job-posting-brief-department-heading-level:last-child,
.ashby-job-posting-left-pane [class*="compensationTier"] {
  font-family: var(--fontFamily) !important;
  font-weight: 300 !important;
  font-size: var(--fontSizeNormal) !important;
  color: var(--colorBrandBrown) !important;
}

.ashby-job-posting-left-pane .ashby-job-posting-brief-department-heading-level:first-child {
  font-family: var(--fontFamily) !important;
  font-weight: 300 !important;
  font-size: var(--fontSizeXsmall) !important;
  color: var(--colorNeutral500) !important;
}

.ashby-job-posting-right-pane {
  font-family: var(--fontFamily);
  color: var(--colorBrandBrown);
  background-color: transparent;
  padding-left: var(--spacingNormal);
}

/* ---- Application form ---- */
.ashby-application-form-container {
  font-family: var(--fontFamily);
  color: var(--colorBrandBrown);
  background-color: var(--colorBrandCream);
}

/* ========================= */
/* Internal Ashby Components  */
/* (hash-proof selectors)     */
/* ========================= */

/* ---- Layout containers (board page) ---- */
/* "_titles_" is the heading block above the job list */
[class*="_titles_"] {
  margin: 0;
  margin-bottom: var(--spacingXlarge);
}

/* Content wrapper around the job list — covers both possible DOM
   layouts (titles inside content, or titles + content as siblings) */
div[class*="_content_"]:has(> [class*="_titles_"]),
[class*="_titles_"] ~ div[class*="_content_"] {
  padding: 0;
}

/* Outer section container */
div[class*="_container_"]:has(> [class*="_titles_"]),
div[class*="_container_"]:has(> [class*="_content_"] > [class*="_titles_"]) {
  padding-top: var(--spacingXxxlarge);
}

/* ---- Top description / hero ---- */
[class*="_topDescription_"] {
  margin-bottom: 96px;
}

[class*="_topDescription_"] h1 {
  font-size: var(--fontSizeHuge);
  font-family: var(--fontFamilyDisplay);
  font-weight: 300;
  color: var(--colorNeutral950);
  letter-spacing: var(--letterSpacingTight);
  margin-bottom: 72px;
}

[class*="_topDescription_"] h1 strong {
  color: inherit;
  font-weight: inherit;
}

@media only screen and (max-width: 768px) {
  [class*="_topDescription_"] h1 {
    font-size: var(--fontSizeXxxxlarge);
    margin-bottom: var(--spacingLarge);
  }

  [class*="_topDescription_"] {
    margin-bottom: var(--spacingXxlarge);
  }
}

/* ---- Job posting hover state ---- */
[class*="_jobPosting_"]:hover,
[class*="_jobPosting_"]:active {
  background: transparent;
}

/* Board sections (department groups) — scoped via the job list inside */
[class*="_section_"]:has(.ashby-job-posting-brief-list) {
  padding-top: 0;
}

/* ---- Tabs ---- */
/* Solid background: the tab bar is sticky on the hosted page, so content
   must not show through while scrolling */
.ashby-job-posting-right-pane nav[role="tablist"] {
  box-shadow: inset 0 -1px 0 0 var(--colorNeutral200);
  background-color: var(--colorBrandCream);
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media only screen and (max-width: 768px) {
  .ashby-job-posting-right-pane nav[role="tablist"] {
    background-color: var(--colorBrandCream);
    box-shadow: inset 0 -1px 0 0 var(--colorNeutral200);
  }
}

.ashby-job-posting-right-pane nav[role="tablist"] button {
  color: var(--colorNeutral500);
  font-family: var(--fontFamilyDisplay);
  font-weight: 300;
  font-size: var(--fontSizeXlarge);
  padding-left: 0 !important;
}

.ashby-job-posting-right-pane nav[role="tablist"] button:hover {
  color: var(--colorBrandBrown);
}

.ashby-job-posting-right-pane nav[role="tablist"] button[aria-selected="true"] {
  color: var(--colorNeutral950);
}

@media only screen and (min-width: 768px) {
  nav[role="tablist"] [class*="_tab_"],
  nav[role="tablist"] [class*="_slider_"] {
    margin-left: 0px;
    border-radius: 0px;
  }

  nav[role="tablist"] [class*="_active_"]:nth-child(2) ~ [class*="_slider_"] {
    transform: translate(200px);
  }
}

/* ---- Job posting description text ---- */
[class*="_descriptionText_"] ol,
[class*="_descriptionText_"] ul {
  margin: var(--spacingNormal) 0 var(--spacingNormal) var(--spacingXlarge);
}

@media only screen and (max-width: 768px) {
  [class*="_descriptionText_"] ol,
  [class*="_descriptionText_"] ul {
    margin: var(--spacingNormal) 0 var(--spacingNormal) var(--spacingNormal);
  }
}

/* ---- Job posting details grid (left pane | right pane) ---- */
@media only screen and (min-width: 768px) {
  [class*="_details_"]:has(.ashby-job-posting-left-pane) {
    grid-template-columns: 260px 1fr;
    grid-column-gap: 3rem;
  }
}

/* ---- Buttons ----
   Primary buttons inherit brown via --colorPrimary600/900; the back-to-all-jobs
   button is a secondary variant whose default background is --colorNeutral000
   (now cream, invisible on cream), so both get the brand style explicitly. */
.ashby-job-board-back-to-all-jobs-button,
.ashby-application-form-submit-button {
  background-color: var(--colorBrandBrown);
  font-family: var(--fontFamily);
  font-weight: var(--fontWeightLightBold);
  color: var(--colorBrandCream);
  border: none;
  border-radius: var(--borderRadiusButton);
  transition: background-color var(--transitionDurationSlow);
}

.ashby-job-board-back-to-all-jobs-button:hover,
.ashby-job-board-back-to-all-jobs-button:active,
.ashby-application-form-submit-button:hover,
.ashby-application-form-submit-button:active {
  background-color: var(--colorBrandBrownDark);
  color: var(--colorBrandCream);
  box-shadow: none;
}

.ashby-job-board-back-to-all-jobs-button svg,
.ashby-application-form-submit-button svg {
  fill: currentColor;
}

/* ---- Overview / form section cards ----
   White background + shadow are handled by --colorNeutral000 and the
   shadow variables. These rules only flatten radius and align padding. */
div[class*="_container_"][class*="_description_"],
.ashby-application-form-section-container {
  box-shadow: none;
  border-radius: 0px;
  margin-top: 0px;
  padding: var(--spacingLarge) 0px;
  background-color: var(--colorBrandCream);
}

.ashby-application-form-section-header-title {
  color: var(--colorBrandBrown);
}

.ashby-application-form-section-header-description,
.ashby-application-form-container [class*="_section_"] > p {
  font-family: var(--fontFamilyDisplay);
  font-weight: 300;
  font-size: var(--fontSizeNormal);
}

/* ---- Form field entries ---- */
body .ashby-application-form-field-entry {
  margin-bottom: 48px;
}

.ashby-application-form-question-title {
  font-family: var(--fontFamily);
  color: var(--colorNeutral950);
  font-weight: 400;
  margin-bottom: var(--spacingSmall);
}

.ashby-application-form-question-description {
  font-family: var(--fontFamily);
  color: var(--colorNeutral500);
  font-size: var(--fontSizeSmall);
}

/* ---- Form inputs (underline style) ----
   Element-qualified so option toggles and wrappers are not affected */
.ashby-application-form-container input[class*="_input_"],
.ashby-application-form-container textarea[class*="_input_"],
.ashby-application-form-container button[class*="_input_"] {
  border-top-width: 0px !important;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
  border-bottom: var(--borderWidthNormal) solid var(--colorNeutral400);
  border-radius: 0px !important;
  padding: 12px 0px;
  transition: all var(--transitionDuration) var(--transitionFunction);
  cursor: auto;
  font-family: var(--fontFamily);
  color: var(--colorBrandBrown);
  background-color: transparent !important;
  box-shadow: none !important;
}

.ashby-application-form-container input[class*="_input_"]::placeholder,
.ashby-application-form-container textarea[class*="_input_"]::placeholder {
  color: var(--colorNeutral400);
  font-weight: 300;
}

.ashby-application-form-container input[class*="_input_"]:hover,
.ashby-application-form-container textarea[class*="_input_"]:hover,
.ashby-application-form-container button[class*="_input_"]:hover {
  border-bottom: var(--borderWidthNormal) solid var(--colorNeutral500);
  color: var(--colorBrandBrown);
}

.ashby-application-form-container input[class*="_input_"]:not([data-disabled="true"]):focus-within,
.ashby-application-form-container textarea[class*="_input_"]:not([data-disabled="true"]):focus-within,
.ashby-application-form-container button[class*="_input_"]:not([data-disabled="true"]):focus-within {
  outline-width: 0px;
  border-bottom-color: var(--colorBrandBrown);
}

/* ---- Yes/No toggle buttons ---- */
[role="group"] button[aria-pressed="true"],
[role="group"] button[data-selected="true"] {
  background-color: var(--colorBrandBrown) !important;
  color: var(--colorBrandCream) !important;
  border-color: var(--colorBrandBrown) !important;
}

/* ---- Select / option styles (segmented control) ---- */
[role="group"] [class*="_option_"] {
  border: var(--borderWidthNormal) solid var(--colorNeutral300);
  margin-left: calc(-1 * var(--borderWidthNormal));
}

[role="group"] [class*="_option_"]:not([aria-pressed="true"]):not([data-selected="true"]):hover {
  background: var(--colorNeutral50A);
}

[role="listbox"],
[role="option"] {
  background-color: var(--colorNeutral50) !important;
}

[role="option"]:hover,
[role="option"][aria-selected="true"],
[role="listbox"] li:hover {
  background-color: var(--colorBrandBrown) !important;
  color: var(--colorBrandCream) !important;
}

/* ---- Resume upload container (dropzone) ---- */
@media only screen and (min-width: 768px) {
  .ashby-application-form-field-entry div[class*="_container_"] {
    border: var(--borderWidthBold) dashed var(--colorNeutral200);
    transition: all var(--transitionDuration) var(--transitionFunction);
    background: var(--colorNeutral50A);
  }

  .ashby-application-form-field-entry div[class*="_container_"]:hover {
    border: var(--borderWidthBold) dashed var(--colorNeutral300);
  }
}

/* ---- Autofill widget ---- */
.ashby-application-form-autofill-input-root,
.ashby-application-form-autofill-input-base-layer {
  background: var(--colorNeutral50A);
}

.ashby-application-form-autofill-input-title {
  font-family: var(--fontFamilyDisplay);
  font-weight: 300;
  font-size: var(--fontSizeLarge);
}

.ashby-application-form-autofill-input-root [class*="_header_"] {
  align-items: center;
  gap: var(--spacingXsmall);
}

/* ============================== */
/* Hosted page (jobs.ashbyhq.com) */
/* ============================== */

/* Sticky Overview/Application tab bar: needs a solid background so the
   job description doesn't show through while scrolling */
[class*="_navContainer_"],
[class*="_tabs_"] {
  background-color: var(--colorBrandCream);
}

/* Restore the side margins that the embed gets from the website layout */
@media only screen and (max-width: 768px) {
  div[class*="_container_"]:has(> [class*="_titles_"]),
  div[class*="_container_"]:has(> [class*="_content_"] > [class*="_titles_"]) {
    padding-left: var(--spacingNormal);
    padding-right: var(--spacingNormal);
  }

  .ashby-job-posting-header,
  [class*="_details_"]:has(.ashby-job-posting-left-pane) {
    padding-left: var(--spacingNormal);
    padding-right: var(--spacingNormal);
  }
}

/* ========================= */
/* Mobile — Job posting list */
/* ========================= */
@media only screen and (max-width: 768px) {
  .ashby-job-posting-brief-list > a {
    flex-direction: column;
    align-items: start;
    gap: var(--spacingLarge);
  }

  /* The desktop two-column gap becomes a lopsided left indent when the
     panes stack on mobile */
  .ashby-job-posting-right-pane {
    padding-left: 0;
  }

  [class*="_filtersOpen_"] {
    display: none !important;
  }
}