/* ==========================================================================
   Workplace Wellbeing Professional: custom CSS for TagDiv Newspaper 12.7.5
   Modern direction: Work Sans headlines and UI, Source Sans 3 body, violet menu bar.
   Loaded by the newspaper-child-wwp child theme after the parent stylesheet.
   Base: brand-pack/theme/wwp-newspaper.css. Every change from the pack is listed
   in 03 - Design/build/CHANGE-LOG.md. Block-specific tdi_ classes are never targeted;
   our own hooks are wwp- classes set in each block's CSS class field.
   ========================================================================== */

:root{
  --wwp-violet:#B82677;--wwp-violet-700:#8E1C5C;--wwp-orange:#EB7545;
  --wwp-teal:#A9D2CC;--wwp-teal-700:#2B7268;--wwp-teal-50:#EEF6F4;
  --wwp-radius:8px;  /* design "Modern": images and cards 8px, buttons and fields 6px */
  --wwp-ink:#17171A;--wwp-ink-2:#3A3A40;--wwp-muted:#66666C;
  --wwp-line:#E3E3E3;--wwp-paper-2:#F7F5F2;
  --wwp-ui:"Work Sans",Arial,sans-serif;
  --wwp-head:"Work Sans",Arial,sans-serif;
  --wwp-body:"Source Sans 3",Arial,sans-serif;
  --wwp-article:"Source Sans 3",Arial,sans-serif;
  /* Newspaper 12.7.5 variables: no Theme Panel setting exists for body text colour or the default fonts */
  --td_text_color:#17171A;
  --td_default_google_font_1:"Work Sans",Arial,sans-serif;
  --td_default_google_font_2:"Work Sans",Arial,sans-serif;
}

/* ---------- base ---------- */
body{font-family:var(--wwp-body);color:var(--wwp-ink);-webkit-font-smoothing:antialiased}
a:hover{color:var(--wwp-violet-700)}
.wp-caption-text,.wp-caption-dd,.wp-block-image figcaption,.wp-block-gallery figcaption{font-family:var(--wwp-body)}

/* ---------- brand families over per-block font pickers ----------
   Existing templates set "Source Sans Pro" / "Source Serif Pro" with !important in each
   block's generated (tdi_) CSS. These rules out-rank them without naming tdi_ classes,
   so block font-family pickers can stay empty in the rebuilt templates. Sizes are untouched. */
body .td_block_wrap :is(.entry-title,.td-module-title,.td-module-title a,.tdb-title-text,.tdm-title,
  .td-block-title,.td-block-title *,.block-title *,.tdb-menu>li>a,.tdb-menu-item-text,.td-subcat-more,
  .td-post-category,.tdb-entry-category,.td-editor-date .td-post-author-name a,.td-editor-date .entry-date,
  .td-module-comments a,.td-post-date,.tdb-post-meta,.tdb-logo-text-title,.tdb-logo-text-tagline,
  .tdb-breadcrumbs,.td-adspot-title,.tdm-btn,.tds-button1){font-family:var(--wwp-ui)!important}
body .td_block_wrap :is(.td-excerpt,.tdm-descr,.tdb-block-inner>p,.tdb-block-inner>ul,.tdb-block-inner>ol){font-family:var(--wwp-body)!important}

/* ---------- titles ---------- */
.td-module-title,.entry-title,.tdb-title-text,.tdb_title .tdb-title-text,.td_module_flex .td-module-title{
  font-family:var(--wwp-head)!important;font-weight:700!important;letter-spacing:-0.02em!important;color:var(--wwp-ink)}
.td-module-title a:hover{color:var(--wwp-violet)!important}

/* ---------- category labels: coloured text, no filled boxes ---------- */
.td-post-category,.tdb-category a,.tdb-entry-category{
  background:none!important;padding:0!important;margin:0 0 6px!important;
  font-family:var(--wwp-ui)!important;font-weight:700!important;font-size:12px!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;
  color:var(--wwp-violet)!important}
.tdb-category .tdb-cat-bg{display:none!important}  /* tdb_single_categories paints its box on this span, not the link */
/* Block CSS sets the label black (and white on hover) with !important; these out-rank it.
   Hover keeps the label colour and underlines it. */
