/* Beyond Bilingual: employer article editorial system. Loaded ONLY on the three employer articles (body.bb-article-page). */
@font-face{font-family:"Bricolage Grotesque";src:url("fonts/bricolage-grotesque-latin-var.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("fonts/hanken-grotesk-latin-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
body.bb-article-page{--bba-navy:#16284d;--bba-navy-900:#0f1d3a;--bba-accent:#c0401a;--bba-accent-50:#fdeee7;--bba-ink:#1e2433;--bba-muted:#5b6475;--bba-line:#e3e6ee;--bba-soft:#f6f7fa;--bba-display:"Bricolage Grotesque","Hanken Grotesk",-apple-system,"Segoe UI",Roboto,sans-serif;--bba-sans:"Hanken Grotesk",-apple-system,"Segoe UI",Roboto,sans-serif;--bba-col:39rem}

/* ---- Hero: the theme's two-container row becomes one full-width editorial header ---- */
body.bb-article-page .elementor-location-single > .e-con:has(.elementor-widget-post-info),
body.bb-article-page .elementor-location-single .e-con:has(> .e-con > .elementor-widget-post-info){min-height:0!important;height:auto!important;background:var(--bba-navy-900)!important;background-image:radial-gradient(1200px 420px at 85% -10%,rgba(192,64,26,.28),transparent 60%),radial-gradient(900px 380px at 0% 110%,rgba(255,255,255,.07),transparent 60%)!important}
body.bb-article-page .elementor-location-single .e-con:has(> .elementor-widget-post-info){width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;background:transparent!important;padding:76px 24px 68px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important}
body.bb-article-page .elementor-location-single .e-con:has(> .elementor-widget-post-info) ~ .e-con{display:none!important} /* the empty right-hand container */
body.bb-article-page .elementor-location-single .e-con:has(> .elementor-widget-post-info) > .elementor-widget{max-width:760px;margin-left:auto!important;margin-right:auto!important;width:100%!important;text-align:center}
body.bb-article-page .elementor-location-single .elementor-widget-post-info{order:2;margin-top:22px!important}
body.bb-article-page .elementor-location-single .elementor-widget-post-info .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center}
body.bb-article-page .elementor-location-single .elementor-widget-post-info .elementor-icon-list-item,body.bb-article-page .elementor-location-single .elementor-widget-post-info .elementor-icon-list-text,body.bb-article-page .elementor-location-single .elementor-widget-post-info a{font-family:var(--bba-sans)!important;font-size:14px!important;font-weight:500!important;color:#c7d0e3!important;letter-spacing:.01em}
body.bb-article-page .elementor-location-single .elementor-widget-post-info .elementor-icon-list-icon{color:#ffc9a6!important;opacity:.9}
body.bb-article-page .elementor-location-single .elementor-widget-post-info .elementor-icon-list-icon svg{fill:#ffc9a6!important;width:13px}
body.bb-article-page .elementor-location-single .elementor-widget-heading{order:1}
body.bb-article-page .elementor-location-single .elementor-widget-heading .elementor-heading-title{font-family:var(--bba-display)!important;font-weight:800!important;font-size:clamp(36px,4.4vw,56px)!important;line-height:1.08!important;letter-spacing:-.025em;color:#fff!important;text-transform:none!important;text-wrap:balance;max-width:18ch;margin:0 auto!important;border:0!important;padding:0!important}
body.bb-article-page .elementor-location-single .elementor-widget-heading,body.bb-article-page .elementor-location-single .elementor-widget-heading .elementor-widget-container,body.bb-article-page .elementor-location-single .elementor-widget-post-info .elementor-widget-container{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
body.bb-article-page .elementor-location-single .elementor-widget-heading .elementor-heading-title::before{content:attr(data-bba-label);display:block;font-family:var(--bba-sans);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffc9a6;margin-bottom:18px}
body.bb-article-page .elementor-location-single .elementor-widget-heading .elementor-heading-title::after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:var(--bba-accent);margin:22px auto 0}
/* ---- Template parts that do not belong on an employer guide: the post navigation ("Previous recipe") and the generic
   "Latest News" grid. The single-post template (elementor-page-2654) renders these in fixed containers; hidden by their
   container ids, only on the three article pages (body.bb-article-page). ---- */
body.bb-article-page .e-con[data-id="55fad637"],body.bb-article-page .e-con[data-id="52261158"],body.bb-article-page .e-con[data-id="76be82a5"],
body.bb-article-page .e-con[data-id="4272cded"],body.bb-article-page .e-con[data-id="213ba00"],body.bb-article-page .e-con[data-id="4fba66df"],
body.bb-article-page .elementor-widget-post-navigation,body.bb-article-page .elementor-widget-posts{display:none!important}

/* ---- Body: 72ch reading column aligned with the hero ---- */
body.bb-article-page .elementor-widget-theme-post-content{padding-top:0!important}
.bb-article{max-width:var(--bba-col);margin:0 auto;padding:16px 24px 8px;font-family:var(--bba-sans);font-size:18px;line-height:1.72;color:var(--bba-ink);-webkit-font-smoothing:antialiased}
.bb-article p{margin:0 0 1.2em}
.bb-article .bb-article__lead{font-size:1.22em;line-height:1.5;color:var(--bba-navy);font-weight:500;margin:0 0 1.6em}
.bb-article h2{font-family:var(--bba-display);font-size:1.75em;line-height:1.2;letter-spacing:-.02em;color:var(--bba-navy);margin:2.2em 0 .6em;text-wrap:balance}
.bb-article h2:first-of-type{margin-top:1.6em}
.bb-article h3{font-family:var(--bba-display);font-size:1.15em;line-height:1.35;color:var(--bba-navy);margin:1.5em 0 .4em}
.bb-article ul,.bb-article ol{margin:0 0 1.4em 1.25em;padding:0}
.bb-article li{margin:0 0 .55em;padding-left:.2em}
.bb-article li::marker{color:var(--bba-accent);font-weight:700}
.bb-article a{color:var(--bba-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.bb-article a:hover{color:#8f2f12}
.bb-article a:focus-visible,.bb-article .bb-cta__btn:focus-visible{outline:3px solid #ffb48a;outline-offset:3px}
.bb-article strong{color:var(--bba-navy)}
.bb-article blockquote{margin:1.8em 0;padding:18px 22px;border-left:4px solid var(--bba-accent);background:var(--bba-soft);border-radius:0 12px 12px 0;font-size:1.05em;color:var(--bba-navy)}
.bb-article blockquote p{margin:0}
.bb-article table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95em}
.bb-article th,.bb-article td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--bba-line);vertical-align:top}
.bb-article th{font-family:var(--bba-display);color:var(--bba-navy);background:var(--bba-soft)}
/* sub-points (the "what the fee pays for" style sections) */
.bb-article .bb-points{display:grid;gap:14px;margin:.6em 0 2em;counter-reset:bbpt}
.bb-article .bb-point{position:relative;background:#fff;border:1px solid var(--bba-line);border-radius:14px;padding:18px 20px 16px 62px;counter-increment:bbpt}
.bb-article .bb-point::before{content:counter(bbpt,decimal-leading-zero);position:absolute;left:18px;top:17px;font-family:var(--bba-display);font-weight:800;font-size:15px;color:var(--bba-accent);background:var(--bba-accent-50);width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.bb-article .bb-point h3{margin:0 0 .3em;font-size:1.05em}
.bb-article .bb-point p{margin:0;font-size:.97em}
/* employer CTA card */
.bb-article .bb-cta{position:relative;overflow:hidden;background:var(--bba-navy);color:#fff;border-radius:18px;padding:34px 34px 30px;margin:3em 0 2em}
.bb-article .bb-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 220px at 100% 0%,rgba(192,64,26,.35),transparent 60%);pointer-events:none}
.bb-article .bb-cta > *{position:relative}
.bb-article .bb-cta h2{color:#fff;margin:0 0 .5em;font-size:1.5em}
.bb-article .bb-cta h2::before{content:"For employers";display:block;font-family:var(--bba-sans);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffc9a6;margin-bottom:12px}
.bb-article .bb-cta p{color:#dbe3f3;margin:0;font-size:1em}
.bb-article .bb-cta strong{color:#fff}
.bb-article .bb-cta__actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:22px}
.bb-article .bb-cta__or{color:#dbe3f3;font-size:.97em}
.bb-article .bb-cta a.bb-cta__tel{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.bb-article .bb-cta a{color:#ffc9a6}
.bb-article .bb-cta .bb-cta__btn{display:inline-block;background:var(--bba-accent);color:#fff;text-decoration:none!important;font-family:var(--bba-display);font-weight:700;font-size:1em;line-height:1.25;padding:14px 22px;border-radius:12px;margin:0;white-space:normal;text-align:center;box-shadow:0 8px 20px rgba(192,64,26,.3);transition:transform .14s,box-shadow .14s}
.bb-article .bb-cta .bb-cta__btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(192,64,26,.38);color:#fff}
/* sources */
.bb-article .bb-sources{margin-top:2.6em;padding-top:1.3em;border-top:1px solid var(--bba-line);font-size:.86em;color:var(--bba-muted)}
.bb-article .bb-sources h2{font-size:1em;margin:0 0 .6em;color:var(--bba-muted);letter-spacing:.06em;text-transform:uppercase;font-family:var(--bba-sans);font-weight:700}
.bb-article .bb-sources ul{margin-left:1.1em}
.bb-article .bb-sources li{margin-bottom:.4em;word-break:break-word}
/* review bar (editors only) */
.bb-emp-review-bar{max-width:var(--bba-col);margin:18px auto 0!important;font-family:var(--bba-sans)}
.bb-emp-review-bar a{color:#c0401a;text-decoration:underline;text-underline-offset:2px;font-weight:600}
/* related guides + route back to the employer page (rendered by the plugin for everyone) */
.bb-related{max-width:var(--bba-col);margin:40px auto 0;padding:40px 24px 56px;border-top:1px solid var(--bba-line);font-family:var(--bba-sans)}
.bb-related__eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bba-accent);margin:0 0 8px}
.bb-related h2{font-family:var(--bba-display);font-size:1.75em;color:var(--bba-navy);margin:0 0 20px;letter-spacing:-.02em}
.bb-related__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bb-related__card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bba-line);border-radius:16px;padding:20px 22px 18px;text-decoration:none;color:inherit;transition:transform .14s,box-shadow .14s,border-color .14s}
.bb-related__card:hover,.bb-related__card:focus-visible{text-decoration:none!important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(22,40,77,.12);border-color:#cfd6e4;outline:none}
.bb-related__card:focus-visible{box-shadow:0 0 0 3px #ffb48a}
.bb-related__label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bba-accent);margin-bottom:8px}
.bb-related__title{display:block;font-family:var(--bba-display);font-weight:700;font-size:1.08em;line-height:1.3;color:var(--bba-navy);margin-bottom:8px;text-wrap:balance}
.bb-related__desc{display:block;font-size:.93em;color:var(--bba-muted);line-height:1.5;margin-bottom:4px}
.bb-related__more{display:inline-block;margin-top:auto;padding-top:12px;font-weight:700;color:var(--bba-accent);font-size:.93em}
.bb-related__hub{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px;padding:18px 22px;border-radius:16px;background:var(--bba-soft);border:1px solid var(--bba-line)}
.bb-related__hub p{margin:0;color:var(--bba-navy);font-weight:600}
.bb-related__hub a{display:inline-block;background:var(--bba-navy);color:#fff;text-decoration:none;font-family:var(--bba-display);font-weight:700;font-size:1em;line-height:1.25;padding:13px 20px;border-radius:12px;text-align:center}
.bb-related__hub a:hover{background:#1f3a6e;color:#fff}
@media (max-width:900px){.bb-article{font-size:17px}.bb-related__grid{grid-template-columns:1fr}}
@media (max-width:640px){body.bb-article-page .elementor-location-single .e-con:has(> .elementor-widget-post-info){padding:52px 20px 44px!important}body.bb-article-page .elementor-location-single .elementor-widget-heading .elementor-heading-title{font-size:clamp(30px,8.5vw,40px)!important}.bb-article{font-size:16.5px;padding:12px 0 8px}.bb-article h2{font-size:1.45em}.bb-article .bb-cta{padding:26px 20px 22px;border-radius:14px}.bb-article .bb-cta .bb-cta__btn{width:100%;padding:14px 14px}.bb-related__hub a{width:100%}.bb-article .bb-point{padding:16px 16px 14px 56px}.bb-related{padding:32px 0 44px;margin-top:28px}.bb-emp-review-bar{margin-left:0!important;margin-right:0!important}}
@media (max-width:360px){body.bb-article-page .elementor-location-single .elementor-widget-heading .elementor-heading-title{font-size:30px!important}.bb-article{font-size:16px}}