/* Carbon owns Cover's rendering. These rules style only its standard fallback,
   preserving the complete image, advertiser copy and attribution. */
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbonads {
    display:block;
    max-width:400px;
    padding:0;
    background:transparent;
    box-shadow:none;
    font-family:inherit;
    color:var(--text,#1a1a1a);
}
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbonads .carbon-wrap {
    display:flex;
    align-items:center;
    gap:16px;
}
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbonads a {
    color:inherit;
    text-decoration:none;
}
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbonads .carbon-img {
    display:block;
    flex:0 0 130px;
    margin:0;
}
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbonads .carbon-img img {
    display:block;
    width:130px;
    height:100px;
}
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbonads .carbon-text {
    padding:0;
    font-size:14px;
    line-height:1.5;
}
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbonads .carbon-poweredby {
    display:block;
    margin-top:10px;
    padding:0;
    background:transparent;
    color:var(--text-2,#57534b);
    font:10px/1.6 var(--font-mono,ui-monospace,monospace);
    text-align:right;
}
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbonads a:hover {
    text-decoration:underline;
}
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbon-responsive {
    --carbon-bg-primary:transparent;
    --carbon-bg-secondary:var(--border,#e2ddd1);
    --carbon-text-color:var(--text,#1a1a1a);
    color:var(--text,#1a1a1a);
}
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbon-responsive .carbon-responsive-wrap {
    border:0;
    padding:0;
}

/* Native homepage treatment, using Carbon's own delivered DOM and tracking.
   Cover remains owned by Carbon; these overrides target the standard units. */
.jhc-unit #carbonads,.jhc-unit #carbon-responsive{max-inline-size:none;max-width:none;width:100%}
.jhc-unit #carbon-responsive{--carbon-padding:28px;--carbon-max-char:35ch}
.jhc-unit #carbonads .carbon-wrap{gap:28px}
.jhc-unit #carbonads .carbon-text{font-family:var(--font-serif,Georgia,serif);font-size:30px;line-height:1.25}
.jhc-unit #carbonads .carbon-text .carbon-description{line-height:inherit}
.jhc-unit #carbonads .carbon-poweredby{margin-top:16px}
@media(max-width:600px){
 .jhc-unit #carbon-responsive{--carbon-padding:16px;--carbon-max-char:12ch}
 .jhc-unit #carbonads .carbon-wrap{gap:16px}
 .jhc-unit #carbonads .carbon-img{flex-basis:100px}
 .jhc-unit #carbonads .carbon-img img{width:100px;height:auto}
 .jhc-unit #carbonads .carbon-text{font-size:24px}
 .jhc-unit #carbon-responsive .carbon-text{flex-basis:12ch}
}
.jhc-unit #carbonads .carbon-text{font-weight:400;font-style:normal;letter-spacing:normal}
.jhc-unit #carbon-responsive .carbon-responsive-wrap{align-items:center}
/* Placement within the content, below page identity and primary actions. */
.jbc-ad-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;max-width:1200px;margin:24px auto}
.jbc-ad-layout>.jbc-ad-primary{min-width:0;width:100%;max-width:none;margin:0;box-sizing:border-box}
.jbc-ad-layout>.jbc-article-rail{margin:0;max-width:none;padding:18px;width:100%;background:var(--bg-card,var(--bg-raised,#1a1a17));border:1px solid var(--border,#34342f);border-radius:18px;align-self:start}
.jbc-ad-layout-description{padding:0 24px}
.jbc-ad-layout-description>.job-description{padding-left:0;padding-right:0}
.jbc-ad-layout-results>.jbc-article-rail{position:sticky;top:96px}
.jbc-sponsor-ad-box{min-height:280px}
.cp-hero::before{max-width:100%}
.featured-jobs .fj-grid{grid-auto-rows:auto}
.featured-jobs .fj-grid>.fj-card,.featured-jobs .fj-grid>.jbc-article-rail{min-height:0;height:auto;box-sizing:border-box}
.featured-jobs .fj-grid>.jbc-article-rail{width:100%;max-width:none;margin:0;padding:20px;position:static;background:var(--ink-card);border:1px solid var(--ink-line-soft);border-radius:var(--radius-card)}
@media(max-width:900px){
 .jbc-ad-layout{grid-template-columns:minmax(0,1fr);gap:20px;margin-left:16px;margin-right:16px}
 .jbc-ad-layout>.jbc-article-rail{position:static;max-width:360px}
 .jbc-ad-layout-description{padding:0 8px}
 /* Keep the unit within one scroll of results instead of below the entire feed. */
 .jbc-ad-layout-results>.jbc-article-rail{grid-row:1}
}
.jbc-ad-results-column{min-width:0}
/* A shorter Responsive creative should not leave an empty sidebar panel. */
.jbc-ad-layout .jbc-sponsor-ad-box:has(#carbon-responsive){min-height:0}
.jbc-ad-layout{scroll-margin-top:100px}
/* Keep Carbon's attribution visible and align it with the ad's left edge. */
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbonads .carbon-poweredby{text-align:left}
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbon-cover .carbon-via{order:-1;margin-left:0;margin-right:auto;text-align:left}
/* Soften creative-image corners without changing its size or aspect ratio. */
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbonads .carbon-img img,
:is(.jhc-unit,.jbc-sponsor-ad-box) #carbon-cover .carbon-large-image{border-radius:10px}
/* Keep article ads below the fixed navigation while the reader scrolls. */
.jbc-article-layout>aside.jbc-article-rail,
.jbc-ad-layout-results>aside.jbc-article-rail{top:var(--jbc-ad-sticky-top,96px)}
/* A tall creative stays in normal flow rather than being clipped by the viewport. */
.jbc-article-layout>aside.jbc-article-rail.jbc-ad-too-tall,
.jbc-ad-layout-results>aside.jbc-article-rail.jbc-ad-too-tall{position:static}

/* Let small sponsor creatives fit naturally instead of padding every job card. */
.featured-jobs .jbc-sponsor-ad-box{min-height:0}
@media(max-width:900px){.featured-jobs .fj-grid{grid-auto-rows:auto}}

/* A taller sponsor must not stretch the desktop job cards. */
@media(min-width:901px){.featured-jobs .fj-grid>.fj-card{min-height:204px;align-self:start}}