/* ==========================================================================
   Job board content styles (arb-* component library)
   Copy to the child theme as css/<site>.css, re-skin via the :root variables, enqueue with templates/theme/enqueue.php.
   ========================================================================== */
:root {
  --arb-navy:#14233a; --arb-navy-2:#223a5c; --arb-yellow:#f5d006; --arb-yellow-soft:#fff8d6;
  --arb-teal:#2ab7a9; --arb-teal-soft:#e6f6f4; --arb-coral:#e4473f; --arb-coral-soft:#fdeceb;
  --arb-ink:#2b3440; --arb-body:#3c4756; --arb-muted:#6b7686; --arb-line:#e6eaf0; --arb-soft:#f6f8fb;
  --arb-green:#1f9d55; --arb-radius:18px; --arb-shadow:0 18px 40px -18px rgba(22,34,52,.28);
}

/* Theme widgets (search hero, category grid) use negative margins that overflow on mobile */
html, body { overflow-x: clip; }

/* ---------- Article shell ---------- */
.arb-article { max-width:1140px; margin:10px auto 40px; color:var(--arb-body); font-size:17px; line-height:1.8; }
.arb-article a { color:var(--arb-green); font-weight:600; text-decoration:none; background-image:linear-gradient(currentColor,currentColor); background-size:0 1px; background-repeat:no-repeat; background-position:0 100%; transition:background-size .2s ease; }
.arb-article a:hover { background-size:100% 1px; color:var(--arb-green); }
.arb-article a.arb-btn, .arb-article a.arb-card { background-image:none; }
.arb-article p, .arb-article ul, .arb-article ol { margin:0 0 20px; }
.arb-article ul, .arb-article ol { padding-left:22px; }
.arb-article li { margin-bottom:8px; }
.arb-article li::marker { color:var(--arb-teal); font-weight:700; }
.arb-article strong { color:var(--arb-ink); }
.arb-article h2 { position:relative; font-size:29px; line-height:1.28; letter-spacing:-.01em; margin:56px 0 18px; padding-top:18px; color:var(--arb-navy); scroll-margin-top:110px; }
.arb-article h2:before { content:""; position:absolute; top:0; left:0; width:44px; height:4px; border-radius:4px; background:var(--arb-yellow); }
.arb-article h3 { font-size:21px; line-height:1.35; margin:34px 0 12px; color:var(--arb-navy); scroll-margin-top:110px; }

.arb-crumbs { font-size:14px; color:var(--arb-muted); margin:0 0 18px; }
.arb-crumbs a { font-weight:500 !important; color:var(--arb-muted) !important; }
.arb-crumbs a:hover { color:var(--arb-green) !important; }

/* ---------- Article header ---------- */
.arb-head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:44px; align-items:center; padding:44px 48px; margin-bottom:46px; border-radius:28px; background:radial-gradient(circle at 100% 0%, rgba(245,208,6,.20), transparent 45%), radial-gradient(circle at 0% 100%, rgba(46,196,182,.16), transparent 45%), var(--arb-soft); border:1px solid var(--arb-line); }
.arb-head .arb-kicker { margin-bottom:14px; }
.arb-head .arb-lead { font-size:19px; line-height:1.7; color:var(--arb-navy); margin:0 0 18px; }
.arb-meta { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:14px; color:var(--arb-muted); margin:0 !important; }
.arb-meta span { display:inline-flex; align-items:center; gap:6px; }
.arb-meta span:before { content:""; width:6px; height:6px; border-radius:50%; background:var(--arb-teal); }
.arb-head-img { margin:0; }
.arb-head-img img { display:block; width:100%; height:auto; border-radius:20px; box-shadow:var(--arb-shadow); transform:rotate(1.2deg); transition:transform .3s ease; }
.arb-head-img img:hover { transform:rotate(0deg) scale(1.01); }

