/*
 * Copyright (c) 2026 talisman Advisory Partners LLC. All rights reserved.
 * Proprietary software supplied for use on talisman Advisory Partners web properties only.
 * Not licensed under the GPL. No redistribution, reuse or adaptation for any other party or site.
 */
/* talisman jobs — reads the theme's presets (DM Sans, Instrument Serif, custom-black, custom-electric-mint)
   with the design-system values as fallbacks. Square cards, pill controls, hairline rules, one mint accent. */
.tlj-block, .tlj-single {
  --tlj-black: var(--wp--preset--color--custom-black, #0d0d0d);
  --tlj-white: var(--wp--preset--color--white, #ffffff);
  --tlj-gray: #f0f0f0;
  --tlj-mint: var(--wp--preset--color--custom-electric-mint, #0ef2a2);
  --tlj-mint-ink: #062b1f;
  --tlj-muted: rgba(13, 13, 13, .62);
  --tlj-muted-dark: rgba(255, 255, 255, .68);
  --tlj-line: rgba(13, 13, 13, .12);
  --tlj-line-dark: rgba(255, 255, 255, .18);
  --tlj-sans: var(--wp--preset--font-family--dm-sans, "DM Sans", sans-serif);
  --tlj-serif: var(--wp--preset--font-family--instrument-serif, "Instrument Serif", serif);
  --tlj-shadow: 0 1px 2px rgba(13,13,13,.06), 0 8px 24px -12px rgba(13,13,13,.18);
  --tlj-shadow-hover: 0 2px 4px rgba(13,13,13,.08), 0 18px 40px -16px rgba(13,13,13,.28);
  font-family: var(--tlj-sans); letter-spacing: -0.02em;
}
.tlj-block *, .tlj-single * { box-sizing: border-box; }
.tlj-wrap { max-width: 1440px; margin: 0 auto; padding-inline: clamp(16px, 5vw, 96px); }
.tlj-eyebrow { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }

/* ---------- buttons and links (Button / TextLink) ---------- */
.tlj-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 18px 28px; border-radius: 999px; border: 1px solid; background: none; font: 500 16px/1 var(--tlj-sans); letter-spacing: -0.03em; text-decoration: none; cursor: pointer; white-space: nowrap; transition: gap .2s ease, border-color .2s ease, background .2s ease, color .2s ease; }
.tlj-btn svg { width: 0; opacity: 0; transition: width .2s ease, opacity .2s ease; }
.tlj-btn:hover svg, .tlj-btn:focus-visible svg { width: 16px; opacity: 1; }
.tlj-btn--dark { color: var(--tlj-white); border-color: var(--tlj-white); }
.tlj-btn--light { color: var(--tlj-black); border-color: var(--tlj-black); }
.tlj-btn--mint { color: var(--tlj-white); border-color: var(--tlj-mint); }
.tlj-btn--mint:hover { background: var(--tlj-mint); color: var(--tlj-mint-ink); }
.tlj-btn--light:hover { border-color: var(--tlj-mint); }
.tlj-btn--dark:hover { border-color: var(--tlj-mint); }
.tlj-btn--sm { padding: 10px 20px; min-height: 40px; font-size: 14px; }
.tlj-btn:disabled { opacity: .45; cursor: default; }
.tlj-btn:focus-visible, .tlj-link:focus-visible, .tlj-card:focus-visible { outline: 2px solid var(--tlj-mint); outline-offset: 3px; }
.tlj-link { display: inline-flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid; font: 600 18px/1.4 var(--tlj-sans); letter-spacing: -0.02em; text-decoration: none; transition: gap .2s ease, border-color .2s ease; }
.tlj-link--light { color: var(--tlj-black); border-color: var(--tlj-black); }
.tlj-link--dark { color: var(--tlj-white); border-color: var(--tlj-white); }
.tlj-link:hover { gap: 18px; border-color: var(--tlj-mint); }

/* ---------- JobCard ---------- */
.tlj-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 32px; }
.tlj-card { position: relative; display: flex; flex-direction: column; gap: 20px; padding: 28px 24px; background: var(--tlj-white); color: var(--tlj-black); text-decoration: none; box-shadow: var(--tlj-shadow); border: 2px solid transparent; border-radius: 0; transition: box-shadow .2s ease, border-color .2s ease; min-height: 300px; }
.tlj-card:hover { box-shadow: var(--tlj-shadow-hover); border-color: var(--tlj-mint); }
.tlj-card__top { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; flex: 1; }
.tlj-card__sector, .tlj-card__type { font-size: 12px; font-weight: 600; line-height: 1.2; letter-spacing: .02em; text-transform: uppercase; }
.tlj-card__sector { display: inline-flex; align-items: center; gap: 8px; }
.tlj-card__dot { width: 6px; height: 6px; border-radius: 999px; background: var(--tlj-black); }
.tlj-card__featured { position: absolute; top: 18px; right: 18px; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; background: var(--tlj-mint); color: var(--tlj-mint-ink); }
.tlj-card__internal { position: absolute; top: 18px; right: 18px; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: lowercase; padding: 5px 10px; border-radius: 999px; background: var(--tlj-black); color: var(--tlj-white); }
.tlj-card__internal::after { content: "."; color: var(--tlj-mint); }
.tlj-card__title { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; text-wrap: balance; }
.tlj-card__type { padding: 10px 12px; border: 1px solid var(--tlj-black); border-radius: 999px; }
.tlj-card__rule { border: 0; border-top: 1px solid var(--tlj-black); margin: 0; width: 100%; }
.tlj-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.tlj-card__loc { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; line-height: 1.4; }
.tlj-card__go { width: 44px; height: 44px; flex: none; border-radius: 999px; border: 1px solid var(--tlj-black); display: inline-flex; align-items: center; justify-content: center; transition: background .2s ease, border-color .2s ease; }
.tlj-card:hover .tlj-card__go { background: var(--tlj-mint); border-color: var(--tlj-mint); }
.tlj-empty { font-size: 17px; color: var(--tlj-muted); margin: 0; }
.tlj-tone-dark .tlj-empty { color: var(--tlj-muted-dark); }
.tlj-tone-dark .tlj-empty a, .tlj-tone-dark .tlj-talis__foot a { color: var(--tlj-white); }

/* ---------- featured ---------- */
.tlj-featured__foot { margin-top: 40px; }

/* ---------- board ---------- */
.tlj-board { display: grid; gap: 28px; }
.tlj-filters { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.tlj-filters select, .tlj-filters input[type=text], .tlj-filters input[type=search], .tlj-field input, .tlj-field select, .tlj-field textarea { font: 500 15px/1.2 var(--tlj-sans); letter-spacing: -0.02em; padding: 12px 16px; border: 1px solid var(--tlj-black); border-radius: 999px; background: var(--tlj-white); color: var(--tlj-black); min-height: 44px; }
.tlj-filters select { appearance: none; -webkit-appearance: none; padding-right: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230d0d0d' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }
.tlj-filters input:focus-visible, .tlj-filters select:focus-visible, .tlj-field input:focus-visible, .tlj-field select:focus-visible, .tlj-field textarea:focus-visible { outline: 2px solid var(--tlj-black); outline-offset: 2px; }
.tlj-search { display: inline-flex; align-items: center; flex: 1 1 280px; }
.tlj-search input { width: 100%; }
/* Clear is a real button beside Filter (Andrew, 2026-10-08: "there should be a button to clear too, not just when
   there are no jobs"); it quietens when nothing is set. Greyed options are the choices with no open roles. */
.tlj-filters__clear { opacity: .45; }
.tlj-filters.has-filters .tlj-filters__clear { opacity: 1; }
.tlj-filters select option:disabled { color: rgba(13, 13, 13, .35); }
.tlj-filters select[hidden] { display: none; }
.tlj-board__count { margin: 0; font-size: 15px; color: var(--tlj-muted); }
.tlj-board[aria-busy=true] .tlj-grid { opacity: .5; transition: opacity .2s ease; }
.tlj-pager { display: flex; align-items: center; gap: 16px; justify-content: center; margin-top: 12px; }
.tlj-pager:empty { display: none; }
.tlj-pager__where { font-size: 14px; color: var(--tlj-muted); }

/* ---------- Career Intelligence CTA band ---------- */
.tlj-talis { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: center; padding: clamp(32px, 4vw, 64px); border-radius: 0; }
.tlj-tone-dark.tlj-talis { background: var(--tlj-black); color: var(--tlj-white); }
.tlj-tone-light.tlj-talis { background: var(--tlj-gray); color: var(--tlj-black); }
.tlj-talis__kicker { margin: 0; font-size: 15px; font-weight: 500; color: var(--tlj-muted-dark); }
.tlj-tone-light .tlj-talis__kicker { color: var(--tlj-muted); }
.tlj-talis__main { display: grid; gap: 16px; }
.tlj-talis__title { margin: 0; font-size: clamp(30px, 3.6vw, 52px); font-weight: 400; line-height: 1.05; letter-spacing: -0.05em; text-wrap: balance; }
.tlj-talis__title em { font-family: var(--tlj-serif); font-style: italic; font-weight: 400; letter-spacing: 0; }
.tlj-talis__lede { margin: 0; font-size: 17px; line-height: 1.5; max-width: 40em; color: var(--tlj-muted-dark); }
.tlj-tone-light .tlj-talis__lede { color: var(--tlj-muted); }
.tlj-talis__ctas { display: flex; flex-wrap: wrap; gap: 18px 28px; align-items: center; margin-top: 8px; }
.tlj-talis__points { list-style: none; margin: 0; padding: 0; display: grid; }
.tlj-talis__points li { display: grid; gap: 4px; padding: 18px 0; border-top: 1px solid var(--tlj-line-dark); }
.tlj-talis__points li:last-child { border-bottom: 1px solid var(--tlj-line-dark); }
.tlj-tone-light .tlj-talis__points li { border-color: var(--tlj-line); }
.tlj-talis__points strong { font-size: 17px; font-weight: 600; }
.tlj-talis__points span { font-size: 14px; line-height: 1.45; color: var(--tlj-muted-dark); }
.tlj-tone-light .tlj-talis__points span { color: var(--tlj-muted); }
.tlj-field { display: grid; gap: 6px; font-size: 13px; font-weight: 500; }
.tlj-field small { font-weight: 400; opacity: .7; margin-left: 4px; }
.tlj-field textarea { border-radius: 0; resize: vertical; }
@media (max-width: 900px) { .tlj-talis { grid-template-columns: 1fr; } }

/* ---------- single job page ---------- */
.tlj-single__hero { background: var(--tlj-black); color: var(--tlj-white); padding-block: clamp(40px, 6vw, 96px) clamp(40px, 5vw, 72px); }
.tlj-single__back { display: inline-block; color: var(--tlj-muted-dark); text-decoration: none; font-size: 14px; margin-bottom: 28px; }
.tlj-single__back:hover { color: var(--tlj-white); }
.tlj-single__hero .tlj-eyebrow { color: var(--tlj-mint); margin-bottom: 14px; display: block; }
.tlj-single__title { margin: 0 0 24px; font-size: clamp(34px, 4.4vw, 60px); font-weight: 400; line-height: 1.04; letter-spacing: -0.05em; max-width: 20ch; text-wrap: balance; }
.tlj-single__facts { list-style: none; margin: 0 0 32px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 16px; color: var(--tlj-muted-dark); }
.tlj-single__facts li { display: inline-flex; align-items: center; gap: 8px; }
.tlj-single__ctas { display: flex; flex-wrap: wrap; gap: 20px 28px; align-items: center; }
.tlj-single__body { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr); gap: clamp(32px, 5vw, 96px); padding-block: clamp(40px, 5vw, 80px); align-items: start; }
.tlj-single__desc { font-size: 17px; line-height: 1.6; max-width: 68ch; }
.tlj-single__desc h2, .tlj-single__desc h3 { font-weight: 500; letter-spacing: -0.04em; margin: 1.6em 0 .5em; }
.tlj-single__desc ul { padding-left: 1.2em; }
.tlj-lead { font-size: 20px; line-height: 1.5; }
.tlj-single__consultant { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--tlj-line); color: var(--tlj-muted); }
/* The panel sits on the light grey, inside a theme that may set white text on the page: its own ink, always. */
.tlj-apply { position: sticky; top: 24px; display: grid; gap: 14px; padding: 28px 24px; background: var(--tlj-gray); border: 1px solid var(--tlj-line); color: var(--tlj-black); }
.tlj-apply h2, .tlj-apply .tlj-field, .tlj-apply .tlj-field span { color: var(--tlj-black); }
.tlj-apply h2 { margin: 0; font-size: 26px; font-weight: 400; letter-spacing: -0.04em; }
.tlj-apply__note { margin: 0 0 6px; font-size: 14px; color: var(--tlj-muted); }
.tlj-field--file input { border-radius: 0; padding: 10px 0; border: 0; background: transparent; }
.tlj-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.tlj-apply__status { margin: 0; font-size: 14px; min-height: 1.2em; }
.tlj-apply__status.is-ok { color: #0a8f62; font-weight: 500; }
.tlj-apply__status.is-error { color: #b5563a; }
.tlj-single__more { background: var(--tlj-gray); padding-block: clamp(40px, 5vw, 80px); }
.tlj-single__more-title { margin: 0 0 32px; font-size: clamp(26px, 3vw, 40px); font-weight: 400; letter-spacing: -0.05em; }

/* ---------- contact and join talisman forms (1.0.3) ---------- */
/* Its own ink per band, never the theme's: light sits on the grey panel in black, dark sits on black in white. */
.tlj-form { display: grid; gap: 14px; padding: clamp(24px, 3vw, 40px) clamp(20px, 3vw, 36px); max-width: 760px; border: 1px solid var(--tlj-line); }
.tlj-form.tlj-tone-light { background: var(--tlj-gray); color: var(--tlj-black); }
.tlj-form.tlj-tone-dark { background: var(--tlj-black); color: var(--tlj-white); border-color: var(--tlj-line-dark); }
.tlj-form.tlj-tone-light h2, .tlj-form.tlj-tone-light .tlj-field, .tlj-form.tlj-tone-light .tlj-field span { color: var(--tlj-black); }
.tlj-form.tlj-tone-dark h2, .tlj-form.tlj-tone-dark .tlj-field, .tlj-form.tlj-tone-dark .tlj-field span { color: var(--tlj-white); }
.tlj-form h2 { margin: 0; font-size: clamp(26px, 3vw, 34px); font-weight: 400; letter-spacing: -0.04em; text-wrap: balance; }
.tlj-form__note { margin: 0 0 6px; font-size: 15px; line-height: 1.5; max-width: 60ch; color: var(--tlj-muted); }
.tlj-form.tlj-tone-dark .tlj-form__note { color: var(--tlj-muted-dark); }
.tlj-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.tlj-form .tlj-field select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d0d0d' stroke-width='1.75'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 40px; }
.tlj-form.tlj-tone-dark .tlj-field input, .tlj-form.tlj-tone-dark .tlj-field select, .tlj-form.tlj-tone-dark .tlj-field textarea { border-color: var(--tlj-white); }
.tlj-form.tlj-tone-dark .tlj-field--file input { color: var(--tlj-white); }
.tlj-form .tlj-btn { justify-self: start; margin-top: 4px; }
.tlj-form__status { margin: 0; font-size: 14px; min-height: 1.2em; }
.tlj-form__status.is-ok { color: #0a8f62; font-weight: 500; }
.tlj-form.tlj-tone-dark .tlj-form__status.is-ok { color: var(--tlj-mint); }
.tlj-form__status.is-error { color: #b5563a; }
.tlj-form.tlj-tone-dark .tlj-form__status.is-error { color: #f0a58e; }
@media (max-width: 640px) { .tlj-form__row { grid-template-columns: 1fr; } }

@media (max-width: 900px) {
  .tlj-single__body { grid-template-columns: 1fr; }
  .tlj-apply { position: static; }
  .tlj-grid { gap: 20px; }
}
@media (prefers-reduced-motion: reduce) { .tlj-block *, .tlj-single * { transition: none !important; } }

/* Contact tabs (1.0.4) */
.tlj-tabs { display: grid; gap: 14px; max-width: 760px; }
.tlj-tabs__intro { margin: 0; }
.tlj-tabs__nav { display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--tlj-black); }
.tlj-tabs__tab { font: 500 16px/1.2 var(--tlj-sans); letter-spacing: -0.02em; padding: 14px 20px; border: 0; background: transparent; color: var(--tlj-black); cursor: pointer; border-radius: 8px 8px 0 0; }
.tlj-tabs__tab.is-active { background: var(--tlj-black); color: var(--tlj-white); }
.tlj-tabs__tab:focus-visible { outline: 2px solid var(--tlj-black); outline-offset: 2px; }
.tlj-tabs .tlj-form { max-width: none; border-top: 0; }
.tlj-tone-dark .tlj-tabs__nav { border-color: var(--tlj-white); }
.tlj-tone-dark .tlj-tabs__tab { color: var(--tlj-white); }
.tlj-tone-dark .tlj-tabs__tab.is-active { background: var(--tlj-white); color: var(--tlj-black); }
.tlj-form--candidate .tlj-field--file input { border-radius: 0; }


/* ---------- Research and media hub (1.0.6): lead + two, chips, grid, piece page ---------- */
.tlj-hub { background: var(--tlj-white); color: var(--tlj-black); }
.tlj-hub-lead { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 48px; padding-block: 64px 48px; }
.tlj-hub-rows { display: flex; flex-direction: column; border-top: 1px solid var(--tlj-line); }
.tlj-hub-card { display: flex; flex-direction: column; background: var(--tlj-white); }
.tlj-hub-card--grid { border: 2px solid var(--tlj-white); box-shadow: var(--tlj-shadow); transition: box-shadow .2s ease, border-color .2s ease; }
.tlj-hub-card--grid:hover { box-shadow: var(--tlj-shadow-hover); border-color: var(--tlj-mint); }
.tlj-hub-card--row { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--tlj-line); }
.tlj-hub-media { position: relative; display: block; background: var(--tlj-black); aspect-ratio: 16 / 9; overflow: hidden; }
.tlj-hub-card--grid .tlj-hub-media { aspect-ratio: 4 / 3; }
.tlj-hub-card--row .tlj-hub-media { aspect-ratio: 1 / 1; }
.tlj-hub-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.tlj-hub-card:hover .tlj-hub-media img { transform: scale(1.02); }
.tlj-hub-media-blank { position: absolute; inset: 0; }
.tlj-hub-media-blank::after { content: ""; position: absolute; left: -12%; bottom: -24%; width: 46%; height: 70%; background: var(--tlj-mint); border-top-right-radius: 999px; }
.tlj-hub-play { position: absolute; left: 50%; top: 50%; width: 56px; height: 56px; margin: -28px 0 0 -28px; border: 1px solid var(--tlj-white); border-radius: 999px; display: flex; align-items: center; justify-content: center; color: var(--tlj-white); transition: background .2s ease, border-color .2s ease; }
.tlj-hub-media:hover .tlj-hub-play { background: var(--tlj-mint); border-color: var(--tlj-mint); color: var(--tlj-mint-ink); }
.tlj-hub-body { display: flex; flex-direction: column; gap: 12px; padding: 20px 0 0; }
.tlj-hub-card--grid .tlj-hub-body { padding: 28px; }
.tlj-hub-card--row .tlj-hub-body { padding: 0; gap: 8px; }
.tlj-hub-tags { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.tlj-hub-tag { font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; border: 1px solid var(--tlj-black); border-radius: 999px; padding: 6px 12px; line-height: 1.2; }
.tlj-hub-card--row .tlj-hub-tag { border: 0; padding: 0; color: var(--tlj-muted); }
.tlj-hub-market { font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--tlj-muted); }
.tlj-hub-title { margin: 0; font-weight: 700; font-size: 22px; line-height: 1.3; letter-spacing: -0.02em; }
.tlj-hub-card--lead .tlj-hub-title { font-weight: 400; font-size: clamp(28px, 3vw, 40px); line-height: 1.14; letter-spacing: -0.05em; }
.tlj-hub-title a { color: inherit; text-decoration: none; }
.tlj-hub-title a:hover { text-decoration: underline; text-decoration-color: var(--tlj-mint); text-underline-offset: 4px; }
.tlj-hub-standfirst { margin: 0; font-size: 16px; line-height: 1.4; color: #5d5d5d; }
.tlj-hub-card--lead .tlj-hub-standfirst { font-size: 18px; max-width: 640px; }
.tlj-hub-meta { margin: 0; font-size: 14px; line-height: 1.4; color: #666666; }
.tlj-hub-chips { display: flex; flex-wrap: wrap; gap: 12px; padding-block: 0 40px; }
.tlj-hub-chip { font-size: 16px; font-weight: 500; letter-spacing: -0.03em; line-height: 1; color: var(--tlj-black); border: 1px solid var(--tlj-black); border-radius: 999px; padding: 14px 28px; text-decoration: none; transition: border-color .2s ease; }
.tlj-hub-chip:hover { border-color: var(--tlj-mint); }
.tlj-hub-chip.is-active { background: var(--tlj-black); color: var(--tlj-white); }
.tlj-hub-band { background: var(--tlj-gray); padding-block: 64px; }
.tlj-hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.tlj-hub-more { display: flex; justify-content: center; margin-top: 48px; }
.tlj-hub-video { position: relative; aspect-ratio: 16 / 9; background: var(--tlj-black); margin: 0 0 32px; }
.tlj-hub-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.tlj-hub-video--inline { margin: 0; }
.tlj-hub-cta { background: var(--tlj-black); color: var(--tlj-white); padding: 48px; margin: 48px 0; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.tlj-hub-cta .tlj-eyebrow { color: var(--tlj-mint); }
.tlj-hub-cta h2 { margin: 0; font-weight: 400; font-size: clamp(26px, 3vw, 40px); line-height: 1.14; letter-spacing: -0.05em; color: var(--tlj-white); max-width: 720px; }
.tlj-hub-related { margin: 48px 0 0; }
.tlj-hub-related-title { margin: 0 0 24px; font-weight: 400; font-size: 32px; letter-spacing: -0.05em; }
@media (max-width: 900px) {
  .tlj-hub-lead { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 40px 32px; }
  .tlj-hub-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .tlj-hub-chips { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 24px; }
  .tlj-hub-chip { white-space: nowrap; }
  .tlj-hub-card--row { grid-template-columns: 96px minmax(0, 1fr); gap: 16px; }
  .tlj-hub-cta { padding: 32px 24px; }
}