body .td_block_wrap :is(.td-post-category,.tdb-entry-category){color:var(--wwp-violet)!important;padding:0!important;font-weight:700!important;font-size:12px!important}
body .td_block_wrap :is(.td-post-category,.tdb-entry-category):hover{color:var(--wwp-violet)!important;text-decoration:underline;text-underline-offset:3px}
/* text colours by category slug; values also set in Theme Panel › Categories (tdc_color) */
body .td_block_wrap :is(a.td-post-category,a.tdb-entry-category)[href*="/category/analysis/"]{color:var(--wwp-teal-700)!important}
body .td_block_wrap :is(a.td-post-category,a.tdb-entry-category)[href*="/category/free-white-papers/"]{color:#A8461A!important}
body .td_block_wrap :is(a.td-post-category,a.tdb-entry-category)[href*="/category/campaigns/"]{color:#1C7AA6!important}
body .td_block_wrap :is(a.td-post-category,a.tdb-entry-category)[href*="/category/supplier-news/"]{color:#7A49A5!important}
body .td_block_wrap :is(a.td-post-category,a.tdb-entry-category):is([href*="/category/guides/"],[href*="/category/webinars/"]){color:#4974A5!important}
body .td_block_wrap :is(a.td-post-category,a.tdb-entry-category)[href*="/category/guest-post/"]{color:var(--wwp-muted)!important}

/* ---------- meta ---------- */
.td-post-date,.td-post-author-name,.td-module-meta-info .td-post-date,.tdb-post-meta,.td-editor-date{
  font-family:var(--wwp-ui)!important;font-size:13px!important;color:var(--wwp-muted)!important;font-weight:500!important}
.td-excerpt{font-family:var(--wwp-body);font-size:15px;line-height:1.5;color:var(--wwp-ink-2)}

/* ---------- block (section) titles: violet dot, no rule (Modern) ---------- */
.td-block-title-wrap .td-block-title,.block-title,.td_block_template_1 .td-block-title{
  border:0!important;padding-top:0!important;margin-bottom:22px!important;background:none!important;text-align:left!important}
.td-block-title span,.block-title span,.td-block-title>*{
  background:none!important;color:var(--wwp-ink)!important;padding:0!important;
  font-family:var(--wwp-head)!important;font-weight:700!important;font-size:22px!important;
  line-height:1.15!important;text-transform:none!important;letter-spacing:-0.01em!important}
.td-block-title span,.block-title span{display:inline-flex!important;align-items:center;gap:10px}
.td-block-title span:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--wwp-violet)}
.td-block-title:before,.td-block-title:after,.block-title:after{display:none!important}
.td-block-subtitle{font-family:var(--wwp-body);color:var(--wwp-muted);font-size:14px}

/* ---------- menus ---------- */
.tdb-menu>li>a .tdb-menu-item-text{font-family:var(--wwp-ui)!important;font-weight:700!important;font-size:13px!important;letter-spacing:.02em}
.tdb-menu .tdb-menu-item-text:after{display:none!important}
.tdb-menu .sub-menu{border-top:3px solid var(--wwp-violet);box-shadow:0 8px 24px rgba(23,23,26,.1)}
/* header main menu: the violet bar is the header row with class "wwp-menubar" (Phase 2).
   Newspaper 12.7.5 has no .tdb-header-menu-wrap / .td-header-menu-wrap-full, and an unscoped
   white menu text rule also whitened the footer menu, so everything here is scoped. */
.wwp-menubar .tdb-menu>li>a{border-bottom:3px solid transparent}
.wwp-menubar .tdb-menu>li>a .tdb-menu-item-text{color:#fff!important}
/* current/hover marker is white: orange on violet is 2.0:1, below the 3:1 non-text minimum */
.wwp-menubar .tdb-menu>li:is(.current-menu-item,.current-menu-ancestor,.current-category-ancestor)>a,
.wwp-menubar .tdb-menu>li>a:hover{border-bottom-color:#fff}

/* ---------- buttons ---------- */
.tds-button .tds-button1,.td-load-more-wrap a,.td-read-more a,.tdm-btn,input[type=submit],button.td-btn,.gform_wrapper .gform_button{
  background:var(--wwp-violet)!important;color:#fff!important;border:0!important;border-radius:6px!important;
  font-family:var(--wwp-ui)!important;font-weight:700!important;font-size:13px!important;text-transform:none!important;letter-spacing:.01em}
.tds-button .tds-button1:hover,.td-load-more-wrap a:hover,.td-read-more a:hover,.tdm-btn:hover,input[type=submit]:hover,.gform_wrapper .gform_button:hover{background:var(--wwp-violet-700)!important}

/* ---------- images ---------- */
.td-module-thumb,.td-image-wrap,.entry-thumb{border-radius:8px}
.td-module-thumb .entry-thumb,.td-image-wrap{transition:transform .4s}
.td-module-container:hover .entry-thumb{transform:scale(1.03)}

/* ---------- single post ---------- */
.tdb_single_content .tdb-block-inner,.td-post-content{
  font-family:var(--wwp-article)!important;font-size:18px!important;line-height:1.7!important;color:var(--wwp-ink)}
.tdb_single_content p,.td-post-content p{margin-bottom:22px}
.tdb_single_content h2,.td-post-content h2{font-family:var(--wwp-head);font-weight:700;font-size:26px;margin:40px 0 14px}
.tdb_single_content a,.td-post-content a{color:var(--wwp-violet);text-decoration:underline;text-underline-offset:3px}
.tdb_single_subtitle p,.td-post-sub-title{font-family:var(--wwp-article)!important;font-size:21px!important;line-height:1.45!important;color:var(--wwp-ink-2)!important;font-style:normal!important}
.td-post-content blockquote,.tdb_single_content blockquote,.td_quote_box{
  border-left:4px solid var(--wwp-orange)!important;padding:8px 0 8px 24px!important;margin:36px 0!important;background:none!important}
.td-post-content blockquote p,.tdb_single_content blockquote p{
  font-family:var(--wwp-head)!important;font-weight:700!important;font-size:26px!important;line-height:1.25!important;
  color:var(--wwp-ink)!important;text-transform:none!important;font-style:normal!important;text-align:left!important}
.tdb-author-box,.tdb-author-name{font-family:var(--wwp-ui)}
.tdb-tags a{
  background:#fff!important;border:1px solid #CFCFD2!important;border-radius:999px!important;
  font-family:var(--wwp-ui)!important;font-weight:600!important;font-size:12px!important;color:var(--wwp-ink-2)!important;padding:6px 12px!important}
.tdb-tags a:hover{border-color:var(--wwp-violet)!important;color:var(--wwp-violet)!important}
.tdb-breadcrumbs{font-family:var(--wwp-ui);font-size:12px;color:var(--wwp-muted)}

/* ---------- article template (Phase 5): "Single – WWP 2026", rows and blocks carry wwp- classes ---------- */
.td_block_wrap.wwp-progress{position:fixed!important;top:0;left:0;right:0;z-index:10000;height:3px;margin:0!important;pointer-events:none}
.wwp-progress .tdb-block-inner{height:3px;background:var(--wwp-violet)}
.vc_row.wwp-art-head .td_block_wrap,.vc_row.wwp-art-main .td_block_wrap{margin-bottom:0!important}
.vc_row.wwp-art-head{padding:28px 0 24px}
.wwp-art-head-col{padding:0 24px!important}
.wwp-art-head-col>.wpb_wrapper{max-width:820px}
body .td_block_wrap.wwp-crumbs{font-family:var(--wwp-ui);font-size:13px;color:var(--wwp-muted)}
body .td_block_wrap.wwp-crumbs a{color:var(--wwp-muted)!important}
body .td_block_wrap.wwp-crumbs a:hover{color:var(--wwp-violet)!important}
body .td_block_wrap.wwp-crumbs .tdb-bread-sep{font-size:0!important}
body .td_block_wrap.wwp-crumbs .tdb-bread-sep::before{content:"/";font-size:13px;margin:0 8px;color:#CFCFD2}
body .td_block_wrap.wwp-art-title .tdb-title-text{margin:14px 0 16px!important;font-family:var(--wwp-head)!important;font-weight:700!important;font-size:clamp(32px,4.4vw,52px)!important;line-height:1.06!important;letter-spacing:-.01em;color:var(--wwp-ink)!important}
body .td_block_wrap.wwp-standfirst,body .td_block_wrap.wwp-standfirst p{margin:0;font-family:var(--wwp-article)!important;font-size:20px!important;line-height:1.45!important;color:var(--wwp-ink-2)!important;font-style:normal!important}
/* byline between two rules: photo, name, date · read time | share */
.vc_row_inner.wwp-byline{display:flex!important;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0 0!important;padding:16px 0;border-top:1px solid var(--wwp-line);border-bottom:1px solid var(--wwp-line)}
.vc_row_inner.wwp-byline::before,.vc_row_inner.wwp-byline::after{display:none!important}
.vc_row_inner.wwp-byline>.vc_column_inner{float:none;width:auto!important;padding:0!important}
.wwp-by-who .vc_column-inner>.wpb_wrapper{display:flex!important;align-items:center;flex-wrap:wrap;gap:4px 8px;font-family:var(--wwp-ui);font-size:13px;color:var(--wwp-muted)}
.wwp-by-who .vc_column-inner>.wpb_wrapper>.td_block_wrap{width:auto!important;flex:none}
.wwp-by-share{margin-left:auto}
body .td_block_wrap.wwp-by-author .tdb-block-inner{display:flex;align-items:center;gap:12px}
body .td_block_wrap.wwp-by-author .avatar{width:44px!important;height:44px!important;border-radius:50%}
body .td_block_wrap.wwp-by-author :is(.tdb-author-name,.tdb-author-by){font-family:var(--wwp-ui)!important;font-weight:700!important;font-size:13px!important;color:var(--wwp-ink)!important}
body .td_block_wrap.wwp-by-author .tdb-author-by{display:none}
body .td_block_wrap:is(.wwp-by-date,.wwp-by-time) :is(.tdb-block-inner,time,span){font-family:var(--wwp-ui)!important;font-size:13px!important;font-weight:400!important;color:var(--wwp-muted)!important}
body .td_block_wrap:is(.wwp-by-date,.wwp-by-time){display:inline-flex!important;align-items:center}
body .td_block_wrap.wwp-by-date::before{content:"·";margin-right:6px;color:var(--wwp-muted)}
body .td_block_wrap.wwp-by-time::before{content:"·";margin-right:6px;color:var(--wwp-muted)}
body .td_block_wrap.wwp-by-time .tdb-block-inner{display:inline-flex}
body .td_block_wrap.wwp-by-time .tdb-minute-text{font-size:0!important}
body .td_block_wrap.wwp-by-time .tdb-minute-text::after{content:" min read";font-size:13px}
body .td_block_wrap.wwp-by-time :is(i,svg){display:none}
/* share: square outline buttons, icons only */
.wwp-share .td-post-sharing-visible{display:flex;gap:6px}
.wwp-share .td-social-handler{display:none!important}
.wwp-share .td-social-sharing-button{width:36px;height:36px;min-width:0;margin:0!important;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #CFCFD2!important;border-radius:2px;background:#fff!important}
.wwp-share .td-social-sharing-button:hover{border-color:var(--wwp-ink)!important}
.wwp-share .td-social-but-text{display:none!important}
.wwp-share .td-social-but-icon{padding:0!important;background:none!important}
.wwp-share .td-social-but-icon i,.wwp-share .td-social-but-icon i::before{color:var(--wwp-ink)!important;font-size:14px!important}
.wwp-share .td-social-expand-tabs{display:none!important}
/* main: article column (image, body at 680px) | 300px sticky rail */
.td-pb-row.wwp-art-main{display:grid!important;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding:0 24px 56px!important}
.wwp-art-main::before,.wwp-art-main::after{display:none!important}
.wwp-art-main>.vc_column{float:none;width:auto!important;min-width:0;padding:0!important}
body .td_block_wrap.wwp-hero{margin:0 0 28px!important}
body .td_block_wrap.wwp-hero img{width:100%;height:auto;aspect-ratio:905/450;object-fit:cover;display:block;border-radius:var(--wwp-radius)!important}
body .td_block_wrap.wwp-hero .wp-caption-text,body .td_block_wrap.wwp-hero figcaption{padding-top:8px;font-family:var(--wwp-ui);font-size:13px;color:var(--wwp-muted);text-align:left}
body .td_block_wrap.wwp-art-body .tdb-block-inner{max-width:680px}
body .td_block_wrap.wwp-art-body .tdb-block-inner ul{padding-left:22px}
body .td_block_wrap.wwp-art-body .tdb-block-inner li+li{margin-top:8px}
body .td_block_wrap.wwp-art-body [class*="id_inline_ad"]{float:none!important;width:auto!important;max-width:none!important;margin:32px 0!important;clear:both;text-align:left}  /* Newspaper floats its inline slot left */
body .td_block_wrap.wwp-art-body .td-adspot-title:empty{display:none}
.wwp-art-col .wwp-ad--bb{margin:36px 0 0!important;max-width:680px;display:flex;flex-direction:column;align-items:center}
body .td_block_wrap.wwp-tags{max-width:680px;margin-top:36px!important}
body .td_block_wrap.wwp-tags ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
body .td_block_wrap.wwp-tags li{margin:0}
body .td_block_wrap.wwp-tags li:first-child{display:none}  /* the "Tags" label: the reference shows pills only */
body .td_block_wrap.wwp-tags a{display:inline-flex;align-items:center;min-height:32px;padding:7px 13px!important;font-size:13px!important}
body .td_block_wrap.wwp-author-box{max-width:680px;margin-top:24px!important;border:0!important;padding:0!important}
body .td_block_wrap.wwp-author-box .tdb-block-inner{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:20px;border:1px solid var(--wwp-line);border-radius:var(--wwp-radius);font-family:var(--wwp-body);font-size:15px;color:var(--wwp-ink-2)}
body .td_block_wrap.wwp-author-box .avatar{width:64px!important;height:64px!important;border-radius:50%}
body .td_block_wrap.wwp-author-box .tdb-author-name{display:block;margin-bottom:4px;font-family:var(--wwp-ui)!important;font-weight:700;font-size:14px!important;color:var(--wwp-ink)!important}
/* rail */
.wwp-art-rail>.wpb_wrapper{position:sticky;top:70px;display:flex!important;flex-direction:column;gap:28px}
.wwp-rail-stack .td-fix-index{display:flex;flex-direction:column;gap:28px}
.wwp-art-rail .wwp-rail-stack,.wwp-art-rail .wwp-rail-stack .wwp-mostread{margin-top:0!important;padding-top:0!important}
.wwp-promo{padding:20px;background:var(--wwp-ink);color:#fff;border-radius:var(--wwp-radius)}
.wwp-promo .wwp-kicker{color:var(--wwp-orange)}
.wwp-promo h2{margin:8px 0 6px;font-family:var(--wwp-head);font-weight:700;font-size:19px;line-height:1.25;color:#fff}
.wwp-promo p{margin:0 0 14px;font-family:var(--wwp-ui);font-size:13px;color:#D8D8DC}
.wwp-btn.wwp-btn--light{background:#fff;border-color:#fff;color:var(--wwp-ink)!important}
.wwp-btn.wwp-btn--light:hover{background:var(--wwp-paper-2);color:var(--wwp-ink)!important}
.wwp-gpt{text-align:center}
.wwp-gpt .td-adspot-title{display:block;margin-bottom:6px;line-height:1}
.wwp-ad--hp>div:not(.td-adspot-title){min-height:600px!important}  /* !important: the GAM snippet sets an inline min-height of its smallest size */
/* related: Paper 2 band, 4 cards */
.vc_row.wwp-art-related{padding:40px 0}
.wwp-related-col{padding:0 24px!important}
body .td_block_wrap.wwp-related .td_block_inner{margin:0!important}
body .td_block_wrap.wwp-related .td-block-title-wrap{display:none}
body .td_block_wrap.wwp-related .td_block_inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body .td_block_wrap.wwp-related .td_module_wrap{width:auto!important;float:none!important;padding:0!important;margin:0!important}
body .td_block_wrap.wwp-related .td-module-container{display:flex;flex-direction:column;gap:8px}
body .td_block_wrap.wwp-related .td-module-meta-info{display:flex;flex-direction:column;gap:8px;padding:0!important}
body .td_block_wrap.wwp-related .td-editor-date{order:-1}
body .td_block_wrap.wwp-related .td-image-wrap{display:block;aspect-ratio:3/2;height:auto!important;padding-bottom:0!important;overflow:hidden;border-radius:var(--wwp-radius)}
body .td_block_wrap.wwp-related .entry-thumb{position:static!important;display:block;width:100%;height:100%!important;background-size:cover!important;background-position:center!important}
body .td_block_wrap.wwp-related .td-module-title{margin:0!important;font-family:var(--wwp-head)!important;font-weight:700!important;font-size:16.5px!important;line-height:1.25!important}
body .td_block_wrap.wwp-related .td-module-title a{color:var(--wwp-ink)!important}
body .td_block_wrap.wwp-related :is(.td-author-date,.td-excerpt,.td-read-more){display:none}
@media (max-width:1100px){
  .td-pb-row.wwp-art-main{grid-template-columns:minmax(0,1fr)}
  .wwp-art-rail>.wpb_wrapper{position:static;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
  body .td_block_wrap.wwp-related .td_block_inner{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .wwp-by-share{margin-left:0;flex-basis:100%}
  body .td_block_wrap.wwp-related .td_block_inner{grid-template-columns:1fr}
  .td-pb-row.wwp-art-main{padding:0 0 40px!important}
  .wwp-art-head-col,.wwp-related-col{padding:0!important}  /* phones: the page gutter is the only side padding */
}

/* ---------- category template (Phase 6): "Category – WWP 2026" ---------- */
body{--wwp-cat-color:var(--wwp-violet)}
body:is(.category-analysis){--wwp-cat-color:var(--wwp-teal)}
body:is(.category-free-white-papers){--wwp-cat-color:var(--wwp-orange)}
body:is(.category-campaigns,.category-current-campaigns,.category-future-campaigns,.category-campaign-posts){--wwp-cat-color:#45BBEB}
body:is(.category-supplier-news){--wwp-cat-color:#7A49A5}
body:is(.category-guides,.category-webinars){--wwp-cat-color:#4974A5}
.vc_row.wwp-cat-head{padding:32px 0 24px;border-bottom:1px solid var(--wwp-line)}
.vc_row.wwp-cat-head .td_block_wrap{margin-bottom:0!important}
.wwp-cat-head-col{padding:0 24px!important}
.wwp-cat-head-col .wpb_wrapper{display:flex;flex-direction:column;gap:10px}
body .td_block_wrap.wwp-cat-title .tdb-title-text{margin:0!important;font-family:var(--wwp-head)!important;font-weight:700!important;font-size:clamp(36px,5vw,56px)!important;line-height:1!important;color:var(--wwp-ink)!important;text-transform:none!important}
body .td_block_wrap.wwp-cat-title .tdb-title-text::after{content:"";display:block;width:56px;height:4px;margin-top:16px;background:var(--wwp-cat-color)}
body .td_block_wrap.wwp-cat-title .tdb-title-line{display:none}
body .td_block_wrap.wwp-cat-desc,body .td_block_wrap.wwp-cat-desc p{max-width:620px;margin:0;font-family:var(--wwp-body)!important;font-size:17px!important;line-height:1.5!important;color:var(--wwp-ink-2)!important;font-style:normal!important;padding:0!important}
.vc_row.wwp-cat-ad{padding:16px 0}
.vc_row.wwp-cat-ad>.vc_column>.wpb_wrapper{display:flex;justify-content:center}
/* list | 300px sticky rail */
.td-pb-row.wwp-cat-main{display:grid!important;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding:8px 24px 56px!important}
.wwp-cat-main::before,.wwp-cat-main::after{display:none!important}
.wwp-cat-main>.vc_column{float:none;width:auto!important;min-width:0;padding:0!important}
.wwp-cat-rail>.wpb_wrapper{position:sticky;top:70px;display:flex!important;flex-direction:column;gap:28px}
body .td_block_wrap.wwp-lrows{margin:0!important}
body .td_block_wrap.wwp-lrows .td_block_inner{margin:0!important;display:block!important}  /* not the flex-block grid: rows are divided by rules, not gaps */
body .td_block_wrap.wwp-lrows .tdb_module_loop{width:auto!important;float:none!important;margin:0!important;padding:24px 0!important;border-bottom:1px solid var(--wwp-line)}
body .td_block_wrap.wwp-lrows .td-module-container{margin:0!important;padding:0!important;border:0!important;display:grid!important;grid-template-columns:260px 1fr;gap:24px;align-items:start}
body .td_block_wrap.wwp-lrows .td-image-container{width:auto!important;flex:none;margin:0!important}
body .td_block_wrap.wwp-lrows .td-module-thumb{margin:0!important}
body .td_block_wrap.wwp-lrows .td-image-wrap{display:block;aspect-ratio:3/2;height:auto!important;padding-bottom:0!important;overflow:hidden;border-radius:var(--wwp-radius)!important}
body .td_block_wrap.wwp-lrows .entry-thumb{position:static!important;display:block;width:100%;height:100%!important;background-size:cover!important;background-position:center!important;border-radius:0!important}
body .td_block_wrap.wwp-lrows .td-module-meta-info{display:flex;flex-direction:column;gap:8px;padding:0!important;margin:0}
body .td_block_wrap.wwp-lrows .td-editor-date{display:contents}
body .td_block_wrap.wwp-lrows .td-post-category{order:-1;align-self:flex-start;margin:0!important;padding:0!important;background:none!important;font-family:var(--wwp-ui)!important;font-weight:700!important;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase}
body .td_block_wrap.wwp-lrows .td-module-title{order:0;margin:0!important;font-family:var(--wwp-head)!important;font-weight:700!important;font-size:22px!important;line-height:1.18!important}
body .td_block_wrap.wwp-lrows .td-module-title a{color:var(--wwp-ink)!important}
body .td_block_wrap.wwp-lrows .td-module-title a:hover{color:var(--wwp-violet)!important}
body .td_block_wrap.wwp-lrows .td-excerpt{order:1;margin:0;font-family:var(--wwp-body);font-size:15.5px;line-height:1.5;color:var(--wwp-ink-2)}
body .td_block_wrap.wwp-lrows .td-author-date{order:2;display:inline-flex;gap:6px;font-family:var(--wwp-ui);font-size:13px;color:var(--wwp-muted)}
body .td_block_wrap.wwp-lrows :is(.td-post-author-name a,.td-post-date,.td-module-date){color:var(--wwp-muted)!important;font-family:var(--wwp-ui)!important;font-size:13px!important;font-weight:400!important}
body .td_block_wrap.wwp-lrows .td-post-author-name>span{display:none}
body .td_block_wrap.wwp-lrows .td-post-author-name::after{content:"·";margin-left:6px}
body .td_block_wrap.wwp-lrows .td-read-more{display:none}
/* in-feed WWP-205 after the 4th post; the loop repeats its slot every 4 posts, wwp_once leaves the repeat empty */
body .td_block_wrap.wwp-lrows .tdb_module_rec{padding:24px 0!important}
body .td_block_wrap.wwp-lrows .tdb_module_rec:not(:has([id^="div-gpt-ad"])){display:none}
body .td_block_wrap.wwp-lrows .tdb_module_rec .id_ad_loop>.td-adspot-title:empty{display:none}
.wwp-ad--feed{text-align:center}
body .td_block_wrap.wwp-lrows .tdb_module_rec .id_ad_loop{display:flex;flex-direction:column;align-items:center}
.wwp-ad--feed>div:not(.td-adspot-title){min-height:90px!important}
/* numbered pagination: 40px square, current ink */
body .td_block_wrap.wwp-lrows .page-nav{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:32px 0 0!important;font-family:var(--wwp-ui);font-weight:700;font-size:13px}
body .td_block_wrap.wwp-lrows .page-nav :is(a,span){min-width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:0 12px!important;border:1px solid #CFCFD2!important;border-radius:2px!important;background:#fff!important;color:var(--wwp-ink)!important;line-height:1!important}
body .td_block_wrap.wwp-lrows .page-nav .current{background:var(--wwp-ink)!important;border-color:var(--wwp-ink)!important;color:#fff!important}
body .td_block_wrap.wwp-lrows .page-nav .extend{border:0!important;background:none!important}
body .td_block_wrap.wwp-lrows .page-nav .pages{display:none!important}  /* "Page 1 of 48": the buttons say it */
body .td_block_wrap.wwp-lrows .page-nav a:hover{border-color:var(--wwp-ink)!important}
/* rail sign-up card: button under the field */
.wwp-inline-nl--rail{margin:0!important;padding:20px!important}
.wwp-inline-nl.wwp-inline-nl--rail .gform_wrapper form{flex-direction:column;align-items:stretch}
.wwp-inline-nl.wwp-inline-nl--rail .gform_body{flex:none}  /* in a column, flex-basis 220px would be its height */
.wwp-inline-nl.wwp-inline-nl--rail .gform_footer,.wwp-inline-nl.wwp-inline-nl--rail .gform_button{width:100%}
@media (max-width:1100px){
  .td-pb-row.wwp-cat-main{grid-template-columns:minmax(0,1fr)}
  .wwp-cat-rail>.wpb_wrapper{position:static;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
}
@media (max-width:640px){
  .td-pb-row.wwp-cat-main{padding:8px 0 40px!important}
  .wwp-cat-head-col{padding:0!important}
  body .td_block_wrap.wwp-lrows .td-module-container{grid-template-columns:110px 1fr;gap:14px}
  body .td_block_wrap.wwp-lrows .tdb_module_loop{padding:18px 0!important}
  body .td_block_wrap.wwp-lrows .td-module-title{font-size:17px!important}
  body .td_block_wrap.wwp-lrows .td-excerpt{display:none}
}

/* key points box: Custom HTML block with class "wwp-takeaways" */
.wwp-takeaways{background:var(--wwp-teal-50);padding:20px 24px;font-family:var(--wwp-body);font-size:16px}
.wwp-takeaways h4{font-family:var(--wwp-ui);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wwp-teal-700);margin:0 0 8px}

/* ---------- ads ---------- */
.td-adspot-title{
  font-family:var(--wwp-ui)!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase;color:var(--wwp-muted)!important}

/* ---------- footer (Phase 3): "Footer – WWP 2026", rows and blocks carry wwp-ft- classes ----------
   Paper 2 background with a 3px violet rule; four columns (brand 1.4fr, three link lists); bottom bar. */
.td-footer-template-wrap{background:var(--wwp-paper-2)!important;border-top:3px solid var(--wwp-violet)}
.td-footer-template-wrap .td_block_wrap{margin-bottom:0!important}
.td-footer-template-wrap .vc_row:is(.wwp-ft-top,.wwp-ft-bot)::before,
.td-footer-template-wrap .vc_row:is(.wwp-ft-top,.wwp-ft-bot)::after{display:none!important}  /* clearfix pseudos would take grid cells */
.td-footer-template-wrap .vc_row:is(.wwp-ft-top,.wwp-ft-bot)>.vc_column{float:none;width:auto;min-width:0}

.td-footer-template-wrap .vc_row.wwp-ft-top{display:grid!important;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding:48px 0 0}
.wwp-ft-logo .tdb-logo-a{justify-content:flex-start}
.wwp-ft-logo .tdb-logo-img{height:48px!important;width:auto!important;max-width:100%!important;margin-bottom:16px}
.wwp-ft-about .tdm-descr{font-family:var(--wwp-body)!important;font-size:14px!important;line-height:1.6!important;color:var(--wwp-ink-2)!important;max-width:340px;margin:0}

/* column headings: Work Sans 12px uppercase muted (#66666C on #F7F5F2, 5.2:1) */
body .td_block_wrap.wwp-ft-menu .td-block-title-wrap{margin:0 0 12px}
body .td_block_wrap.wwp-ft-menu .td-block-title{border:0!important;margin:0;padding:0;line-height:1.3;text-align:left}
body .td_block_wrap.wwp-ft-menu .td-block-title>span{display:inline!important;background:none!important;padding:0!important;font-family:var(--wwp-ui)!important;font-weight:800!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--wwp-muted)!important;line-height:1.3!important}
body .td_block_wrap.wwp-ft-menu .td-block-title>span::before{display:none}  /* section-title dot (top of file): not in the reference footer */
/* links: 15px ink, one per line */
.td_block_wrap:is(.wwp-ft-menu,.wwp-ft-legal-menu) ul{margin:0!important;padding:0;list-style:none}
.wwp-ft-menu ul{display:grid;gap:10px}
.wwp-ft-menu ul li{margin:0;line-height:1.4}
.wwp-ft-menu ul li a{font-family:var(--wwp-body);font-size:15px;color:var(--wwp-ink)!important;padding:0}
.td_block_wrap:is(.wwp-ft-menu,.wwp-ft-legal-menu) ul li a:hover{color:var(--wwp-violet)!important;text-decoration:underline;text-underline-offset:3px}

/* bottom bar: rule, copyright left, legal links right, Work Sans 13px muted */
.td-footer-template-wrap .vc_row.wwp-ft-bot{display:flex!important;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:40px;padding:20px 0 32px;
  background:linear-gradient(#CFCFD2,#CFCFD2) center top/calc(100% - 48px) 1px no-repeat}  /* rule spans the content, not the columns' 24px padding */
body .td_block_wrap.wwp-ft-copyright .tdm-descr{font-family:var(--wwp-ui)!important;font-size:13px!important;line-height:1.5!important;color:var(--wwp-muted)!important;margin:0}
.td-footer-template-wrap .vc_row.wwp-ft-bot>.wwp-ft-legal{margin-left:auto;flex:none}
.wwp-ft-legal-menu ul{display:flex!important;flex-wrap:wrap;justify-content:flex-end}
.wwp-ft-legal-menu ul li{display:block;width:auto!important;flex:none;margin:0;font-family:var(--wwp-ui);font-size:13px;line-height:1.5;color:var(--wwp-muted)}
.wwp-ft-legal-menu ul li+li::before{content:"·";padding:0 .5em}
.wwp-ft-legal-menu ul li a{display:inline!important;color:var(--wwp-muted)!important}
.wwp-ft-legal-menu .td-blm-menu-item-txt{display:inline!important}
/* the consent bridge prints its own "Privacy and cookie settings" link after the footer; ours replaces it */
body:has(.wwp-cookie-settings) .bwd-privacy-settings{display:none}

@media (max-width:1100px){.td-footer-template-wrap .vc_row.wwp-ft-top{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .td-footer-template-wrap .vc_row.wwp-ft-top{gap:28px;padding-top:36px}
  .td-footer-template-wrap .vc_row.wwp-ft-top>.wwp-ft-brand{grid-column:1/-1}
  .td-footer-template-wrap .vc_row.wwp-ft-bot>.wwp-ft-legal{margin-left:0}
  .wwp-ft-legal-menu ul{justify-content:flex-start!important}
}
@media (max-width:767px){.td-footer-template-wrap .vc_row.wwp-ft-bot{background-size:100% 1px}}  /* columns lose their 24px padding here */

/* ---------- homepage (Phase 4): page "Home – WWP 2026"; rows, blocks and shortcodes carry wwp- classes ----------
   Newspaper prints every module part (thumb, category, meta, excerpt, read more) and hides them per block with
   generated tdi_ CSS; here each wwp- block decides what shows, so block pickers can stay at their defaults. */
#td-outer-wrap{overflow-x:clip}  /* full-bleed bands below reach the viewport edge; clip, not hidden, keeps sticky working */
.tdc-row:has(>:is(.wwp-tint,.wwp-teal,.wwp-nl)){position:relative;isolation:isolate}  /* own stacking context: the band sits above the page's white background */
.tdc-row:has(>:is(.wwp-tint,.wwp-teal,.wwp-nl))::before{content:""!important;display:block!important;position:absolute;inset:0 -100vmax;width:auto!important;height:auto!important;z-index:-1;background:var(--wwp-band)}
.tdc-row:has(>.wwp-tint){--wwp-band:var(--wwp-paper-2)}
.tdc-row:has(>.wwp-teal){--wwp-band:var(--wwp-teal-50)}
.tdc-row:has(>.wwp-nl){--wwp-band:var(--wwp-violet)}
.tdc-row:has(>.wwp-nl)::before{inset:0!important}  /* owner, 2 Nov: content width, not full bleed */
.vc_row:is([class*="wwp-home-"],.wwp-nl){padding:40px 0}
.vc_row.wwp-home-ad{padding:8px 0}
:is([class*="wwp-home-"],.wwp-nl) .td_block_wrap{margin-bottom:0!important}
.wwp-sc>.wpb_wrapper>p:empty{display:none}
.wwp-sc .td-fix-index>p:empty,.wwp-sc .td-fix-index>br{display:none!important}  /* wpautop wraps a block shortcode in <p>, leaving empty ones */
.wwp-sc .td-fix-index>p{margin:0}

/* section heading: dot, 22px title, description, "All … →" link */
.wwp-sh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 24px}
.wwp-sh h2{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--wwp-head);font-weight:700;font-size:22px;line-height:1.2;color:var(--wwp-ink)}
.wwp-sh h2::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--wwp-sh-dot,var(--wwp-violet));flex:none}
.wwp-sh--orange{--wwp-sh-dot:var(--wwp-orange)}.wwp-sh--teal{--wwp-sh-dot:var(--wwp-teal)}.wwp-sh--teal-700{--wwp-sh-dot:var(--wwp-teal-700)}.wwp-sh--guide{--wwp-sh-dot:#4974A5}
.wwp-sh p{margin:4px 0 0;font-family:var(--wwp-body);font-size:15.5px;line-height:1.45;color:var(--wwp-ink-2)}
.wwp-sh-link{flex:none;font-family:var(--wwp-ui);font-weight:700;font-size:13px;color:var(--wwp-violet)!important}
.wwp-sh-link::after{content:" →"}
.wwp-sh-link:hover{color:var(--wwp-violet-700)!important;text-decoration:underline}

/* story modules: category label above the title, 3:2 image, Work Sans titles */
body .td_flex_block[class*="wwp-"] .td-module-container{display:flex;flex-direction:column;gap:8px}
body .td_flex_block[class*="wwp-"] .td-module-meta-info{display:flex;flex-direction:column;gap:8px;padding:0!important;margin:0}
body .td_flex_block[class*="wwp-"] .td-editor-date{order:-1;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:0}
body .td_flex_block[class*="wwp-"] .td-post-category{margin:0!important;padding:0!important;background:none!important;font-family:var(--wwp-ui)!important;font-weight:700!important;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;line-height:1.3!important}
body .td_flex_block[class*="wwp-"] .td-author-date{display:inline-flex;gap:8px;font-family:var(--wwp-ui);font-size:13px;color:var(--wwp-muted)}
body .td_flex_block[class*="wwp-"] :is(.td-post-author-name a,.td-post-date,.td-module-date){color:var(--wwp-muted)!important;font-family:var(--wwp-ui)!important;font-size:13px!important;font-weight:400!important}
body .td_flex_block[class*="wwp-"] .td-post-author-name>span{display:none}
body .td_flex_block[class*="wwp-"] .td-post-author-name::after{content:"·";margin-left:8px}
body .td_flex_block[class*="wwp-"] .td-module-title{margin:0!important;font-family:var(--wwp-head)!important;font-weight:700!important;font-size:18px!important;line-height:1.22!important;letter-spacing:-.01em}
body .td_flex_block[class*="wwp-"] .td-module-title a{color:var(--wwp-ink)!important}
body .td_flex_block[class*="wwp-"] .td-module-title a:hover{color:var(--wwp-violet)!important}
body .td_flex_block[class*="wwp-"] :is(.td-excerpt,.td-read-more){display:none}
body .td_flex_block[class*="wwp-"] .td-image-container{width:100%!important;flex:none}
body .td_flex_block[class*="wwp-"] .td-module-thumb{margin:0!important}
body .td_flex_block[class*="wwp-"] .td-image-wrap{display:block;border-radius:var(--wwp-radius)!important;padding-bottom:0!important;aspect-ratio:3/2;height:auto!important;overflow:hidden}
body .td_flex_block[class*="wwp-"] .entry-thumb{position:static!important;display:block;border-radius:0!important;width:100%;height:100%!important;background-size:cover!important;background-position:center!important;transition:transform .4s}
body .td_flex_block[class*="wwp-"] .td_module_wrap:hover .entry-thumb{transform:scale(1.03)}
body .td_flex_block[class*="wwp-"] .td_module_wrap{padding:0!important;margin:0!important;width:auto!important;float:none!important}
body .td_flex_block[class*="wwp-"] .td_block_inner{display:grid;gap:24px;margin:0!important}
body .td_block_wrap:is(.wwp-stack--text,.wwp-cards--text) .td-image-container{display:none!important}

/* 1 · lead: lead (1.7fr) | stack with a left rule (1fr) | 300px rail */
.td-pb-row.wwp-home-lead{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 300px;gap:24px}
:is(.wwp-home-lead,.wwp-main-rail,.wwp-ffw)::before,:is(.wwp-home-lead,.wwp-main-rail,.wwp-ffw)::after{display:none!important}
:is(.wwp-home-lead,.wwp-main-rail,.wwp-ffw)>:is(.vc_column,.vc_column_inner){float:none;width:auto!important;min-width:0;padding:0!important}
.td-pb-row.wwp-home-lead{padding:28px 24px 40px!important}  /* the 24px the columns' own padding gave the other rows */
.vc_row_inner:is(.wwp-main-rail,.wwp-ffw){margin:0!important}
.wwp-home-lead>.wwp-lead-stack{border-left:1px solid var(--wwp-line)!important;padding-left:24px!important}
body .td_block_wrap.wwp-lead .td-module-title{font-size:40px!important;line-height:1.1!important}
body .td_block_wrap.wwp-lead .td-excerpt{display:block;margin:0;font-family:var(--wwp-body);font-size:17px;line-height:1.5;color:var(--wwp-ink-2)}
body .td_block_wrap.wwp-lead .td-editor-date{order:0}
body .td_block_wrap.wwp-lead .td-module-meta-info>.td-editor-date .td-post-category{display:none}
body .td_block_wrap.wwp-lead .td-module-meta-info::before{content:"Featured";order:-2;font-family:var(--wwp-ui);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--wwp-violet)}
body .td_block_wrap.wwp-lead .td-excerpt{order:1}
body .td_block_wrap.wwp-lead .td-editor-date{order:2}
body .td_block_wrap.wwp-stack .td_block_inner{gap:0}
body .td_block_wrap.wwp-stack .td_module_wrap{border-top:1px solid var(--wwp-line);padding-top:16px!important;margin-top:16px!important}
body .td_block_wrap.wwp-stack--img .td_module_wrap{border:0;padding-top:0!important;margin-top:0!important}
body .td_block_wrap.wwp-stack--text .td-module-title{font-size:16.5px!important}
.wwp-lead-rail>.wpb_wrapper{display:flex!important;flex-direction:column;gap:24px}

/* most read (rail) */
.wwp-rail-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;padding-bottom:10px;border-bottom:2px solid var(--wwp-ink);font-family:var(--wwp-ui);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--wwp-ink)}
.wwp-rail-title h2{margin:0;font:inherit;letter-spacing:inherit;color:inherit}
.wwp-tabs{display:flex;gap:4px}
.wwp-tabs button{border:0;background:none;padding:4px 6px;font-family:var(--wwp-ui);font-weight:700;font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--wwp-muted);cursor:pointer;min-height:32px}
.wwp-tabs button[aria-selected="true"]{color:var(--wwp-ink);box-shadow:inset 0 -2px var(--wwp-violet)}
.wwp-mostread ol{list-style:none;margin:0;padding:0;counter-reset:wwp-mr}
.wwp-mostread li{counter-increment:wwp-mr;display:grid;grid-template-columns:36px 1fr;gap:10px;margin:0;padding:14px 0;border-bottom:1px solid var(--wwp-line)}
.wwp-mostread li:first-child{padding-top:4px}
.wwp-mostread li::before{content:counter(wwp-mr);font-family:var(--wwp-head);font-weight:700;font-size:28px;line-height:1;color:var(--wwp-violet)}
.wwp-mostread a{font-family:var(--wwp-head);font-weight:700;font-size:15.5px;line-height:1.28;color:var(--wwp-ink)}
.wwp-mostread a:hover{color:var(--wwp-violet)}
.wwp-ad--mpu>div:not(.td-adspot-title){min-height:250px!important}
.vc_row.wwp-home-ad>.vc_column>.wpb_wrapper{display:flex;justify-content:center}  /* the ad block shrink-wraps; centre it in the row */
.wwp-ad--bb{max-width:970px;margin:0 auto!important;text-align:center}
.wwp-ad--bb :is(.td-a-ad,.td-all-devices){text-align:center}
.wwp-ad--bb [id^="div-gpt-ad"]{margin-left:auto!important;margin-right:auto!important}
.wwp-ad--bb>div:not(.td-adspot-title){min-height:90px!important}

/* 2 · newsletter band (step 1 of the two-step sign-up) */
.wwp-nl-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;color:#fff}
.wwp-nl-inner h2{margin:0;font-family:var(--wwp-head);font-weight:700;font-size:30px;line-height:1.15;color:#fff}
.wwp-nl-inner p{margin:8px 0 0;font-family:var(--wwp-body);font-size:17px;color:#fff}
.wwp-nl-inner .gform_wrapper{margin:0!important}
.wwp-nl-inner .gform_wrapper form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.wwp-nl-inner .gform_body{flex:1 1 220px;min-width:0}
.wwp-nl-inner .gform_fields{display:block!important}
.wwp-nl-inner .gfield{margin:0!important;padding:0!important}
.wwp-nl-inner .gfield_label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}  /* still read by screen readers */
.wwp-nl-inner input[type=email]{width:100%;min-height:48px;padding:13px 14px!important;border:1.5px solid #fff!important;border-radius:6px!important;background:#fff;color:var(--wwp-ink);font-size:15px!important}
.wwp-nl-inner input[type=email]::placeholder{color:#66666C;opacity:1}
.wwp-nl-inner .gform_footer{margin:0!important;padding:0!important}
.wwp-nl-inner .gform_button{min-height:48px;background:var(--wwp-ink)!important;color:#fff!important;border:0!important;padding:13px 22px!important;font-size:15px!important}
.wwp-nl-inner .gform_button:hover{background:#000!important}
.wwp-nl-inner :is(.validation_message,.gform_validation_errors,.gfield_validation_message){color:#fff!important;background:none!important;border:0!important;font-weight:700;padding:4px 0 0!important}
.wwp-nl-inner .wwp-fine{font-size:14px;margin-top:10px}
.wwp-nl-inner .wwp-fine a{color:#fff;text-decoration:underline}

/* 3 · news: 4 image cards, then 4 text-only under a rule */
body .td_block_wrap.wwp-cards--4 .td_block_inner{grid-template-columns:repeat(4,minmax(0,1fr))}
body .td_block_wrap.wwp-cards--3 .td_block_inner{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Wellbeing News rail (owner, 4 Nov): WWP-301 half page, sticky while the cards scroll past */
.wwp-news-rail>.vc_column-inner{position:sticky;top:70px}
body .td_block_wrap.wwp-cards--2 .td_block_inner{grid-template-columns:repeat(2,minmax(0,1fr))}
body .td_block_wrap.wwp-cards--text{margin-top:28px!important;padding-top:20px;border-top:1px solid var(--wwp-line)}
body .td_block_wrap.wwp-cards--text .td-module-title{font-size:16.5px!important}
body .td_block_wrap.wwp-cards .td-post-author-name{display:none}

/* 4 · white papers: 3 cards, 7:5 cover, Free download badge, provider line, ghost button */
.wwp-wp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wwp-wp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--wwp-line);border-radius:var(--wwp-radius);overflow:hidden}
.wwp-wp-card .wwp-cover{display:block;aspect-ratio:7/5;overflow:hidden;background:#EFECE7;border-bottom:1px solid var(--wwp-line)}
.wwp-wp-card .wwp-cover img{width:100%;height:100%;object-fit:cover;display:block}
.wwp-wp-card>div{padding:16px 18px 20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.wwp-badge{display:inline-block;padding:4px 8px;border-radius:2px;background:#FDF0EA;color:#A8461A;font-family:var(--wwp-ui);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase}  /* design badge--free: orange-50 / orange-700 (5.5:1) */
.wwp-wp-card h3{margin:8px 0 10px;font-family:var(--wwp-head);font-weight:700;font-size:16.5px;line-height:1.25}
.wwp-wp-card h3 a{color:var(--wwp-ink)}
.wwp-sponsor{margin-bottom:12px;font-family:var(--wwp-ui);font-size:13px;color:var(--wwp-muted)}
.wwp-wp-card .wwp-btn{margin-top:auto}
.wwp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1.5px solid var(--wwp-violet);border-radius:6px;background:var(--wwp-violet);color:#fff!important;font-family:var(--wwp-ui);font-weight:700;font-size:13px;line-height:1.1;white-space:nowrap}
.wwp-btn--ghost{background:transparent;border-color:var(--wwp-ink);color:var(--wwp-ink)!important}  /* design: ghost = ink outline */
.wwp-btn--ghost:hover{background:var(--wwp-ink);color:#fff!important}
.wwp-btn--sm{min-height:40px;padding:9px 14px;font-size:12.5px}

/* 5 · analysis: main (lead split + 2 cards) | 300px columnists rail */
.td-pb-row.wwp-main-rail,.vc_row.wwp-main-rail{display:grid!important;grid-template-columns:minmax(0,1fr) 300px;gap:48px}
body .td_block_wrap.wwp-split .td-module-container{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
body .td_block_wrap.wwp-split .td-module-title{font-size:28px!important}
body .td_block_wrap.wwp-cards--2{margin-top:28px!important}
.wwp-columnists .wwp-rail-title{margin-bottom:0}
.wwp-col-card{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--wwp-line)}
.wwp-col-card .wwp-av{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#EFECE7}
.wwp-who{margin-bottom:4px;font-family:var(--wwp-ui);font-weight:700;font-size:13px;color:var(--wwp-teal-700)}
.wwp-col-card h3{margin:0;font-family:var(--wwp-head);font-weight:700;font-size:16.5px;line-height:1.25}
.wwp-col-card h3 a{color:var(--wwp-ink)}
.wwp-columnists .wwp-btn{margin-top:16px}

/* 6 · Fit for Work (row cards, 2 columns) | podcast episodes; teal 50 band */
.td-pb-row.wwp-ffw,.vc_row.wwp-ffw{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px}
body .td_block_wrap.wwp-rowcards .td_block_inner{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}
body .td_block_wrap:is(.wwp-rowcards,.wwp-podcards) .td-module-container{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}
body .td_block_wrap.wwp-rowcards .td-module-title{font-size:16px!important}
body .td_block_wrap.wwp-podcards .td_block_inner{gap:12px}
body .td_block_wrap.wwp-podcards .td-module-container{grid-template-columns:96px 1fr;gap:16px;padding:16px;background:#fff;border:1px solid var(--wwp-line);border-radius:var(--wwp-radius)}
body .td_block_wrap.wwp-podcards .td-image-wrap{border-radius:calc(var(--wwp-radius) / 2)!important}
body .td_block_wrap.wwp-podcards .td-image-wrap{aspect-ratio:1}
body .td_block_wrap.wwp-podcards .td-module-title{font-size:16px!important}
body .td_block_wrap.wwp-podcards .td-module-meta-info::before{content:"Episode";font-family:var(--wwp-ui);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--wwp-violet)}
body .td_block_wrap:is(.wwp-podcards,.wwp-webcards,.wwp-feat-guide) .td-read-more{display:block;margin:0}
body .td_block_wrap.wwp-podcards .td-read-more a{display:inline-flex;align-items:center;gap:8px;padding:0!important;background:none!important;font-family:var(--wwp-ui);font-weight:700;font-size:12.5px;color:var(--wwp-violet)!important}
body .td_block_wrap.wwp-podcards .td-read-more a::before{content:"";width:28px;height:28px;border-radius:50%;background:var(--wwp-violet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M11 9l8 5-8 5z' fill='%23fff'/%3E%3C/svg%3E") center/28px no-repeat}

/* 7 · webinars: image left, body right, Register free */
body .td_block_wrap.wwp-webcards .td_block_inner{grid-template-columns:repeat(2,minmax(0,1fr))}
body .td_block_wrap.wwp-webcards .td-module-container{display:grid;grid-template-columns:1fr 1.2fr;gap:0;background:#fff;border:1px solid var(--wwp-line);height:100%;border-radius:var(--wwp-radius);overflow:hidden}
body .td_block_wrap.wwp-webcards .td-image-wrap{border-radius:0!important}  /* the card clips it */
body .td_block_wrap.wwp-webcards :is(.td-image-container,.td-module-thumb,.td-image-wrap){display:flex;flex:1 1 auto}
body .td_block_wrap.wwp-webcards .td-image-wrap{aspect-ratio:auto;height:auto!important;min-height:180px}
body .td_block_wrap.wwp-webcards .entry-thumb{height:auto!important;flex:1}  /* a % height against a min-height parent is 0 */
body .td_block_wrap.wwp-webcards .td-module-meta-info{padding:20px!important;align-items:flex-start}
body .td_block_wrap.wwp-webcards .td-module-meta-info::before{content:"Live webinar";font-family:var(--wwp-ui);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#4974A5}
body .td_block_wrap:is(.wwp-webcards,.wwp-feat-guide) .td-read-more a{display:inline-flex;align-items:center;min-height:40px;padding:9px 14px!important;border-radius:6px;background:var(--wwp-violet)!important;color:#fff!important;font-family:var(--wwp-ui)!important;font-weight:700;font-size:12.5px!important;line-height:1.1}
body .td_block_wrap:is(.wwp-webcards,.wwp-feat-guide) .td-read-more a:hover{background:var(--wwp-violet-700)!important}

/* 8 · guides: featured guide, 8 tiles, topic index, toolkits strip */
body .td_block_wrap.wwp-feat-guide{margin-bottom:32px!important;padding-bottom:32px;border-bottom:1px solid var(--wwp-line)}
body .td_block_wrap.wwp-feat-guide .td-module-container{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}
body .td_block_wrap.wwp-feat-guide .td-image-wrap{aspect-ratio:16/9}
body .td_block_wrap.wwp-feat-guide .td-module-title{font-size:30px!important;line-height:1.15!important}
body .td_block_wrap.wwp-feat-guide .td-excerpt{display:block;margin:0 0 6px;font-family:var(--wwp-body);font-size:16px;line-height:1.5;color:var(--wwp-ink-2)}
body .td_block_wrap.wwp-feat-guide .td-module-meta-info{align-items:flex-start}
.wwp-guide-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
.wwp-theme{display:flex;flex-direction:column;gap:10px;color:var(--wwp-ink)}
.wwp-theme .wwp-img{aspect-ratio:16/10;overflow:hidden;background:#EFECE7;border-radius:var(--wwp-radius)}
.wwp-theme .wwp-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.wwp-theme:hover .wwp-img img{transform:scale(1.03)}
.wwp-kicker{font-family:var(--wwp-ui);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#4974A5}
.wwp-theme h3{margin:0;font-family:var(--wwp-head);font-weight:700;font-size:16px;line-height:1.25}
.wwp-theme:hover h3{color:var(--wwp-violet)}
.wwp-tindex{margin-top:40px;padding:28px;background:var(--wwp-paper-2);border-radius:var(--wwp-radius)}
.wwp-tindex-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.wwp-tindex-head h3{margin:0;font-family:var(--wwp-head);font-weight:700;font-size:22px}
.wwp-az{display:flex;flex-wrap:wrap;gap:2px;font-family:var(--wwp-ui);font-weight:700;font-size:12px}
.wwp-az :is(a,span){width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px}
.wwp-az a{color:var(--wwp-ink)}
.wwp-az a:hover{background:var(--wwp-ink);color:#fff}
.wwp-az span{color:#B5B5BA}
.wwp-tcols{columns:4 200px;column-gap:32px}
.wwp-tgroup{break-inside:avoid;margin-bottom:18px;scroll-margin-top:80px}
.wwp-tgroup b{display:block;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #CFCFD2;font-family:var(--wwp-head);font-size:20px;color:var(--wwp-violet)}
.wwp-tgroup a{display:flex;justify-content:space-between;gap:8px;padding:3px 0;font-family:var(--wwp-body);font-size:15px;color:var(--wwp-ink)}
.wwp-tgroup a:hover{color:var(--wwp-violet);text-decoration:underline}
.wwp-tgroup small{font-family:var(--wwp-ui);font-size:12px;color:var(--wwp-muted)}
.wwp-camp-strip{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:24px;align-items:start;margin-top:40px;padding:20px 0;border-top:1px solid var(--wwp-line);border-bottom:1px solid var(--wwp-line)}
.wwp-camp-strip h3{margin:0;line-height:1.4;font-family:var(--wwp-ui);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.wwp-camp-strip p{margin:4px 0 0;font-size:14.5px;color:var(--wwp-muted)}
.wwp-camp-links{display:flex;flex-wrap:wrap;gap:8px}
.wwp-camp-links a{padding:6px 12px;border:1px solid #CFCFD2;border-radius:999px;background:#fff;font-family:var(--wwp-ui);font-weight:600;font-size:13px;color:var(--wwp-ink)}
.wwp-camp-links a:hover{border-color:#1C7AA6;color:#1C7AA6}

/* homepage, narrower screens (reference breakpoints) */
@media (max-width:1100px){
  .td-pb-row.wwp-home-lead{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .td-pb-row.wwp-home-lead>.wwp-lead-rail{grid-column:1/-1}
  .wwp-lead-rail>.wpb_wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) 300px;align-items:start}
  .vc_row.wwp-main-rail{grid-template-columns:1fr}
  body .td_block_wrap:is(.wwp-cards--4,.wwp-cards--3) .td_block_inner,.wwp-guide-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wwp-wp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .wwp-nl-inner{grid-template-columns:1fr;gap:20px}
  .vc_row.wwp-ffw{grid-template-columns:1fr;gap:32px}
  body .td_block_wrap:is(.wwp-split,.wwp-feat-guide) .td-module-container{grid-template-columns:1fr;gap:14px}
  body .td_block_wrap.wwp-feat-guide .td-module-title{font-size:24px!important}
  .wwp-camp-strip{grid-template-columns:1fr;gap:12px}
}
@media (max-width:640px){
  .td-pb-row.wwp-home-lead,.wwp-lead-rail>.wpb_wrapper,
  body .td_block_wrap:is(.wwp-cards--4,.wwp-cards--3,.wwp-cards--2,.wwp-rowcards,.wwp-webcards) .td_block_inner,.wwp-wp-cards,.wwp-guide-tiles{grid-template-columns:1fr}
  .wwp-home-lead>.wwp-lead-stack{border-left:0!important;padding-left:0!important;border-top:1px solid var(--wwp-line)!important;padding-top:24px!important}
  body .td_block_wrap.wwp-lead .td-module-title{font-size:28px!important}
  .wwp-sh{flex-wrap:wrap}
  .vc_row:is([class*="wwp-home-"],.wwp-nl){padding:32px 0}
  body .td_block_wrap.wwp-webcards .td-module-container{grid-template-columns:1fr}
  body .td_block_wrap.wwp-webcards .td-image-wrap{aspect-ratio:16/9;height:auto!important;min-height:0}
  .wwp-tindex{padding:20px 16px}
}

/* ---------- newsletter band: Row with class "wwp-nl" (violet in Modern) ---------- */
.wwp-nl{background:var(--wwp-violet)!important;color:#fff}
.wwp-nl h2,.wwp-nl h3{color:#fff!important;font-family:var(--wwp-head)}
.wwp-nl input[type=email]{border:0;border-radius:6px;padding:13px 14px;font-size:15px}
.wwp-nl input[type=submit],.wwp-nl button{background:var(--wwp-ink)!important;color:#fff!important}

/* ---------- header (Phase 2): "Header – WWP 2026", rows carry wwp- classes ----------
   Rows are 1200px stretch rows; the full-bleed background goes on the outer .tdc-row via :has(). */
/* full-bleed bands: the row stays 1200px for content; a band behind it reaches the viewport edges.
   The header wrappers clip only horizontally, so menus can still drop down and nothing scrolls sideways. */
:is(.td-header-desktop-wrap,.td-header-mobile-wrap,.td-header-desktop-sticky-wrap,.td-header-mobile-sticky-wrap){overflow-x:clip}
.tdc-row:has(>:is(.wwp-util,.wwp-menubar,.wwp-topics,.wwp-masthead)){position:relative;z-index:0}
/* this ::before is also the row's clearfix (display:table; width:0 in the theme), hence the overrides */
.tdc-row:has(>:is(.wwp-util,.wwp-menubar,.wwp-topics,.wwp-masthead))::before{content:""!important;display:block!important;position:absolute;inset:0 -100vmax;width:auto!important;height:auto!important;z-index:-1;background:var(--wwp-band,transparent);border-bottom:var(--wwp-band-rule,0)}
.tdc-row:has(>.wwp-util){--wwp-band:var(--wwp-ink)}
.tdc-row:has(>.wwp-menubar){--wwp-band:var(--wwp-violet);z-index:2}
.tdc-row:has(>.wwp-menubar)::before{inset:0!important}  /* owner, 2 Nov: violet bars stop at the content width */
.tdc-row:has(>.wwp-topics){--wwp-band:var(--wwp-paper-2);--wwp-band-rule:1px solid var(--wwp-line)}
.td-header-desktop-wrap .tdc-row:has(>.wwp-topics)::before{inset:0!important}  /* owner, 4 Nov: same width as the violet menu bar, directly under it */
/* masthead: no bottom rule. The violet bar sits right under it at content width; a full-bleed rule there showed as a
   stray grey line either side of the bar (owner, 4 Nov). */
.td-header-template-wrap .td_block_wrap{margin-bottom:0!important}
.td-header-template-wrap .vc_row:is(.wwp-util,.wwp-leader,.wwp-masthead,.wwp-menubar,.wwp-topics,.wwp-mob-bar){display:flex!important;align-items:center;flex-wrap:nowrap}
.td-header-template-wrap .vc_row:is(.wwp-util,.wwp-leader,.wwp-masthead,.wwp-menubar,.wwp-topics,.wwp-mob-bar)>.vc_column{float:none;width:auto;min-width:0}
.td-header-template-wrap .vc_row:is(.wwp-leader,.wwp-menubar,.wwp-topics)>.vc_column{flex:1}  /* single-column rows: full width, or the menu's "More" logic sees a shrunk column */
.td-header-template-wrap :is(.wwp-util,.wwp-masthead,.wwp-topics,.wwp-mob-bar) .wpb_wrapper{display:flex!important;align-items:center}

/* 1 · utility bar: 36px, white Work Sans 13px */
.wwp-util{min-height:36px;justify-content:space-between;font-family:var(--wwp-ui);font-size:13px}
.wwp-util-links{flex:1}
.wwp-util .td_block_inner{text-align:left!important}
.wwp-util .tdb-menu{display:flex!important;gap:20px;justify-content:flex-start!important}
.wwp-util .tdb-menu>li{margin:0!important}
.wwp-util .tdb-menu>li>a{padding:0!important;line-height:36px!important;border:0}
.wwp-util-soc{flex:none}
.wwp-util .tdb-menu>li>a .tdb-menu-item-text{color:#fff!important;font-weight:600!important;font-size:13px!important;text-transform:none!important;letter-spacing:0}
.wwp-util .tdb-menu>li>a:hover .tdb-menu-item-text{text-decoration:underline;text-underline-offset:3px}
.wwp-util a{color:#fff!important;white-space:nowrap}
.wwp-util .tdm-social-item{background:none!important;width:auto;height:auto;margin:0 0 0 14px}
.wwp-util .tdm-social-item i{color:#fff!important;font-size:13px}
.wwp-util .tdm-social-item:hover i{color:var(--wwp-teal)!important}

/* 2 · leaderboard: label 11px above; slot height reserved (728x90 desktop, 468x60 tablet, 320x50 phone) */
.wwp-leader{justify-content:center;padding:16px 0}
.wwp-leader>.vc_column{flex:1}
.wwp-ad{text-align:center;margin:0!important}
.wwp-ad .td-adspot-title{display:block;margin-bottom:6px;line-height:1}
.wwp-ad--lb .td-visible-desktop>div{min-height:90px;margin:0 auto}
.wwp-ad--lb .td-visible-tablet-landscape>div{min-height:60px;margin:0 auto}
.td-header-mobile-wrap .wwp-ad--lb>div:not(.td-adspot-title){min-height:50px;display:flex;justify-content:center}

/* 3 · masthead: logo left (92px), date + strapline with a rule, search and Subscribe right */
.wwp-masthead{gap:28px;padding:22px 0}
.wwp-mh-logo .tdb-logo-img{height:76px!important;width:auto!important;max-width:none!important}  /* design 4 Nov (site/wwp.css): 76px desktop, 46px at 900px and below */
@media (max-width:900px){.wwp-mh-logo .tdb-logo-img{height:46px!important}}
.wwp-mh-left{flex:1;border-left:1px solid var(--wwp-line);padding-left:28px!important;max-width:330px}
.td-header-template-wrap .wwp-mh-left .wpb_wrapper{flex-direction:column;align-items:flex-start!important}
.wwp-date .tdb-head-date-txt{font-family:var(--wwp-ui);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--wwp-ink)}
.wwp-strap .tdm-descr{font-family:var(--wwp-ui)!important;font-size:13px!important;line-height:1.5!important;color:var(--wwp-muted)!important;margin:2px 0 0}
.wwp-mh-right{margin-left:auto}
.wwp-mh-right .wpb_wrapper{display:flex;align-items:center;gap:10px}
.wwp-search .tdb-head-search-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid #CFCFD2;border-radius:6px}
body .td_block_wrap.wwp-search .tdb-head-search-btn :is(i,svg,svg *){color:var(--wwp-ink)!important;fill:var(--wwp-ink)!important;font-size:18px}
.wwp-mh-right .td_block_wrap{flex:none}
.wwp-subscribe .tds-button1{padding:13px 20px!important;font-size:14px!important;line-height:18px!important;height:auto!important}

/* 4 · main menu: violet bar, white text, white 3px marker + 8% darker on current/hover */
.wwp-menubar{min-height:50px}
.wwp-menubar .tdb-menu>li>a{padding:16px 12px 13px!important;line-height:18px!important}
.wwp-menubar .tdb-menu-item-text{color:#fff!important;text-transform:none!important}  /* includes the "More" item */
.wwp-menubar .tdb-menu>li:is(.current-menu-item,.current-menu-ancestor,.current-category-ancestor)>a,
.wwp-menubar .tdb-menu>li>a:hover{background:rgba(0,0,0,.08)}
.wwp-menubar .tdb-menu>li>a .tdb-menu-item-text+i,.wwp-menubar .tdb-menu .tdb-sub-menu-icon{color:#fff!important}
.wwp-menubar .tdb-menu .sub-menu .tdb-menu-item-text{color:var(--wwp-ink)!important;font-weight:600!important;text-transform:none!important}
.td-header-desktop-sticky-wrap .tdc-row:has(>.wwp-menubar){box-shadow:0 2px 10px rgba(23,23,26,.15)}
/* sticky wrappers are transparent in Newspaper; the bands are painted on the rows, so once the page scrolls the
   phone header's logo and buttons sat over the text, and page content showed either side of the content-width
   violet bar (found on talentacquisition.pro by its build session, same on WWP, 4 Nov) */
:is(.td-header-mobile-sticky-wrap,.td-header-desktop-sticky-wrap){background:#fff}
.td-header-mobile-sticky-wrap{box-shadow:0 2px 10px rgba(23,23,26,.15)}

/* 5 · topics: label + pills, one line, scrolls sideways when narrow */
.wwp-topics{min-height:44px;padding:12px 0!important}
.wwp-topics .wpb_wrapper{gap:8px}
.wwp-topics .td_block_wrap{flex:none}
/* pills: only whole pills show; wwp-a11y.js sizes the strip to the last pill that fits and adds the ‹ › buttons.
   Without the script it still scrolls sideways (touch and trackpad). */
.wwp-topics .td_block_wrap.wwp-topics-menu{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px}
.wwp-topics-menu .td_block_inner{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;min-width:0;flex:0 1 auto}
.wwp-topics-menu .td_block_inner::-webkit-scrollbar{display:none}
.wwp-topics-menu .tdb-menu{position:relative}
.wwp-topics-menu .tdb-menu>li{scroll-snap-align:start}
.wwp-topics-btn{flex:none;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #CFCFD2;border-radius:50%;background:#fff;color:var(--wwp-ink);font-size:18px;line-height:1;cursor:pointer}
.wwp-topics-btn:hover:not(:disabled){border-color:var(--wwp-violet);color:var(--wwp-violet)}
.wwp-topics-btn:disabled{opacity:.35;cursor:default}
.wwp-topics-btn[hidden]{display:none}
.wwp-topics-label .tdm-descr{font-family:var(--wwp-ui)!important;font-weight:700!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--wwp-muted)!important;margin:0 6px 0 0!important;white-space:nowrap}
.wwp-topics .tdb-menu{display:flex!important;gap:8px;flex-wrap:nowrap!important}
.wwp-topics .tdb-menu>li{margin:0!important}
.wwp-topics .tdb-menu>li>a{border:1px solid #CFCFD2;border-radius:999px;background:#fff;padding:7px 13px!important;min-height:32px;line-height:16px!important;display:flex;align-items:center}
.wwp-topics .tdb-menu>li>a .tdb-menu-item-text{color:var(--wwp-ink-2)!important;font-weight:600!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap}
.wwp-topics .tdb-menu>li>a:hover{border-color:var(--wwp-violet)}

/* mobile header (Newspaper switches to it at 767px) */
.wwp-mob-bar{padding:10px 0;justify-content:space-between}
.wwp-mob-bar .tdb-logo-img{height:46px!important;width:auto!important;max-width:none!important}  /* 46px on phones (design) */
.wwp-mob-logo{flex:1}
.wwp-mob-tools{flex:none}
.wwp-mob-tools .wpb_wrapper{justify-content:flex-end;gap:6px}
.wwp-mob-tools :is(.tdb-header-search-button-mob,.tdb-mobile-menu-button){width:44px;height:44px;display:flex!important;align-items:center;justify-content:center;color:var(--wwp-ink)!important}
.wwp-mob-tools :is(.tdb-header-search-button-mob,.tdb-mobile-menu-button) i{color:var(--wwp-ink)!important;font-size:22px}
.td-header-mobile-wrap .wwp-util .tdb-menu>li:nth-child(n+3){display:none}  /* reference: two links on phones */
.td-header-mobile-wrap .wwp-util .tdb-menu{gap:16px}
.td-header-mobile-wrap .wwp-leader{padding:10px 0}
.td-header-mobile-wrap .wwp-topics-label{display:none}  /* phones: room for two whole pills beside the ‹ › buttons */

/* ---------- other custom classes added in tagDiv Composer (block › CSS class) ---------- */
.wwp-inline-nl{background:var(--wwp-paper-2);border-top:3px solid var(--wwp-violet);padding:22px 24px;margin:32px 0;font-family:var(--wwp-body)}
.wwp-inline-nl input[type=email]{border:1.5px solid #CFCFD2;border-radius:6px;padding:12px 14px;font-size:15px}
/* in-article sign-up (Phase 5): heading, line, email + Subscribe free on one row */
.wwp-inline-nl h2{margin:0 0 4px!important;font-family:var(--wwp-head)!important;font-weight:700;font-size:20px!important;line-height:1.25!important}
.wwp-inline-nl>p{margin:0 0 14px!important;font-size:15px!important;line-height:1.5!important;color:var(--wwp-ink-2)}
.wwp-inline-nl .gform_wrapper{margin:0!important}
.wwp-inline-nl .gform_wrapper form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.wwp-inline-nl .gform_body{flex:1 1 220px;min-width:0}
.wwp-inline-nl .gform_fields{display:block!important}
.wwp-inline-nl .gfield{margin:0!important;padding:0!important}
:is(.wwp-inline-nl,.wwp-nl-inner) .gfield--type-hidden{display:none!important}  /* GF's theme gives hidden fields a height */
.wwp-inline-nl .gfield_label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wwp-inline-nl input[type=email]{width:100%;min-height:48px;background:#fff}
.wwp-inline-nl .gform_footer{margin:0!important;padding:0!important}
.wwp-inline-nl .gform_button{min-height:48px;padding:12px 20px!important}
.wwp-inline-nl a{color:var(--wwp-violet)}
/* Cloudflare Turnstile (mu-plugin bwd-gf-turnstile.php) puts its 300x65 widget INSIDE .gform_footer, before the
   button. In the one-row sign-ups that would stack widget and button beside the email field; dissolve the footer
   so the button stays on the row and the widget takes its own line underneath. */
:is(.wwp-nl-inner,.wwp-inline-nl) .gform_footer:has(.bwd-gft-turnstile){display:contents!important}
:is(.wwp-nl-inner,.wwp-inline-nl) .bwd-gft-turnstile{flex-basis:100%;order:5;margin:4px 0 0!important;min-height:65px}

/* ---------- white paper page (Phase 7): "Single White Paper – WWP 2026", [wwp_whitepaper] ----------
   hero on Paper 2: main | 420px gate card; cover 7:5 beside "What's inside"; body and more papers below */
.wwp-wp-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:start;padding:40px 0 56px}
.wwp-wp-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.wwp-badge--plain{background:#EFECE7;color:var(--wwp-ink-2)}  /* design badge--sponsored: Paper 3 / ink 2 */
.wwp-wp-title{margin:12px 0 16px!important;font-family:var(--wwp-head)!important;font-weight:700!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.06!important;letter-spacing:-.02em;color:var(--wwp-ink)}
.wwp-wp-standfirst{max-width:600px;margin:0!important;font-family:var(--wwp-article);font-size:20px;line-height:1.45;color:var(--wwp-ink-2)}
.wwp-wp-inside{display:grid;grid-template-columns:300px 1fr;gap:36px;margin-top:36px;align-items:start}
.wwp-wp-cover{aspect-ratio:7/5;overflow:hidden;background:#EFECE7;border:1px solid var(--wwp-line);border-radius:var(--wwp-radius);box-shadow:0 12px 32px rgba(23,23,26,.14)}
.wwp-wp-cover img{width:100%;height:100%;object-fit:cover;display:block}
.wwp-wp-inside h2{margin:0 0 14px!important;font-family:var(--wwp-head)!important;font-weight:700;font-size:20px!important;line-height:1.2!important}
.wwp-wp-list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:12px}
.wwp-wp-list li{display:grid;grid-template-columns:24px 1fr;gap:10px;margin:0!important;font-family:var(--wwp-body);font-size:16px;line-height:1.5;color:var(--wwp-ink)}
.wwp-wp-list li::before{content:"";width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--wwp-teal-50);border:1.5px solid var(--wwp-teal-700);box-shadow:inset 0 0 0 3px #fff}
.wwp-wp-meta{margin-top:18px;font-family:var(--wwp-ui);font-size:13px;color:var(--wwp-muted)}
/* gate: white card, 4px orange top rule; the post's own Gravity Form inside, restyled */
.wwp-wp-gate{background:#fff;border:1px solid var(--wwp-line);border-top:4px solid var(--wwp-orange);border-radius:var(--wwp-radius);padding:28px;box-shadow:0 1px 2px rgba(23,23,26,.06),0 4px 16px rgba(23,23,26,.06)}
.wwp-wp-gate>h2{margin:0 0 6px!important;font-family:var(--wwp-head)!important;font-weight:700;font-size:22px!important;line-height:1.2!important}
.wwp-wp-gate>p{margin:0 0 20px!important;font-size:14.5px;line-height:1.5;color:var(--wwp-ink-2)}
.wwp-wp-gate .gform_wrapper{margin:0!important;--gf-ctrl-border-color:#CFCFD2;--gf-ctrl-border-color-focus:var(--wwp-violet);--gf-color-primary:var(--wwp-violet);--gf-ctrl-radius:6px}
.wwp-wp-gate .gform_fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:14px!important;row-gap:14px!important}
.wwp-wp-gate .gfield{grid-column:1/-1!important;margin:0!important}
.wwp-wp-gate .gfield--type-text{grid-column:auto!important}  /* phone | organisation */
.wwp-wp-gate .gfield--type-text:has(+ .gfield:not(.gfield--type-text)){grid-column:1/-1!important}  /* job title, the third, full width */
.wwp-wp-gate .gfield--type-hidden{display:none!important}
.wwp-wp-gate :is(.gfield_label,.gform-field-label--type-sub){font-family:var(--wwp-ui)!important;font-weight:700!important;font-size:13.5px!important;color:var(--wwp-ink)!important}
.wwp-wp-gate .gform-field-label--type-sub{font-weight:600!important;font-size:12.5px!important;color:var(--wwp-muted)!important}
/* the forms are set to labels on the LEFT; the design (and a 420px card) wants them above the field */
.wwp-wp-gate .left_label .gfield:not(.gform_validation_container){display:block!important}
.wwp-wp-gate .gfield.gform_validation_container{display:none!important}  /* Gravity Forms' honeypot: must stay hidden */
.wwp-wp-gate :is(.gform_wrapper,.gform_wrapper form,.gform_body){background:none!important;border:0!important;padding:0!important;box-shadow:none!important}  /* the 2022 forms carry a teal box of their own */
.wwp-wp-gate .left_label :is(.gfield_label,legend.gfield_label){display:block!important;float:none!important;width:auto!important;max-width:none!important;margin:0 0 6px!important;padding:0!important}
.wwp-wp-gate .left_label :is(.ginput_container,.ginput_complex,.gfield_description,.gfield_validation_message){width:auto!important;max-width:none!important;margin-left:0!important;float:none!important}
.wwp-wp-gate :is(input[type=text],input[type=email],input[type=tel],select){min-height:44px;padding:11px 12px!important;border:1.5px solid #CFCFD2!important;border-radius:6px!important;font-size:15px!important;background:#fff!important;color:var(--wwp-ink)!important}
.wwp-wp-gate :is(input[type=text],input[type=email],input[type=tel],select):focus{outline:none!important;border-color:var(--wwp-violet)!important;box-shadow:0 0 0 3px #F8EAF2!important}
.wwp-wp-gate .gsection{padding:6px 0 0!important;border:0!important}
.wwp-wp-gate .gsection_title{margin:0!important;font-family:var(--wwp-ui)!important;font-weight:700;font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--wwp-muted)!important}
.wwp-wp-gate .gfield--type-checkbox>.gfield_label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}  /* the legends read "1." and "2."; each choice carries the words */
.wwp-wp-gate .gchoice{display:flex;gap:10px;align-items:flex-start}
.wwp-wp-gate .gchoice input[type=checkbox]{width:18px;height:18px;margin:2px 0 0!important;accent-color:var(--wwp-violet);flex:0 0 auto}
.wwp-wp-gate .gchoice label{font-family:var(--wwp-body)!important;font-size:13.5px!important;line-height:1.45!important;color:var(--wwp-ink-2)!important;max-width:none!important}
.wwp-wp-gate .gform_footer{margin:18px 0 0!important;padding:0!important}
.wwp-wp-gate .gform_button{width:100%!important;min-height:50px;padding:15px 24px!important;border:0!important;border-radius:6px!important;background:var(--wwp-violet)!important;color:#fff!important;font-family:var(--wwp-ui)!important;font-weight:700!important;font-size:14px!important;cursor:pointer}
.wwp-wp-gate .gform_button:hover{background:var(--wwp-violet-700)!important}
.wwp-wp-gate :is(.gfield_validation_message,.validation_message){padding:0!important;margin-top:6px!important;border:0!important;background:none!important;font-family:var(--wwp-ui);font-size:13px!important;color:#B03224!important}
.wwp-wp-gate .gfield_error :is(input,select){border-color:#C0392B!important}
.wwp-wp-gate .gform_validation_errors{margin:0 0 16px!important;border-radius:6px!important}
.wwp-wp-done{text-align:center;padding:12px 0}
.wwp-wp-tick{width:56px;height:56px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--wwp-teal-50);border:2px solid var(--wwp-teal-700);color:var(--wwp-teal-700);font-size:26px;font-weight:700}
.wwp-wp-done h2{margin:0!important;font-family:var(--wwp-head)!important;font-weight:700;font-size:22px!important}
.wwp-wp-done p{margin:6px 0 20px!important;font-size:15px;color:var(--wwp-ink-2)}
.wwp-btn--lg{min-height:50px;padding:15px 24px;font-size:14px}
/* body under the hero, article measure */
.wwp-wp-about{max-width:680px;padding:40px 0 8px;font-family:var(--wwp-article);font-size:18px;line-height:1.7;color:var(--wwp-ink)}
.wwp-wp-about-h{margin:0 0 16px!important;font-family:var(--wwp-ui)!important;font-weight:800;font-size:13px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--wwp-muted)!important}
.wwp-wp-about :is(h2,h3){font-family:var(--wwp-head)!important;font-weight:700;font-size:24px!important;line-height:1.2!important;margin:32px 0 12px!important}
.wwp-wp-about .wwp-wp-about-h+:is(h2,h3){margin-top:0!important}
.wwp-wp-about p{margin:0 0 18px!important;font-size:18px!important;line-height:1.7!important}
.wwp-wp-about a{color:var(--wwp-violet);text-decoration:underline;text-underline-offset:3px}
.wwp-wp-more{padding:40px 0;border-top:1px solid var(--wwp-line)}
.wwp-wp-adv{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
@media (max-width:900px){
  .wwp-wp-hero{grid-template-columns:1fr;gap:32px}
}
@media (max-width:640px){
  .wwp-wp-inside{grid-template-columns:1fr;gap:14px}
  .wwp-wp-gate{padding:20px}
  .wwp-wp-gate .gform_fields{grid-template-columns:1fr!important}
  .wwp-wp-gate .gfield--type-text{grid-column:1/-1!important}
}

/* ---------- accessibility ---------- */
.wwp-skip{position:absolute;left:-9999px;top:8px;z-index:100000;padding:10px 16px;border-radius:6px;background:var(--wwp-ink);color:#fff!important;font-family:var(--wwp-ui);font-weight:700;font-size:14px}
.wwp-skip:focus{left:8px}
.wwp-sr{position:absolute!important;width:1px;height:1px;margin:0!important;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#wwp-main:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid var(--wwp-violet)!important;outline-offset:2px}
.wwp-util a:focus-visible,.wwp-menubar a:focus-visible,.wwp-nl a:focus-visible,.wwp-nl button:focus-visible{outline-color:#fff!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.td-module-container:hover .entry-thumb{transform:none}}