/* ---------- Two-column body with sticky table of contents ---------- */
.arb-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:56px; align-items:start; }
.arb-main { min-width:0; max-width:760px; }
.arb-main > h2:first-child { margin-top:0; }
.arb-aside { grid-column:2; grid-row:1; position:sticky; top:110px; }
.arb-main { grid-column:1; grid-row:1; }
.arb-toc { background:#fff; border:1px solid var(--arb-line); border-radius:var(--arb-radius); padding:22px 22px 12px; box-shadow:0 10px 30px -22px rgba(22,34,52,.35); }
.arb-toc-title { font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:12px; margin:0 0 10px !important; color:var(--arb-muted); }
.arb-toc ol { list-style:none; counter-reset:toc; padding:0 !important; margin:0 0 8px !important; font-size:14.5px; line-height:1.45; }
.arb-toc li { counter-increment:toc; margin:0 !important; }
.arb-toc li a { display:flex; gap:10px; padding:7px 8px; margin:0 -8px; border-radius:8px; color:var(--arb-ink) !important; font-weight:500 !important; background-image:none !important; }
.arb-toc li a:before { content:counter(toc, decimal-leading-zero); color:var(--arb-muted); font-variant-numeric:tabular-nums; font-size:12.5px; padding-top:1px; }
.arb-toc li a:hover { background:var(--arb-soft); color:var(--arb-navy) !important; }
.arb-aside-cta { margin-top:18px; padding:22px; border-radius:var(--arb-radius); background:var(--arb-navy); color:#cfd8e3; font-size:15px; line-height:1.55; }
.arb-aside-cta strong { display:block; color:#fff; font-size:17px; margin-bottom:6px; }
.arb-aside-cta p { margin:0 0 14px !important; }
.arb-aside-cta a.arb-btn { width:100%; text-align:center; }

/* ---------- Components ---------- */
.arb-lead { font-size:19px; line-height:1.7; color:var(--arb-navy); }
.arb-kicker { display:inline-block; background:var(--arb-yellow); color:var(--arb-navy); font-weight:700; font-size:12px; letter-spacing:.08em; text-transform:uppercase; padding:5px 12px; border-radius:30px; line-height:1.5; }
.arb-table { overflow-x:auto; margin:14px 0 28px; border:1px solid var(--arb-line); border-radius:16px; -webkit-overflow-scrolling:touch; box-shadow:0 10px 30px -24px rgba(22,34,52,.4); }
.arb-table table { max-width:none; width:100%; min-width:560px; margin:0; font-size:15px; line-height:1.55; border-collapse:collapse; border-style:hidden; }
.arb-table th { background:var(--arb-navy); color:#fff; font-weight:600; border:0; border-right:1px solid rgba(255,255,255,.08); padding:14px 16px; }
.arb-table td { border:0; border-top:1px solid var(--arb-line); vertical-align:top; padding:13px 16px; }
.arb-table tr:hover { background:transparent; }
.arb-table tbody tr:nth-child(even) { background:#fafbfd; }
.arb-table td:first-child { color:var(--arb-ink); font-weight:600; }
.arb-box { position:relative; border-radius:var(--arb-radius); padding:22px 26px 4px 64px; margin:28px 0; border:1px solid var(--arb-line); }
.arb-box:before { position:absolute; left:20px; top:20px; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:15px; }
.arb-box-tip { background:var(--arb-teal-soft); border-color:#c4ece6; }
.arb-box-tip:before { content:"✓"; background:var(--arb-teal); color:#fff; }
.arb-box-warn { background:var(--arb-coral-soft); border-color:#ffd6c8; }
.arb-box-warn:before { content:"!"; background:var(--arb-coral); color:#fff; }
.arb-box-info { background:var(--arb-yellow-soft); border-color:#f6e7a0; }
.arb-box-info:before { content:"i"; background:var(--arb-navy); color:var(--arb-yellow); font-family:Georgia,serif; font-style:italic; }
.arb-checklist { list-style:none; padding-left:0 !important; }
.arb-checklist li { position:relative; padding-left:34px; }
.arb-checklist li:before { content:"✓"; position:absolute; left:0; top:3px; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; background:var(--arb-teal); color:#fff; font-size:12px; font-weight:700; }
a.arb-btn { display:inline-block; background:var(--arb-yellow); color:var(--arb-navy) !important; font-weight:700; font-size:15px; padding:12px 26px; border-radius:40px; text-decoration:none; line-height:1.4; transition:transform .15s ease, box-shadow .15s ease; }
a.arb-btn:hover { transform:translateY(-2px); box-shadow:0 10px 22px -8px rgba(22,34,52,.35); color:var(--arb-navy) !important; }
.arb-faq details { border:1px solid var(--arb-line); border-radius:14px; margin-bottom:12px; background:#fff; transition:box-shadow .2s ease; }
.arb-faq details[open] { box-shadow:0 12px 30px -22px rgba(22,34,52,.4); }
.arb-faq summary { cursor:pointer; font-weight:700; padding:16px 52px 16px 20px; color:var(--arb-navy); list-style:none; position:relative; }
.arb-faq summary::-webkit-details-marker { display:none; }
.arb-faq summary:after { content:"+"; position:absolute; right:16px; top:12px; width:28px; height:28px; line-height:27px; text-align:center; border-radius:50%; background:var(--arb-soft); font-size:18px; color:var(--arb-navy); }
.arb-faq details[open] summary:after { content:"–"; background:var(--arb-yellow); }
.arb-faq details p { padding:0 20px 8px; }
.arb-related { margin-top:56px; padding-top:28px; border-top:1px solid var(--arb-line); }
.arb-related-title { font-weight:700; font-size:22px; color:var(--arb-navy); margin-bottom:6px !important; }
.arb-cards { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:22px; margin:18px 0 30px; }
.arb-cards-lg { grid-template-columns:repeat(3, minmax(0,1fr)); }
a.arb-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--arb-line); border-radius:var(--arb-radius); overflow:hidden; text-decoration:none; color:var(--arb-ink); font-weight:400; transition:transform .2s ease, box-shadow .2s ease; }
a.arb-card:hover { transform:translateY(-4px); box-shadow:var(--arb-shadow); color:var(--arb-ink); }
a.arb-card img { display:block; width:100%; height:auto; aspect-ratio:1200/630; object-fit:cover; }
.arb-card-title { display:block; font-weight:700; font-size:17px; line-height:1.35; color:var(--arb-navy); padding:16px 18px 6px; }
.arb-card-text { display:block; font-size:14.5px; line-height:1.55; color:var(--arb-muted); padding:0 18px 16px; }
.arb-card-more { display:block; margin-top:auto; padding:0 18px 18px; font-weight:700; font-size:14px; color:var(--arb-green); }

/* ---------- Hub & simple pages ---------- */
.arb-hub .arb-head { grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); }
.arb-hub h2 { margin-top:48px; }
.arb-simple { max-width:820px; }
.arb-simple .arb-lead { padding:28px 32px; border-radius:22px; background:var(--arb-soft); border:1px solid var(--arb-line); }

@media (max-width:1100px) {
  .arb-layout { grid-template-columns:minmax(0,1fr) 250px; gap:36px; }
}
@media (max-width:991px) {
  .arb-head { grid-template-columns:1fr; padding:30px 28px; gap:26px; }
  .arb-head-img { order:-1; }
  .arb-head-img img { transform:none; }
  .arb-layout { display:block; }
  .arb-aside { position:static; margin-bottom:34px; }
  .arb-aside-cta { display:none; }
  .arb-main { max-width:none; }
  .arb-cards, .arb-cards-lg { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:767px) {
  .arb-article { font-size:16px; }
  .arb-article h2 { font-size:24px; margin-top:42px; }
  .arb-article h3 { font-size:19px; }
  .arb-head { padding:22px 18px; border-radius:22px; margin-bottom:30px; }
  .arb-head .arb-lead, .arb-lead { font-size:17px; }
  .arb-box { padding:18px 18px 2px 56px; }
  .arb-box:before { left:16px; top:18px; }
  .arb-cards, .arb-cards-lg { grid-template-columns:1fr; }
}

/* ---------- Startseite ---------- */
.arb-home { --arb-body:#5b6676; color:var(--arb-ink); font-size:16px; line-height:1.7; }
.arb-home h1, .arb-home h2 { color:var(--arb-navy); line-height:1.25; letter-spacing:-.01em; }
.arb-home h2 { font-size:32px; margin:0 0 12px; }
.arb-sec-head { text-align:center; max-width:760px; margin:0 auto 36px; }
.arb-sec-head .arb-kicker { margin-bottom:14px; }
.arb-sec-head p { color:var(--arb-muted); font-size:17px; }
.arb-features { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; }
.arb-feature { background:#fff; border:1px solid var(--arb-line); border-radius:var(--arb-radius); padding:28px; transition:transform .2s ease, box-shadow .2s ease; }
.arb-feature:hover { transform:translateY(-3px); box-shadow:var(--arb-shadow); }
.arb-feature-icon { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:25px; margin-bottom:16px; }
.arb-feature h3 { font-size:19px; margin:0 0 8px; color:var(--arb-navy); }
.arb-feature p { margin:0 0 12px; color:var(--arb-muted); }
.arb-feature a, .arb-step a { color:var(--arb-green); font-weight:700; }
.arb-steps { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; counter-reset:arbstep; }
.arb-step { position:relative; padding:28px 26px 24px; background:#fff; border-radius:var(--arb-radius); border:1px solid var(--arb-line); }
.arb-step:before { counter-increment:arbstep; content:counter(arbstep); display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:var(--arb-navy); color:var(--arb-yellow); font-weight:700; font-size:18px; margin-bottom:16px; }
.arb-step h3 { font-size:18px; margin:0 0 8px; color:var(--arb-navy); }
.arb-step p { margin:0; color:var(--arb-muted); }
.arb-home .arb-cards { grid-template-columns:repeat(3, minmax(0,1fr)); }
.arb-center { text-align:center; margin-top:12px; }
.arb-safety { display:flex; gap:30px; align-items:center; background:radial-gradient(circle at 100% 0%, rgba(245,208,6,.18), transparent 40%), var(--arb-navy); color:#dfe6ef; border-radius:24px; padding:38px 42px; }
.arb-safety h2 { color:#fff; font-size:28px; }
.arb-safety p { color:#c9d3df; margin:0 0 16px; }
.arb-safety-icon { flex:0 0 96px; height:96px; border-radius:26px; background:var(--arb-teal); display:flex; align-items:center; justify-content:center; font-size:46px; }
.arb-home .arb-faq { max-width:860px; margin:0 auto; }
@media (max-width:991px) {
  .arb-features, .arb-steps, .arb-home .arb-cards { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:767px) {
  .arb-home h2 { font-size:25px; }
  .arb-features, .arb-steps, .arb-home .arb-cards { grid-template-columns:1fr; }
  .arb-safety { flex-direction:column; align-items:flex-start; padding:28px 22px; }
}

/* WordPress auto-formatting inserts <br> between grid items */
.arb-cards > br, .arb-features > br, .arb-steps > br, .arb-head > br, .arb-layout > br, .arb-meta > br { display:none; }

/* ---------- Supporting posts (theme single.php) ----------
   JobMonster prints the featured image and an author/share column before the content.
   Our .arb-head already shows the image, so hide those only on posts built with .arb-article. */
.single-post article:has(.arb-article) > .content-left,
.single-post article:has(.arb-article) .content-featured { display:none; }
.single-post article:has(.arb-article) .content-wrap { margin-left:0 !important; padding-left:0 !important; width:auto !important; float:none !important; }
.single-post article:has(.arb-article) .entry-tags { max-width:760px; }

/* In-article figure (diagram); the image links to the full-size file for small screens */
.arb-figure { margin:28px 0; }
.arb-figure img { display:block; width:100%; height:auto; border-radius:16px; border:1px solid var(--arb-line); }
.arb-figure figcaption { margin-top:10px; font-size:14px; color:var(--arb-muted); }
.arb-figure > br { display:none; }

/* ==========================================================================
   TALYCA SKIN – own identity on top of the shared arb-* components.
   Editorial, flat and paper-toned: pine green + maple red, Fraunces headings, Inter text,
   numbered section headings, framed images, square corners. Everything below overrides the base above.
   ========================================================================== */
:root {
  --arb-navy:#17302b; --arb-navy-2:#0f4c45; --arb-yellow:#e0a526; --arb-yellow-soft:#fbf3de;
  --arb-teal:#16665c; --arb-teal-soft:#e8f1ee; --arb-coral:#c8322b; --arb-coral-soft:#fbeeec;
  --arb-ink:#1d2522; --arb-body:#34403c; --arb-muted:#65716c; --arb-line:#e6ddcc; --arb-soft:#faf6ee;
  --arb-green:#16665c; --arb-radius:6px; --arb-shadow:none;
  --tly-serif:"Fraunces", Georgia, "Times New Roman", serif; --tly-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.arb-article, .arb-home { font-family:var(--tly-sans); }
.arb-article h2, .arb-article h3, .arb-home h2, .arb-home h3, .arb-card-title, .arb-related-title,
.arb-faq summary, .arb-lead, .tly-serif { font-family:var(--tly-serif); font-weight:600; letter-spacing:-.012em; }
.arb-article a { color:var(--arb-green); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; text-decoration-color:rgba(22,102,92,.35); background-image:none; }
.arb-article a:hover { color:var(--arb-coral); text-decoration-color:currentColor; }
.arb-article li::marker { color:var(--arb-coral); }

/* Numbered section headings instead of the yellow bar */
.arb-article { counter-reset:tlysec; }
.arb-article h2 { padding-top:0; font-size:30px; }
.arb-article h2:before { position:static; display:block; width:auto; height:auto; background:none; border-radius:0;
  counter-increment:tlysec; content:counter(tlysec, decimal-leading-zero); font-family:var(--tly-sans); font-size:13px; font-weight:700;
  letter-spacing:.14em; color:var(--arb-coral); margin-bottom:6px; }
.arb-article h2:after { content:""; display:block; height:1px; background:var(--arb-line); margin-top:14px; }

/* Kicker: small caps label with a maple rule, no pill */
.arb-kicker { background:none; color:var(--arb-coral); padding:0 0 0 30px; border-radius:0; position:relative; font-family:var(--tly-sans); letter-spacing:.16em; font-size:12px; }
.arb-kicker:before { content:""; position:absolute; left:0; top:50%; width:22px; height:2px; background:var(--arb-coral); }

/* Header: paper band with an ink rule, framed image */
.arb-head { background:var(--arb-soft); border:0; border-top:3px solid var(--arb-navy); border-radius:0; padding:40px 44px; }
.arb-head .arb-lead { font-size:21px; line-height:1.55; font-weight:400; color:var(--arb-ink); }
.arb-head-img img { border-radius:2px; transform:none; box-shadow:12px 12px 0 var(--arb-line); }
.arb-head-img img:hover { transform:none; }
.arb-meta span:before { width:12px; height:1px; border-radius:0; background:var(--arb-muted); }
.arb-crumbs { font-size:13px; letter-spacing:.02em; }

/* Cards: flat, framed, serif titles */
a.arb-card { border-radius:4px; border-color:var(--arb-line); background:#fff; }
a.arb-card:hover { transform:none; box-shadow:none; border-color:var(--arb-teal); }
a.arb-card img { border-bottom:1px solid var(--arb-line); }
.arb-card-title { font-size:19px; }
.arb-card-more { color:var(--arb-coral); letter-spacing:.02em; }

/* Buttons: square pine button */
a.arb-btn { background:var(--arb-navy-2); color:#fff !important; border-radius:3px; font-weight:600; padding:13px 24px; text-decoration:none !important; }
a.arb-btn:after { content:" →"; }
a.arb-btn:hover { transform:none; box-shadow:none; background:var(--arb-coral); color:#fff !important; }

/* Boxes: side rule instead of round badges */
.arb-box { border:0; border-left:4px solid var(--arb-teal); border-radius:0; padding:20px 24px 4px; background:var(--arb-teal-soft); }
.arb-box:before { display:none; }
.arb-box-warn { border-left-color:var(--arb-coral); background:var(--arb-coral-soft); }
.arb-box-info { border-left-color:var(--arb-yellow); background:var(--arb-yellow-soft); }
.arb-checklist li:before { border-radius:2px; background:var(--arb-navy-2); }

/* FAQ: ruled list instead of boxes */
.arb-faq details { border:0; border-top:1px solid var(--arb-line); border-radius:0; margin:0; background:transparent; }
.arb-faq details:last-child { border-bottom:1px solid var(--arb-line); }
.arb-faq details[open] { box-shadow:none; }
.arb-faq summary { font-size:19px; padding:18px 44px 18px 0; }
.arb-faq summary:after { background:none; color:var(--arb-coral); font-family:var(--tly-sans); font-weight:400; font-size:24px; right:0; top:14px; }
.arb-faq details[open] summary:after { background:none; }
.arb-faq details p { padding:0 0 12px; }

.arb-table { border-radius:2px; box-shadow:none; }
.arb-table th { background:var(--arb-navy-2); }
.arb-simple .arb-lead { border-radius:0; border:0; border-left:4px solid var(--arb-coral); background:var(--arb-soft); }

/* ---------- Talyca-only layouts ---------- */
/* Section head on the front page: left aligned, not centred */
.arb-home .arb-sec-head { text-align:left; margin:0 0 30px; max-width:720px; }
.arb-home h2 { font-size:34px; }

/* "What remote means" – three columns separated by rules */
.tly-where { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); border-top:3px solid var(--arb-navy); }
.tly-where > div { padding:24px 26px 6px 0; }
.tly-where > div + div { padding-left:26px; border-left:1px solid var(--arb-line); }
.tly-where .tly-label { display:block; font-family:var(--tly-sans); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--arb-coral); margin-bottom:8px; }
.tly-where h3 { font-size:22px; margin:0 0 8px; color:var(--arb-navy); }
.tly-where p { color:var(--arb-body); }

/* Numbered reading list */
.tly-reading { list-style:none; counter-reset:tlyread; margin:0; padding:0 !important; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:0 40px; }
.tly-reading li { counter-increment:tlyread; display:grid; grid-template-columns:56px minmax(0,1fr); gap:6px; padding:20px 0; border-top:1px solid var(--arb-line); margin:0; }
.tly-reading li:before { content:counter(tlyread, decimal-leading-zero); font-family:var(--tly-serif); font-size:30px; line-height:1; color:var(--arb-coral); }
.tly-reading a { font-family:var(--tly-serif); font-weight:600; font-size:20px; color:var(--arb-navy) !important; text-decoration:none !important; }
.tly-reading a:hover { color:var(--arb-coral) !important; }
.tly-reading span { display:block; color:var(--arb-muted); font-size:15px; margin-top:4px; }

/* Before-you-apply check: split panel */
.tly-check { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); background:var(--arb-soft); border-top:3px solid var(--arb-coral); }
.tly-check-intro { padding:36px 40px; }
.tly-check-intro h2 { margin-top:0; }
.tly-check ol { margin:0; padding:30px 40px 24px 60px; background:#fff; border-left:1px solid var(--arb-line); }
.tly-check li { margin:0 0 12px; padding-left:6px; }
.tly-check li::marker { font-family:var(--tly-serif); font-weight:700; color:var(--arb-coral); }

/* Hub: start-here paths */
.tly-paths { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:0; border:1px solid var(--arb-line); margin:10px 0 30px; }
.tly-paths > div { padding:20px 24px; }
.tly-paths > div:nth-child(odd) { border-right:1px solid var(--arb-line); }
.tly-paths > div:nth-child(n+3) { border-top:1px solid var(--arb-line); }
.tly-paths strong { display:block; font-family:var(--tly-serif); font-size:19px; color:var(--arb-navy); margin-bottom:4px; }
.tly-paths p { margin:0 !important; font-size:16px; }

/* Sources / facts lists */
.tly-sources { list-style:none; padding:0 !important; border-top:1px solid var(--arb-line); }
.tly-sources li { padding:12px 0; margin:0; border-bottom:1px solid var(--arb-line); }
.tly-facts { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); border-top:3px solid var(--arb-navy); margin:0 0 34px; }
.tly-facts > div { padding:18px 20px 16px 0; }
.tly-facts > div + div { padding-left:20px; border-left:1px solid var(--arb-line); }
.tly-facts b { display:block; font-family:var(--tly-serif); font-size:24px; color:var(--arb-navy); line-height:1.2; }
.tly-facts span { font-size:14px; color:var(--arb-muted); }
.tly-where > br, .tly-reading > br, .tly-check > br, .tly-paths > br, .tly-facts > br { display:none; }

@media (max-width:991px) {
  .tly-where, .tly-check { grid-template-columns:1fr; }
  .tly-where > div + div { padding-left:0; border-left:0; border-top:1px solid var(--arb-line); }
  .tly-check ol { border-left:0; border-top:1px solid var(--arb-line); }
  .tly-reading { grid-template-columns:1fr; }
}
@media (max-width:767px) {
  .arb-head { padding:24px 18px; }
  .arb-head .arb-lead { font-size:18px; }
  .arb-article h2 { font-size:25px; }
  .arb-home h2 { font-size:27px; }
  .tly-paths, .tly-facts { grid-template-columns:1fr; }
  .tly-paths > div:nth-child(odd) { border-right:0; }
  .tly-paths > div + div { border-top:1px solid var(--arb-line); }
  .tly-facts > div + div { padding-left:0; border-left:0; border-top:1px solid var(--arb-line); }
  .tly-check-intro, .tly-check ol { padding:24px 20px 18px 40px; }
  .tly-check-intro { padding-left:20px; }
}

/* ---------- Theme widgets in the Talyca palette ---------- */
/* Hero highlight: primary pine is invisible on the dark hero */
.job-search-info h2.search-main-title b { color:#f0c35a; }
/* Decorative badge between the two CTA columns (theme default: yellow) */
.elementor-element-40192ae::after { background-color:var(--arb-coral) !important; }
/* Page/job/archive title band: pine contour banner instead of the theme's stock photo */
.noo-page-heading, .noo-page-heading .parallax { background:#0c2622 url(https://talyca.com/wp-content/uploads/2026/09/talyca-banner-pine.webp) center / cover no-repeat !important; }
.noo-page-heading .page-title, .noo-page-heading h1 { font-family:var(--tly-serif); }