.elementor-kit-7{--e-global-color-primary:#1730C1;--e-global-color-secondary:#54595F;--e-global-color-text:#222424;--e-global-color-accent:#61CE70;--e-global-color-u_teal:#003A4D;--e-global-color-u_cyan:#00E6FF;--e-global-color-u_cream:#FAF6ED;--e-global-color-u_beige:#F2ECDD;--e-global-color-u_orange:#D64000;--e-global-color-u_rust:#C7621E;--e-global-color-u_ink:#000000;--e-global-color-u_body:#111111;--e-global-color-u_caption:#555555;--e-global-color-u_meta:#777777;--e-global-color-u_line:#DDDDDD;--e-global-color-u_white:#FFFFFF;--e-global-color-tag_lavender:#D5A2FF;--e-global-color-tag_sand:#DCD4C3;--e-global-color-tag_periwinkle:#A2B5FF;--e-global-color-tag_brown:#844921;--e-global-typography-primary-font-family:"Geist";--e-global-typography-primary-font-size:19px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Geist";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Geist";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Geist";--e-global-typography-accent-font-weight:500;--e-global-typography-u_display-font-family:"Geist";--e-global-typography-u_display-font-size:44px;--e-global-typography-u_display-font-weight:600;--e-global-typography-u_display-line-height:1.1em;--e-global-typography-u_headline-font-family:"Geist";--e-global-typography-u_headline-font-size:36px;--e-global-typography-u_headline-font-weight:600;--e-global-typography-u_headline-line-height:1.1em;--e-global-typography-u_headline-letter-spacing:-0.72px;--e-global-typography-u_subhead-font-family:"Geist";--e-global-typography-u_subhead-font-size:32px;--e-global-typography-u_subhead-font-weight:700;--e-global-typography-u_subhead-line-height:1.2em;--e-global-typography-u_pullquote-font-family:"Geist";--e-global-typography-u_pullquote-font-size:36px;--e-global-typography-u_pullquote-font-weight:700;--e-global-typography-u_pullquote-line-height:1.2em;--e-global-typography-u_section-font-family:"Geist";--e-global-typography-u_section-font-size:24px;--e-global-typography-u_section-font-weight:600;--e-global-typography-u_section-line-height:1.2em;--e-global-typography-u_section-letter-spacing:-0.24px;--e-global-typography-u_card-font-family:"Geist";--e-global-typography-u_card-font-size:18px;--e-global-typography-u_card-font-weight:600;--e-global-typography-u_card-line-height:1.2em;--e-global-typography-u_card-letter-spacing:-0.18px;--e-global-typography-u_list-font-family:"Geist";--e-global-typography-u_list-font-size:18px;--e-global-typography-u_list-font-weight:500;--e-global-typography-u_list-line-height:1.2em;--e-global-typography-u_list-letter-spacing:-0.18px;--e-global-typography-u_boxtitle-font-family:"Geist";--e-global-typography-u_boxtitle-font-size:18px;--e-global-typography-u_boxtitle-font-weight:600;--e-global-typography-u_boxtitle-line-height:1.3em;--e-global-typography-u_boxtitle-letter-spacing:-0.36px;--e-global-typography-u_standfirst-font-family:"Geist";--e-global-typography-u_standfirst-font-size:20px;--e-global-typography-u_standfirst-font-weight:400;--e-global-typography-u_standfirst-line-height:1.4em;--e-global-typography-u_standfirst_s-font-family:"Geist";--e-global-typography-u_standfirst_s-font-size:18px;--e-global-typography-u_standfirst_s-font-weight:400;--e-global-typography-u_standfirst_s-line-height:1.4em;--e-global-typography-u_bodytext-font-family:"Geist";--e-global-typography-u_bodytext-font-size:20px;--e-global-typography-u_bodytext-font-weight:400;--e-global-typography-u_bodytext-line-height:32px;--e-global-typography-u_small-font-family:"Geist";--e-global-typography-u_small-font-size:15px;--e-global-typography-u_small-font-weight:400;--e-global-typography-u_small-line-height:1.4em;--e-global-typography-u_caption_t-font-family:"Geist";--e-global-typography-u_caption_t-font-size:12px;--e-global-typography-u_caption_t-font-weight:400;--e-global-typography-u_caption_t-line-height:19px;--e-global-typography-u_meta_t-font-family:"Geist";--e-global-typography-u_meta_t-font-size:13px;--e-global-typography-u_meta_t-font-weight:600;--e-global-typography-u_meta_t-text-transform:uppercase;--e-global-typography-u_meta_t-line-height:15px;--e-global-typography-u_meta_t-letter-spacing:0.26px;--e-global-typography-u_nav-font-family:"Geist";--e-global-typography-u_nav-font-size:13px;--e-global-typography-u_nav-font-weight:500;--e-global-typography-u_nav-line-height:1.4em;--e-global-typography-u_label-font-family:"Geist Mono";--e-global-typography-u_label-font-size:14px;--e-global-typography-u_label-font-weight:600;--e-global-typography-u_label-text-transform:uppercase;--e-global-typography-u_label-line-height:1.4em;--e-global-typography-u_label-letter-spacing:0.84px;--e-global-typography-u_tag18-font-family:"Geist Mono";--e-global-typography-u_tag18-font-size:18px;--e-global-typography-u_tag18-font-weight:600;--e-global-typography-u_tag18-text-transform:uppercase;--e-global-typography-u_tag18-line-height:1.1em;--e-global-typography-u_tag18-letter-spacing:1.08px;--e-global-typography-u_button-font-family:"Geist Mono";--e-global-typography-u_button-font-size:14px;--e-global-typography-u_button-font-weight:400;--e-global-typography-u_button-text-transform:uppercase;--e-global-typography-u_button-line-height:1.4em;--e-global-typography-u_button-letter-spacing:0.84px;font-size:19px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h2{font-family:"Inter", Sans-serif;font-size:22px;}.elementor-kit-7 h3{font-family:"Neue Montreal", Sans-serif;font-size:18px;font-weight:500;}.elementor-kit-7 h4{font-family:"Neue Montreal", Sans-serif;font-size:18px;font-weight:500;}.elementor-kit-7 h5{font-family:"Neue Montreal", Sans-serif;font-size:18px;font-weight:500;}.elementor-kit-7 h6{font-family:"Neue Montreal", Sans-serif;font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-u_display-font-size:30px;--e-global-typography-u_headline-font-size:26px;--e-global-typography-u_subhead-font-size:24px;--e-global-typography-u_pullquote-font-size:26px;--e-global-typography-u_section-font-size:20px;--e-global-typography-u_standfirst-font-size:18px;--e-global-typography-u_bodytext-font-size:18px;--e-global-typography-u_bodytext-line-height:30px;}.elementor-kit-7 h2{font-size:24px;}.elementor-kit-7 h3{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Unpacked by Hectar: tilted tags (added Oct 2026).
   On a Heading widget, set Advanced > CSS Classes to "u-tag u-tag--lavender".
   Colours: lavender, sand, periwinkle, teal, brown. Add "u-tag--big" for the 18px size.
   Colours come from Site Settings > Global Colors, so editing a colour there updates every tag. */
.u-tag { width: auto !important; max-width: max-content; transform: rotate(-3.83deg); }
.u-tag .elementor-heading-title { display: inline-block; padding: 10px 20px; font-family: "Geist Mono", monospace; font-weight: 600; font-size: 14px; line-height: 1.1; letter-spacing: 0.84px; text-transform: uppercase; color: var(--e-global-color-u_ink); }
.u-tag--big .elementor-heading-title { font-size: 18px; letter-spacing: 1.08px; }
.u-tag--lavender .elementor-heading-title { background-color: var(--e-global-color-tag_lavender); }
.u-tag--sand .elementor-heading-title { background-color: var(--e-global-color-tag_sand); }
.u-tag--periwinkle .elementor-heading-title { background-color: var(--e-global-color-tag_periwinkle); }
.u-tag--teal .elementor-heading-title { background-color: var(--e-global-color-u_teal); color: var(--e-global-color-u_white); }
.u-tag--brown .elementor-heading-title { background-color: var(--e-global-color-tag_brown); color: var(--e-global-color-u_white); }

/* Unpacked header */
.u-logo, .u-menu-toggle { display: flex; width: max-content; line-height: 0; }
.u-logo-svg { width: 220px; height: auto; display: block; }
.u-menu-svg { width: 44px; height: auto; display: block; }
.u-catrow .elementor-nav-menu > li:first-child { display: flex; align-items: center; }
.u-catrow .elementor-nav-menu > li:first-child::after { content: "|"; position: static; width: auto; height: auto; margin: 0 16px 0 20px; padding: 0; border: 0 !important; background: none; font-family: "Geist", sans-serif; font-weight: 700; font-size: 14px; line-height: 1.4; letter-spacing: 0.14px; color: #DDDDDD; opacity: 1; }
.u-catrow .elementor-nav-menu > li.current-menu-item > a { font-weight: 600; letter-spacing: 0.13px; }
@media (max-width: 1024px) {
  .u-catrow-wrap { justify-content: flex-start !important; }
  .u-catrow .elementor-nav-menu { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .u-catrow .elementor-nav-menu::-webkit-scrollbar { display: none; }
  .u-catrow .elementor-nav-menu > li { flex: 0 0 auto; }
}

/* Unpacked side menu */
.u-search .elementor-search-form__container { border: 1px solid #000 !important; border-radius: 0 !important; background: transparent; }
.u-search .elementor-search-form__input { background: transparent !important; color: var(--e-global-color-u_ink); padding-left: 12px; }
.u-search .elementor-search-form__input::placeholder { color: #666; }
.u-search .elementor-search-form__submit { background-color: #000 !important; color: #fff; width: 44px; min-width: 44px; }
.u-sidemenu .elementor-nav-menu > li > a { border-bottom: 1px solid #CCC; border-left: 2px solid transparent; }
.u-sidemenu .elementor-nav-menu > li.current-menu-item > a { border-left-color: #000; }

/* Unpacked layout basics: no automatic gap under widgets inside Unpacked templates (spacing comes from each container's gap) */
.u-header, .u-root, .u-footer { --kit-widget-spacing: 0px; }
.u-header .elementor-button-text, .u-root .elementor-button-text { white-space: nowrap; }

/* Unpacked side menu panel: opens below the logo bar, menu icon becomes a close icon */
.u-offcanvas .e-off-canvas { top: var(--u-oc-top, 131px) !important; height: calc(100vh - var(--u-oc-top, 131px)) !important; }
.u-offcanvas .e-off-canvas__content { height: 100% !important; overflow-y: auto; }
.u-close-svg { display: none; }
body.e-off-canvas__no-scroll .u-menu-svg { display: none; }
body.e-off-canvas__no-scroll .u-close-svg { display: block; }

/* Unpacked footer */
.u-social { display: flex; justify-content: center; align-items: center; gap: 20px; height: 40px; }
.u-social a { display: flex; width: 20px; height: 20px; line-height: 0; }
.u-social svg { width: 20px; height: 20px; display: block; }
.u-social a:hover, .u-footmenu a:hover { opacity: 0.75; }
/* Unpacked cards */
.u-card { --kit-widget-spacing: 0px; }
.u-label { display: inline-block; font-family: "Geist Mono", monospace; font-weight: 600; font-size: 14px; line-height: 1.4; letter-spacing: 0.84px; text-transform: uppercase; color: var(--e-global-color-u_orange); text-decoration: none; }
a.u-label:hover { text-decoration: underline; text-underline-offset: 3px; }
.u-label--xs .u-label { font-size: 13px; letter-spacing: 0.78px; }
.u-meta { display: flex; align-items: center; gap: 8px; font-family: "Geist", sans-serif; font-weight: 500; font-size: 13px; line-height: 15px; letter-spacing: 0.26px; text-transform: uppercase; color: var(--e-global-color-u_meta); white-space: nowrap; }
.u-dot { display: block; width: 4px; height: 4px; border-radius: 50%; background: currentColor; flex: 0 0 4px; }
.u-card .elementor-heading-title a { color: inherit; }
.u-card .elementor-heading-title a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.u-card-img, .u-card-img a { display: block; line-height: 0; }
.u-card-img img { display: block; width: 100% !important; height: auto !important; max-width: 100%; aspect-ratio: 296 / 184; object-fit: cover; background: #D0D0D0; }
.u-card-img--lead img { aspect-ratio: 624 / 388; }
.u-card-img--row img { aspect-ratio: 132 / 82; }
.u-card-img--tracker img { aspect-ratio: 128 / 88; }
.u-noimg .u-card-img { display: none; }
.u-nolabel .u-card-label { display: none; }
.u-card--dark .u-label { color: #C986FF; }
.u-card--dark .u-meta { color: #AAAAAA; font-weight: 500; }

/* Unpacked dated list */
.e-loop-item:last-child > .u-card--dated { border-bottom-width: 0 !important; }
/* Unpacked pick card */
.u-card--pick { position: relative; overflow: hidden; aspect-ratio: 268 / 380; box-shadow: 1.744px 3.487px 6.974px rgba(0,0,0,0.12); color: inherit; }
.u-card--pick .u-pick-panel { position: absolute !important; left: 0; right: 0; bottom: 0; z-index: 2; transform: translateY(100%); transition: transform 0.3s ease; }
.u-pick-open .u-card--pick .u-pick-panel { transform: translateY(0); }
.u-pick-summary .elementor-heading-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.u-pick-date .u-meta { justify-content: center; font-family: "Geist Mono", monospace; font-weight: 400; font-size: 12px; line-height: 1.2; letter-spacing: 0.72px; color: var(--e-global-color-u_caption); }
/* Unpacked card fixes */
.elementor-widget-image.u-card-img a, .elementor-widget-image.u-card-img img { display: block; }
.u-card-label .elementor-shortcode { display: flex; }
.u-card--row > .e-con, .u-card--tracker > .e-con { flex: 1 1 0% !important; min-width: 0; }
/* Editor's picks: the full headline shows; a longer one makes the white panel grow upward over the image. */
.u-pick-title .elementor-heading-title { display: block; -webkit-line-clamp: unset; overflow: visible; }
.u-tag .elementor-heading-title { white-space: nowrap; }
.u-taggedbox { position: relative; overflow: visible; }
.u-boxtag { position: absolute !important; top: 0; left: 50%; transform: translate(-50%, -50%) rotate(-3.83deg) !important; z-index: 2; }

/* Unpacked boxes */
.u-box { --kit-widget-spacing: 0px; }
.u-btn .elementor-button { white-space: nowrap; }
/* newsletter form (Newsletter plugin, minimal form) */
.u-nl-form .tnp-subscription-minimal { margin: 0; padding: 0; background: none; max-width: none; }
.u-nl-form .tnp-subscription-minimal form { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; margin: 0; }
.u-nl-form .tnp-subscription-minimal input.tnp-email { width: 403px; max-width: 100%; height: auto; margin: 0; background: transparent; border: 0; border-bottom: 1px solid var(--e-global-color-u_teal); border-radius: 0; padding: 0 0 12px; box-shadow: none; outline: none; font-family: "Geist Mono", monospace; font-weight: 600; font-size: 14px; line-height: 1.4; letter-spacing: 0.84px; color: #000; }
.u-nl-form .tnp-subscription-minimal input.tnp-email::placeholder { color: #000; opacity: 1; }
.u-nl-form .tnp-subscription-minimal input.tnp-email:focus { border-bottom-width: 2px; padding-bottom: 11px; }
.u-nl-form .tnp-subscription-minimal input.tnp-submit { width: auto; min-width: 195px; height: 44px; margin: 0; padding: 8px 24px; background: #000; color: #fff; border: 0; border-radius: 4px; font-family: "Geist Mono", monospace; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: 0.84px; text-transform: uppercase; cursor: pointer; }
.u-nl-form--compact .tnp-subscription-minimal form { gap: 24px; }
.u-nl-form--compact .tnp-subscription-minimal input.tnp-email { border-bottom-color: #007F95; }
.u-nl-form--compact .tnp-subscription-minimal input.tnp-submit { min-width: 0; height: 36px; padding: 8px 32px; font-weight: 600; font-size: 13px; letter-spacing: 0.78px; }
/* wide newsletter box */
.u-nl-wide { position: relative; overflow: visible; }
.u-nl-pattern { position: absolute !important; left: 0; top: 0; bottom: 0; width: 295px; overflow: hidden; pointer-events: none; }
.u-nl-pattern svg { position: absolute; left: -180px; top: -22px; width: 736px; height: 455px; }
.u-nl-phone { position: absolute !important; right: 42px; top: -54px; width: 365px !important; pointer-events: none; }
.u-nl-phone img { width: 365px; height: auto; display: block; }
.u-nl-compact { position: relative; overflow: visible; }
.u-nl-compact .u-nl-phone { right: auto; left: 8px; top: -36px; width: 170px !important; }
.u-nl-compact .u-nl-phone img { width: 170px; }
@media (max-width: 1024px) {
  .u-nl-wide { padding: 48px 40px !important; }
  .u-nl-pattern, .u-nl-wide .u-nl-phone { display: none; }
}
@media (max-width: 767px) {
  .u-nl-wide { padding: 40px 24px !important; }
  .u-nl-compact { padding: 32px 24px !important; }
  .u-nl-compact .u-nl-phone { display: none; }
  .u-nl-form .tnp-subscription-minimal input.tnp-submit { width: 100%; }
}
/* Add us on Google */
.u-google > .e-con { flex: 1 1 0% !important; min-width: 0; }
.u-google .u-gicon-w { flex: 0 0 auto; }
.u-google { color: inherit; }
.u-gicon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; border: 1px solid #DDDDDD; line-height: 0; }
.u-gicon img { width: 24px; height: 24px; display: block; }
.u-google:hover .u-google-title .elementor-heading-title { text-decoration: underline; text-underline-offset: 3px; }
/* Unpacked topic tiles */
.u-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.u-tile { position: relative; display: block; height: 184px; overflow: hidden; background: #fff; border-radius: 4px; box-shadow: 0 0 12px rgba(0,0,0,0.04); color: #000; text-decoration: none; }
.u-tile:not(.u-tile--all)::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 304px; max-width: 50%; background: #EEEEEE; clip-path: polygon(39.5% 0, 100% 0, 100% 100%, 0 100%); }
.u-tile-name { position: absolute; left: 36px; top: 40px; z-index: 2; display: flex; align-items: center; gap: 4px; font-family: "Geist", sans-serif; font-weight: 500; font-size: 24px; line-height: 1.1; color: #000; }
.u-tile-name .u-arrow { width: 15.62px; height: 15.68px; flex: 0 0 auto; margin-top: 2px; }
a.u-tile:hover .u-tile-name { text-decoration: underline; text-underline-offset: 4px; }
.u-tile-art { position: absolute; top: 0; right: 0; width: 272px; max-width: 45%; height: 184px; z-index: 1; overflow: hidden; }
.u-tile-art img.u-tile-img { position: absolute; top: 0; right: 0; width: 256px; max-width: none; height: auto; }
.u-tile-pills { position: absolute; top: 0; right: 0; width: 272px; max-width: 50%; height: 184px; overflow: hidden; z-index: 1; }
.u-pills-track { position: absolute; left: 15px; top: 0; display: flex; flex-direction: column; animation: u-pills 34.6s linear infinite; }
.u-pills-set { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding-bottom: 8px; }
.u-tile-pills:hover .u-pills-track, .u-tile-pills:focus-within .u-pills-track { animation-play-state: paused; }
.u-pill { display: inline-flex; padding: 8px 20px; background: #fff; border: 1px solid #EDE6D3; border-radius: 100px; font-family: "Geist", sans-serif; font-size: 15px; line-height: 1.1; color: #000; white-space: nowrap; text-decoration: none; }
.u-pill:hover { border-color: #000; color: #000; }
@keyframes u-pills { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) { .u-pills-track { animation: none; } .u-tile-pills { overflow-y: auto; } }
@media (max-width: 767px) { .u-tiles { grid-template-columns: 1fr; gap: 16px; } .u-tile { height: 140px; } .u-tile-name { left: 20px; top: 24px; font-size: 20px; } .u-tile-art, .u-tile-pills { height: 140px; } }

/* Unpacked fixes, round 2 */
.u-tag .elementor-heading-title, .elementor-widget-heading.u-tag .elementor-heading-title { font-family: "Geist Mono", monospace !important; font-weight: 600 !important; font-size: 14px !important; line-height: 1.1 !important; letter-spacing: 0.84px !important; text-transform: uppercase !important; }
.u-tag--big .elementor-heading-title, .elementor-widget-heading.u-tag--big .elementor-heading-title { font-size: 18px !important; letter-spacing: 1.08px !important; }
.e-loop-item:first-of-type > .u-card--row { border-top-width: 0 !important; }
.e-loop-item + .e-loop-item > .u-card--tracker { border-top: 1px solid #15556A; }
.u-card--pick { transition: margin 0.3s ease, width 0.3s ease, box-shadow 0.3s ease; z-index: 1; }
.e-loop-item:has(> .u-card--pick) { position: relative; }
.u-pick-open { z-index: 3; }
.u-pick-open > .u-card--pick { box-shadow: 4px 12px 12px rgba(0,0,0,0.12); }
.u-card--pick::before { transition: opacity 0.3s ease; }
.u-pick-open > .u-card--pick::before { opacity: 0 !important; }

/* Unpacked article page */
.u-article { --kit-widget-spacing: 0px; }
.u-art-grid { display: grid !important; grid-template-columns: 60px minmax(0, 239px) 624px minmax(32px, 141px) 376px; grid-template-areas: "rail . crumb crumb crumb" "rail . head head head" "rail . body . side"; align-items: start; width: 100%; max-width: 1440px; margin: 0 auto; padding-top: 29px !important; }
.u-art-grid > .elementor-element { width: auto; max-width: none; min-width: 0; }
.u-art-rail { grid-area: rail; align-self: stretch; }
.u-art-rail, .u-art-rail > .elementor-widget-container, .u-art-rail .elementor-shortcode { height: 100%; }
.u-art-rail .u-share { position: sticky; top: 24px; margin-top: 100px; }
body.admin-bar .u-art-rail .u-share { top: 56px; }
.u-art-crumb { grid-area: crumb; }
.u-art-head { grid-area: head; max-width: 842px !important; margin-top: 32px; }
.u-art-body { grid-area: body; margin-top: 15px; }
.u-art-side { grid-area: side; margin-top: 176px; }
.u-art-hero img { display: block; width: 100% !important; height: auto !important; max-width: 100%; aspect-ratio: 686.4 / 426.34; object-fit: cover; }
.u-hero-caption { margin: 0 0 24px; font-family: "Geist", sans-serif; font-size: 12px; line-height: 16px; color: #666; }
.u-crumb { display: flex; flex-wrap: wrap; align-items: center; padding: 4px 0; font-family: "Geist", sans-serif; font-weight: 400; font-size: 13px; line-height: 1.2; color: #777; }
.u-crumb a { color: #777; text-decoration: none; }
.u-crumb a:hover { text-decoration: underline; }
.u-crumb-sep { display: block; width: 4.76px; height: 11.2px; margin: 0 9.6px 0 5.6px; color: #777; }
.u-crumb [aria-current] { color: #404040; }
.u-byline { display: flex; align-items: center; gap: 6px; color: #000; white-space: nowrap; }
.u-byline-by { font-family: "Geist", sans-serif; font-weight: 500; font-size: 16px; line-height: 1.1; }
.u-byline-name { font-family: "Geist Mono", monospace; font-weight: 600; font-size: 14px; line-height: 1.1; letter-spacing: 0.84px; text-transform: uppercase; color: #000; text-decoration: underline; text-decoration-thickness: from-font; text-underline-position: from-font; }
.u-byline-name:hover { color: var(--e-global-color-u_orange); }
.u-art-meta .u-meta { color: #000; }
.u-share { display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 9px 0; }
.u-share-btn { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; padding: 0; border: 0; border-radius: 50%; background: #0A0A0A; color: #fff; cursor: pointer; line-height: 0; }
.u-share-btn:hover, .u-share-btn:focus-visible { background: var(--e-global-color-u_teal); color: #fff; }
.u-share-btn svg { display: block; }
.u-side-box { position: relative; overflow: visible; }
.u-side-google { margin: 258px 0 0 24px; width: 320px !important; max-width: calc(100% - 24px) !important; }
.u-side-cat { margin-top: 80px; }
.u-side-cat:not(:has(.e-loop-item)) { display: none !important; }
.u-tag--deep .elementor-heading-title { background-color: #32596A; color: #fff; }
.u-dated-alllines .e-loop-item:last-child > .u-card--dated { border-bottom-width: 1px !important; }
.u-explore { display: block; padding-top: 16px; text-align: center; font-family: "Geist Mono", monospace; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: 0.84px; text-transform: uppercase; color: #000; text-decoration: none; }
.u-explore:hover { color: #000; text-decoration: underline; }
/* related-story card (shortcode u_related) */
.u-related { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 32px 20px 20px; background: var(--e-global-color-u_beige); color: #000 !important; text-decoration: none !important; }
.u-rel-media { flex: 0 0 auto; width: 154px; aspect-ratio: 164 / 111.47; background: #D0D0D0; overflow: hidden; line-height: 0; }
.u-rel-media img { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; margin: 0 !important; }
.u-rel-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 4px; }
.u-rel-title { font-family: "Geist", sans-serif; font-weight: 600; font-size: 18px; line-height: 1.2; letter-spacing: -0.18px; color: #000; }
.u-rel-body .u-meta { margin-top: 2px; font-weight: 600; }
.u-rel-chev { flex: 0 0 auto; width: 32px; height: 18px; color: #999; transform: rotate(-90deg); }
.u-related:hover .u-rel-title { text-decoration: underline; text-underline-offset: 3px; }
/* Unpacked article body */
.u-prose { font-family: "Geist", sans-serif; font-size: 20px; line-height: 32px; color: #000; overflow-wrap: break-word; }
.elementor .u-prose :is(p, ul, ol, figure, blockquote, h1, h2, h3, h4, h5, h6, table, hr, .wp-block-image, .wp-block-table, .wp-block-embed, .rank-math-block, .u-related):not(.u-prose-insert *) { margin: 0 0 24px; }
.elementor .u-prose p:not(.u-prose-insert *) { font-family: "Geist", sans-serif; font-weight: 400; font-size: 20px; line-height: 32px; color: #000; }
.elementor .u-prose :is(h1, h2):not(.u-prose-insert *) { font-family: "Geist", sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2; letter-spacing: 0; text-transform: none; color: #000; }
.elementor .u-prose h3:not(.u-prose-insert *) { font-family: "Geist", sans-serif; font-weight: 700; font-size: 24px; line-height: 1.25; letter-spacing: 0; color: #000; }
.elementor .u-prose :is(h4, h5, h6):not(.u-prose-insert *) { font-family: "Geist", sans-serif; font-weight: 600; font-size: 20px; line-height: 1.3; color: #000; }
.elementor .u-prose :is(strong, b):not(.u-prose-insert *) { font-weight: 600; }
.elementor .u-prose a:not(.u-related):not(.u-prose-insert *) { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.elementor .u-prose a:not(.u-related):not(.u-prose-insert *):hover { color: var(--e-global-color-u_orange); }
.elementor .u-prose :is(ul, ol):not(.u-prose-insert *) { padding-left: 1.25em; }
.elementor .u-prose li:not(.u-prose-insert *) { margin: 0 0 8px; padding-left: 4px; }
.elementor .u-prose hr:not(.u-prose-insert *) { height: 0; border: 0; border-top: 1px solid var(--e-global-color-u_line); background: none; opacity: 1; }
.elementor .u-prose figure:not(.u-prose-insert *) { max-width: 100%; }
.elementor .u-prose figure img:not(.u-prose-insert *) { display: block; max-width: 100%; height: auto; }
.elementor .u-prose .aligncenter:not(.u-prose-insert *) { margin-left: auto; margin-right: auto; }
.elementor .u-prose :is(figcaption, .wp-element-caption):not(.u-prose-insert *) { margin: 16px 0 0; font-size: 12px; line-height: 19px; color: #555; text-align: left; }
.elementor .u-prose :is(blockquote, .wp-block-pullquote):not(.u-prose-insert *) { max-width: 476px; margin-left: 0; margin-right: 0; padding: 0; border: 0; background: none; font-style: normal; text-align: left; }
.elementor .u-prose blockquote p:not(.u-prose-insert *) { margin: 0; font-family: "Geist", sans-serif; font-weight: 700; font-size: 36px; line-height: 1.2; color: var(--e-global-color-u_rust); }
.elementor .u-prose blockquote :is(cite, footer):not(.u-prose-insert *) { display: block; margin-top: 20px; font-style: normal; font-size: 12px; line-height: 19px; color: #555; }
.elementor .u-prose table:not(.u-prose-insert *) { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.5; }
.elementor .u-prose :is(th, td):not(.u-prose-insert *) { padding: 10px 12px 10px 0; border: 0; border-bottom: 1px solid var(--e-global-color-u_line); text-align: left; vertical-align: top; background: none; }
.elementor .u-prose th:not(.u-prose-insert *) { font-weight: 600; }
.u-prose .wp-block-table { overflow-x: auto; }
.u-prose .sharedaddy, .u-prose .jp-relatedposts, .u-prose .sd-sharing-enabled { display: none !important; }
.u-prose-insert { margin: 0 0 24px; padding: 32px 0 20px; }
@media (max-width: 1099px) {
  .u-art-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "crumb" "head" "rail" "body" "side"; max-width: 720px; padding: 24px 24px 0 !important; }
  .u-art-head { max-width: none !important; margin-top: 24px; }
  .u-art-rail { align-self: auto; margin-top: 24px; }
  .u-art-rail, .u-art-rail > .elementor-widget-container, .u-art-rail .elementor-shortcode { height: auto; }
  .u-art-rail .u-share { position: static; margin-top: 0; flex-direction: row; justify-content: flex-start; padding: 0; }
  .u-art-body { margin-top: 24px; }
  .u-art-side { margin-top: 64px; }
  .u-side-google { margin: 64px 0 0; width: auto !important; max-width: none !important; }
  .u-side-cat { margin-top: 64px; }
}
@media (max-width: 767px) {
  .u-art-grid { padding: 16px 16px 0 !important; }
  .u-share-btn { width: 40px; height: 40px; }
  .u-prose, .elementor .u-prose p:not(.u-prose-insert *) { font-size: 18px; line-height: 30px; }
  .elementor .u-prose :is(h1, h2):not(.u-prose-insert *) { font-size: 26px; }
  .elementor .u-prose h3:not(.u-prose-insert *) { font-size: 21px; }
  .elementor .u-prose blockquote p:not(.u-prose-insert *) { font-size: 26px; }
  .u-related { padding: 16px; gap: 16px; }
  .u-rel-media { width: 96px; }
  .u-rel-chev { display: none; }
}
@media print {
  .u-header, .u-footer, .u-art-rail, .u-art-side, .u-readnext, .u-nl-end-w, .u-prose-insert, #wpadminbar { display: none !important; }
  .u-art-grid { display: block !important; padding: 0 !important; }
  .u-article { background: #fff !important; }
}

/* newsletter, inline field (end of article) */
.u-nl-form--inline .tnp-subscription-minimal form { flex-direction: row; align-items: stretch; gap: 0; width: max-content; max-width: 100%; border: 1px solid #000; border-radius: 6px; overflow: hidden; }
.u-nl-form--inline .tnp-subscription-minimal input.tnp-email { width: 403px; max-width: 60vw; padding: 12px 16px; border: 0; }
.u-nl-form--inline .tnp-subscription-minimal input.tnp-email:focus { border: 0; padding: 12px 16px; background: rgba(255,255,255,0.25); }
.u-nl-form--inline .tnp-subscription-minimal input.tnp-submit { min-width: 0; height: 44px; padding: 8px 60px; border-radius: 0 4px 4px 0; font-family: "Geist", sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 0.84px; }
@media (max-width: 767px) {
  .u-nl-form--inline .tnp-subscription-minimal form { width: 100%; flex-direction: column; border: 0; border-radius: 0; overflow: visible; gap: 12px; }
  .u-nl-form--inline .tnp-subscription-minimal input.tnp-email { width: 100%; max-width: none; border: 1px solid #000; border-radius: 6px; }
  .u-nl-form--inline .tnp-subscription-minimal input.tnp-submit { width: 100%; border-radius: 4px; }
}

/* Unpacked header states (Figma: Component 5, Global Search, Menu Item) */
.u-header-top { background-color: var(--e-global-color-u_cream); }
.u-logo-svg { width: 291.67px; transition: width 0.25s ease; }
.u-header-top.elementor-sticky--effects .u-logo-svg { width: 220px; }
.u-menu-toggle { align-items: center; justify-content: center; padding: 6px 8px; border-radius: 4px; transition: background-color 0.15s ease; }
.u-menu-toggle:hover, .u-menu-toggle:focus-visible { background-color: #DDDDDD; }
.u-menu-toggle .u-mag-bg { transition: fill 0.15s ease; }
.u-menu-toggle:hover .u-mag-bg, .u-menu-toggle:focus-visible .u-mag-bg { fill: #DDDDDD; }
body.e-off-canvas__no-scroll .u-menu-toggle { padding: 0; }
.u-close-svg { width: 32px; height: 32px; }
/* Top menu items (Figma: Menu Item, Type=Top): 16px above the label, then 12px and the 2px underline below it, so the bar is 48px. */
.u-catrow .elementor-nav-menu > li > a.elementor-item { padding-top: 16px !important; padding-bottom: 14px !important; transition: background-color 0.15s ease; }
/* The bar has no top padding, and the active underline sits on its bottom line, as in Figma. */
.u-catrow { margin-bottom: -1px !important; }
/* White hover; the bar's grey bottom line stays visible across the hovered item (the active underline still sits on top). */
.u-catrow .elementor-nav-menu > li > a.elementor-item:hover, .u-catrow .elementor-nav-menu > li > a.elementor-item:focus-visible { background-color: #FFFFFF; box-shadow: inset 0 -1px 0 var(--e-global-color-u_line); }
.u-catrow .elementor-item:not(.elementor-item-active)::after { opacity: 0 !important; }
.u-sidemenu .elementor-nav-menu > li > a { transition: background-color 0.15s ease, border-color 0.15s ease, padding 0.15s ease; }
/* Side menu hover (Figma: Menu Item, Type=Side, State=Hover): white fill, and the lines under this item and the one above it go away. */
.u-sidemenu .elementor-nav-menu > li > a:hover, .u-sidemenu .elementor-nav-menu > li > a:focus-visible { background-color: #FFFFFF; border-bottom-color: transparent; }
.u-sidemenu .elementor-nav-menu > li:has(+ li > a:hover) > a, .u-sidemenu .elementor-nav-menu > li:has(+ li > a:focus-visible) > a { border-bottom-color: transparent; }
.u-sidemenu .elementor-nav-menu > li.current-menu-item > a { padding-left: 14px; }
@media (max-width: 1024px) {
  .u-logo-svg { width: 240px; }
  .u-header-top.elementor-sticky--effects .u-logo-svg { width: 200px; }
}
@media (max-width: 767px) {
  .u-header-row { flex-wrap: nowrap !important; padding: 10px 16px !important; gap: 8px !important; }
  .u-header-row > .e-con { width: auto !important; flex: 0 0 auto; }
  .u-header-about { display: none !important; }
  .u-logo-svg { width: 150px; }
  .u-header-top.elementor-sticky--effects .u-logo-svg { width: 130px; }
  .u-header-join .elementor-button { padding: 8px 12px !important; font-size: 12px !important; }
}
/* Unpacked topic tile states (Figma: Figure → Link, Default and Hover) */
.u-tile { transition: box-shadow 0.3s ease; }
.u-tile:not(.u-tile--all)::before { max-width: 55%; transition: width 0.3s ease, background-color 0.3s ease; }
.u-tile-name { gap: 4px; letter-spacing: -0.24px; transition: gap 0.3s ease; }
.u-tile-name .u-arrow { opacity: 0; transition: opacity 0.3s ease; }
.u-tile-label { text-decoration: none; }
.u-tile-desc { position: absolute; left: 36px; top: 82px; z-index: 2; width: 294px; max-width: calc(55% - 36px); font-family: "Geist", sans-serif; font-weight: 400; font-size: 15px; line-height: 1.4; color: #111; opacity: 0; transform: translateY(6px); transition: opacity 0.3s ease, transform 0.3s ease; }
.u-tile-art { transform-origin: 50% 50%; transition: transform 0.3s ease; }
.u-tile-hl { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; width: 40px; background: linear-gradient(to right, #DF9E49 0, #DF9E49 20px, #844921 20px, #844921 40px); transform: translateX(40px); transition: transform 0.3s ease; pointer-events: none; }
a.u-tile:hover, a.u-tile:focus-visible { box-shadow: 2px 4px 12px rgba(0,0,0,0.24); }
a.u-tile:hover::before, a.u-tile:focus-visible::before { width: 338px; background-color: #E3D9F4; }
a.u-tile:hover .u-tile-name, a.u-tile:focus-visible .u-tile-name { gap: 16px; text-decoration: none; }
a.u-tile:hover .u-tile-name .u-arrow, a.u-tile:focus-visible .u-tile-name .u-arrow { opacity: 1; }
a.u-tile:hover .u-tile-label, a.u-tile:focus-visible .u-tile-label { text-decoration: underline; text-decoration-thickness: from-font; text-underline-position: from-font; text-underline-offset: auto; }
a.u-tile:hover .u-tile-desc, a.u-tile:focus-visible .u-tile-desc { opacity: 1; transform: none; }
a.u-tile:hover .u-tile-art, a.u-tile:focus-visible .u-tile-art { transform: scale(1.1); }
a.u-tile:hover .u-tile-hl, a.u-tile:focus-visible .u-tile-hl { transform: translateX(0); }
@media (max-width: 767px) { .u-tile-desc { display: none; } }
/* Pick card text panel keeps one width (the open card's width, Figma 312px) and stays centred,
   so the text never rewraps while the card grows or shrinks. */
.u-card--pick .u-pick-panel { left: 50% !important; right: auto !important; width: var(--pick-wc, 312px) !important; max-width: none !important; --width: var(--pick-wc, 312px); transform: translate(-50%, 100%); }
.u-pick-open .u-card--pick .u-pick-panel { transform: translate(-50%, 0); }
/* Unpacked button component (Figma: Button, states Default / On hover / When pressed).
   Use it by adding the class "u-btn" to any Button widget (Advanced > CSS Classes).
   Every newsletter form button (input.tnp-submit) gets the same states automatically. */
.u-btn .elementor-button, input.tnp-submit, .u-button { display: inline-flex !important; align-items: center; justify-content: center; height: 44px !important; min-height: 44px; box-sizing: border-box; padding: 8px 24px !important; background: #000 !important; color: #fff !important; border: 1px solid #000 !important; border-radius: 4px !important; box-shadow: none !important; font-family: "Geist Mono", monospace !important; font-weight: 400 !important; font-size: 14px !important; line-height: 1.4 !important; letter-spacing: 0.84px !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
.u-btn .elementor-button .elementor-button-text { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; }
.u-btn .elementor-button:hover, .u-btn .elementor-button:focus-visible, input.tnp-submit:hover, input.tnp-submit:focus-visible, .u-button:hover, .u-button:focus-visible { background: transparent !important; color: #000 !important; border-color: #000 !important; font-weight: 600 !important; }
.u-btn .elementor-button:active, input.tnp-submit:active, .u-button:active { background: #006486 !important; color: #fff !important; border-color: #006486 !important; font-weight: 400 !important; }
.u-btn .elementor-button:focus-visible, input.tnp-submit:focus-visible, .u-button:focus-visible { outline: 2px solid #006486; outline-offset: 2px; }
/* Smaller size used inside articles (Figma: in-article subscribe card) */
.u-nl-form.u-nl-form--compact input.tnp-submit { height: 36px !important; min-height: 36px; padding: 8px 32px !important; font-size: 13px !important; letter-spacing: 0.78px !important; }
@media (max-width: 767px) {
  .u-header-join.u-btn .elementor-button { height: 36px !important; min-height: 36px; padding: 6px 12px !important; font-size: 12px !important; letter-spacing: 0.72px !important; }
}

/* Article cards: on hover the image grows 1.1x from its centre (Figma card hover) */
.u-card-img, .u-card-img .elementor-widget-container, .u-card-img a { overflow: hidden; }
.u-card-img img { transform-origin: 50% 50%; transition: transform 0.4s ease; }
.u-card:hover .u-card-img img, .u-card:focus-within .u-card-img img { transform: scale(1.1); }
.u-rel-media { overflow: hidden; }
.u-rel-img { transform-origin: 50% 50%; transition: transform 0.4s ease; }
.u-related:hover .u-rel-img, .u-related:focus-visible .u-rel-img { transform: scale(1.1); }
@media (prefers-reduced-motion: reduce) { .u-card-img img, .u-rel-img { transition: none; } }
/* Unpacked title link (Figma: Text part). Default: orange name with the arrow 4px away.
   Hover (Figma smart animate, ease in, 200ms): the colour turns dark teal, the underline fades in
   under the name and the arrow slides out to 16px. Moving away plays it back the same way. */
.u-cat-head { display: inline-flex; align-items: center; column-gap: 4px; padding: 16px 0; font-family: "Geist Mono", monospace; font-weight: 600; font-size: 16px; line-height: 1.1; letter-spacing: 0.96px; text-transform: uppercase; white-space: nowrap; color: #D64000 !important; text-decoration: none !important; transition: color 0.2s ease-in, column-gap 0.2s ease-in; }
.u-cat-head-label { text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: transparent; text-decoration-thickness: from-font; text-underline-position: from-font; transition: text-decoration-color 0.2s ease-in; }
.u-cat-head .u-arrow { display: block; flex: 0 0 auto; width: 15.62px; height: 15.68px; margin-bottom: 2px; }
a.u-cat-head:hover, a.u-cat-head:focus-visible { color: #014258 !important; column-gap: 16px; }
a.u-cat-head:hover .u-cat-head-label, a.u-cat-head:focus-visible .u-cat-head-label { text-decoration-color: currentColor; }
a.u-cat-head:focus-visible { outline: 2px solid #014258; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .u-cat-head, .u-cat-head-label { transition: none; } }
/* Unpacked tracker block and looping picks row (shared by the homepage and theme pages). Moved here from the homepage CSS. */
/* Tracker */
.u-ht-box { position: relative; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch; border-top: 6px solid #C986FF; overflow: visible; }
.u-ht-media { flex: 0 0 40.39% !important; width: 40.39% !important; max-width: 517px; position: relative; background: #D0D0D0; }
.u-ht-media > .elementor-widget-container, .u-ht-media .elementor-shortcode, .u-ht-img { height: 100%; }
.u-ht-img { position: relative; overflow: hidden; }
.u-ht-img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; }
.u-ht-img::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.2); }
.u-ht-panel { flex: 1 1 0% !important; min-width: 0; position: relative; height: 663px; padding: 44px 60px 32px 48px !important; background: var(--e-global-color-u_teal); }
.u-ht-scroll { height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0 0 72px 36px !important; scrollbar-width: thin; scrollbar-color: #15556A transparent; }
.u-ht-list .e-loop-item { position: relative; }
.u-ht-list .e-loop-item::before { content: ""; position: absolute; left: -36px; top: 16px; width: 12px; height: 12px; box-sizing: border-box; border: 1px solid #D5A2FF; border-radius: 50%; }
.u-ht-list .e-loop-item::after { content: ""; position: absolute; left: -30.5px; top: 32px; bottom: -32px; width: 1px; background: #15556A; }
.u-ht-list .e-loop-item:last-child::after { display: none; }
.u-ht-cta { position: absolute !important; left: 44px; right: 60px; bottom: 32px; width: auto !important; z-index: 2; }
.u-ht-btn { display: flex; align-items: center; justify-content: center; height: 44px; padding: 8px 60px; box-sizing: border-box; background: var(--e-global-color-u_teal); border: 1px solid var(--e-global-color-u_cyan); border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16); font-family: "Geist Mono", monospace; font-weight: 600; font-size: 14px; line-height: 1.4; letter-spacing: 0.84px; text-transform: uppercase; color: #fff !important; text-decoration: none !important; }
.u-ht-btn:hover { background: #0B4B60; }
.u-pick-tabs { display: flex; align-items: flex-start; gap: 23px; }
.u-pick-tab, .u-pick-tab:hover, .u-pick-tab:focus { min-width: 30.5px; margin: 0; padding: 0 0 4px !important; border: 0 !important; border-bottom: 1px solid transparent !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: #000 !important; font-family: "Geist Mono", monospace !important; font-weight: 400 !important; font-size: 12px !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: uppercase !important; text-align: left; cursor: pointer; }
.u-pick-tab.is-active { border-bottom-color: #000 !important; }
.u-pick-tab:focus-visible { outline: 2px solid #000; outline-offset: 3px; }
/* Centred row of picks: the centre card is larger and shows its text; arrows bring the next card to the centre */
.u-hp-panes { position: relative; --pick-w: 268px; --pick-wc: 312px; --pick-gap: 20px; padding-bottom: 26px !important; }
.u-picks-pane { position: relative; width: 100%; }
.u-picks-pane .elementor-loop-container { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: var(--pick-gap) !important; width: max-content; height: calc(var(--pick-wc) * 380 / 268); transition: transform 0.45s ease; }
.u-picks-pane.u-no-anim .elementor-loop-container, .u-picks-pane.u-no-anim .e-loop-item, .u-picks-pane.u-no-anim .u-card--pick, .u-picks-pane.u-no-anim .u-card--pick::before, .u-picks-pane.u-no-anim .u-pick-panel { transition: none !important; }
.u-picks-pane:not(.is-ready) .elementor-loop-container { visibility: hidden; }
.u-picks-pane .e-loop-item { flex: 0 0 var(--pick-w); width: var(--pick-w); transition: flex-basis 0.45s ease, width 0.45s ease; }
.u-picks-pane .e-loop-item.u-pick-open { flex-basis: var(--pick-wc); width: var(--pick-wc); }
.u-picks-pane .e-loop-item:not(.u-pick-open) { cursor: pointer; }
.u-picks-pane .e-loop-item > .u-card--pick { --width: 100%; width: 100% !important; max-width: none; margin: 0 !important; height: auto !important; }
.u-pick-arrows { position: absolute; right: 0; bottom: 0; display: flex; gap: 14px; z-index: 4; }
.u-pick-arrows button, .u-pick-arrows button:hover, .u-pick-arrows button:focus { width: 26px; height: 26px; min-width: 0; margin: 0; padding: 0 !important; display: flex; align-items: center; justify-content: center; border: 1px solid #000 !important; border-radius: 50% !important; background: transparent !important; color: #000 !important; box-shadow: none !important; cursor: pointer; }
.u-pick-arrows button { transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; }
.u-pick-arrows button:hover:not(:disabled) { background: #000 !important; color: #fff !important; }
/* Pressed: teal, the same as the other buttons */
.u-pick-arrows button:active:not(:disabled) { background: #006486 !important; border-color: #006486 !important; color: #fff !important; }
.u-pick-arrows button:focus-visible { outline: 2px solid #006486; outline-offset: 2px; }
.u-pick-arrows button:disabled { opacity: 0.35; cursor: default; }
.u-pick-arrows svg { display: block; width: 14px; height: 7px; }
.u-pick-prev svg { transform: rotate(90deg); }
.u-pick-next svg { transform: rotate(-90deg); }
@media (max-width: 767px) { .u-hp-panes { --pick-w: 220px; --pick-wc: 256px; --pick-gap: 16px; } }
.u-ht-list .elementor-loop-container { grid-template-columns: minmax(0, 1fr) !important; }
/* Editor's picks: page margins. The row is cut off at the content edges, so the 80px page margin stays clear on both sides (Figma). On phones the row runs to the screen edge so the next cards still peek in. */
.u-picks-pane { clip-path: inset(-120px 0 -120px 0); }
@media (max-width: 767px) { .u-picks-pane { clip-path: none; } }
@media (max-width: 1024px) {
  .u-ht-box { flex-direction: column !important; }
  .u-ht-media { flex: 0 0 auto !important; width: 100% !important; max-width: none; height: 320px; }
  .u-ht-panel { height: auto; padding: 40px 24px 32px !important; }
  .u-ht-scroll { height: auto; overflow: visible; padding-bottom: 0 !important; }
  .u-ht-list .e-loop-item:nth-child(n+6) { display: none; }
  .u-ht-list .e-loop-item:nth-child(5)::after { display: none; }
  .u-ht-cta { position: static !important; margin-top: 28px; }
}
@media (max-width: 767px) {
  .u-ht-media { height: 220px; }
  .u-ht-panel { padding: 36px 16px 24px !important; }
  .u-ht-btn { padding: 8px 16px; }
  .u-ht-list .u-card--tracker { gap: 16px !important; }
  .u-ht-list .u-card--tracker > .elementor-widget-image { width: 88px !important; flex: 0 0 88px !important; }
  .u-ht-list .u-card--tracker .elementor-heading-title { font-size: 16px; }
}
/* Unpacked list card (Figma: Theme Template > Archive > News Item): label, headline, meta, image on the right */
.u-card--list > .e-con { flex: 1 1 0% !important; min-width: 0; }
.u-card--list .u-list-title .elementor-heading-title { margin: 0; font-family: "Geist", sans-serif !important; font-weight: 500 !important; font-size: 18px !important; line-height: 1.2 !important; letter-spacing: -0.18px !important; color: #000 !important; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.u-card--list .u-list-title a { color: inherit !important; }
.u-card--list .u-list-title a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.u-card--list .u-meta { font-weight: 600; }
.u-card-img--list { width: 132px !important; max-width: 132px; flex: 0 0 132px !important; background: #D0D0D0; }
.u-card-img--list img { display: block; width: 132px !important; height: 82px !important; max-width: none; object-fit: cover; }
@media (max-width: 767px) {
  .u-card-img--list { width: 96px !important; max-width: 96px; flex-basis: 96px !important; }
  .u-card-img--list img { width: 96px !important; height: 60px !important; }
  .u-card--list .u-list-title .elementor-heading-title { font-size: 16px !important; }
}

/* Unpacked pager (Figma: 1 / 2 / 3 / ....... / 32) */
.u-pager { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 16px 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font-family: "Geist", sans-serif; font-size: 15px; line-height: 1.2; }
.u-pg-num { color: #666666 !important; font-weight: 400; text-decoration: none !important; }
a.u-pg-num:hover, a.u-pg-num:focus-visible { color: #000 !important; text-decoration: underline !important; text-underline-offset: 3px; }
.u-pg-num.is-current { color: #000 !important; font-weight: 500; }
.u-pg-gap { color: #666666; }
.u-pg-sep { display: block; flex: 0 0 16px; width: 16px; height: 16px; margin-right: 4px; color: #666666; }

/* Archive sort and date menus (Figma: Newest / All Dates) */
.u-af { display: flex; align-items: center; gap: 44px; }
.u-af-menu { position: relative; }
.u-af-btn { display: flex; align-items: center; gap: 12px; list-style: none; cursor: pointer; font-family: "Geist", sans-serif; font-weight: 400; font-size: 14px; line-height: 1.2; letter-spacing: 0.28px; color: #000; white-space: nowrap; user-select: none; }
.u-af-btn::-webkit-details-marker { display: none; }
.u-af-btn::marker { content: ""; }
.u-af-chev { display: block; flex: 0 0 14px; width: 14px; height: 14px; transition: transform 0.2s ease; }
.u-af-menu[open] .u-af-chev { transform: rotate(180deg); }
.u-af-btn:hover span { text-decoration: underline; text-underline-offset: 3px; }
.u-af-btn:focus-visible { outline: 2px solid #006486; outline-offset: 3px; }
.u-af-list { position: absolute; right: 0; top: calc(100% + 10px); z-index: 20; min-width: 160px; margin: 0; padding: 6px 0; list-style: none; background: #fff; border: 1px solid #DDDDDD; border-radius: 4px; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); }
.u-af-list li { margin: 0; padding: 0; }
.u-af-list a { display: block; padding: 8px 16px; font-family: "Geist", sans-serif; font-size: 14px; line-height: 1.2; color: #111 !important; text-decoration: none !important; white-space: nowrap; }
.u-af-list a:hover, .u-af-list a:focus-visible { background: #F2ECDD; }
.u-af-list a.is-current { font-weight: 600; }
@media (max-width: 767px) { .u-af { gap: 24px; } }

/* Unpacked newsletter on the page background (Figma: Get Intelligence Delivered!) */
.u-nl-plain { align-items: center; text-align: center; }
.u-nl-plain-head { width: 100%; }
.u-nl-plain-title .elementor-heading-title { margin: 0; font-family: "Geist", sans-serif !important; font-weight: 600 !important; font-size: 36px !important; line-height: 1.1 !important; letter-spacing: -0.72px !important; color: #000 !important; text-align: center; text-transform: none !important; }
.u-nl-plain-text .elementor-heading-title, .u-nl-plain-note .elementor-heading-title { margin: 0; font-family: "Geist", sans-serif !important; font-weight: 400 !important; font-size: 16px !important; line-height: 1.4 !important; letter-spacing: 0 !important; color: #000 !important; text-align: center; text-transform: none !important; }
.u-nl-plain .u-nl-form { width: 100%; margin-top: 52px; }
.u-nl-plain-note { margin-top: 25px; }
.u-nl-form--fill .tnp-subscription-minimal form { width: 100%; }
.u-nl-form--fill .tnp-subscription-minimal input.tnp-email { flex: 1 1 auto; width: auto; max-width: none; min-width: 0; }
.u-nl-form--fill .tnp-subscription-minimal input.tnp-submit { flex: 0 0 182px; }
@media (max-width: 767px) {
  .u-nl-plain-title .elementor-heading-title { font-size: 28px !important; }
  .u-nl-plain .u-nl-form { margin-top: 32px; }
  .u-nl-form--fill .tnp-subscription-minimal input.tnp-email { flex: 0 0 auto; width: 100%; }
  .u-nl-form--fill .tnp-subscription-minimal input.tnp-submit { flex: 0 0 auto; }
}
/* Tracker card: the summary line only shows on the large first card of a theme page tracker */
.u-card--tracker .u-tr-summary { display: none; }

/* Unpacked section title (Top Stories, Archive, Explore next, Explore All Charts) */
.u-sec-title .elementor-heading-title { margin: 0; font-family: "Geist", sans-serif !important; font-weight: 600 !important; font-size: 24px !important; line-height: 1.2 !important; letter-spacing: -0.24px !important; color: #000 !important; text-transform: none !important; }
/* Newsletter on the page background, centred at 519px */
.u-tn { width: 100%; align-items: center; padding: 0 16px !important; }
.u-tn > .elementor-element { width: 100%; max-width: 519px !important; }

/* Featured article card (Figma: chart page > Featured in): image left, headline, summary, meta */
.u-card--feature > .e-con { flex: 1 1 0% !important; min-width: 0; }
.u-card-img--feature { width: 176px !important; max-width: 176px; flex: 0 0 176px !important; background: #D0D0D0; }
.u-card-img--feature img { display: block; width: 176px !important; height: 109px !important; max-width: none; object-fit: cover; }
.u-feature-title .elementor-heading-title { margin: 0; font-family: "Geist", sans-serif !important; font-weight: 600 !important; font-size: 18px !important; line-height: 1.2 !important; letter-spacing: -0.18px !important; color: #000 !important; text-transform: none !important; }
.u-feature-title a { color: inherit !important; }
.u-feature-title a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.u-feature-summary .elementor-heading-title { margin: 0; font-family: "Geist", sans-serif !important; font-weight: 400 !important; font-size: 16px !important; line-height: 1.4 !important; letter-spacing: 0 !important; color: #111 !important; text-transform: none !important; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.u-card--feature .u-meta { font-weight: 600; }
@media (max-width: 767px) {
  .u-card--feature { gap: 16px !important; }
  .u-card-img--feature { width: 112px !important; max-width: 112px; flex-basis: 112px !important; }
  .u-card-img--feature img { width: 112px !important; height: 70px !important; }
}

/* Chart card (Figma: Explore All Charts item): chart on white, title on a light strip at the bottom */
.u-card--chart { position: relative; height: 240px; overflow: hidden; background: #fff; border: 1px solid #CCCCCC; }
.u-card-img--chart { position: absolute !important; inset: 0; width: auto !important; max-width: none !important; }
.u-card-img--chart .elementor-widget-container, .u-card-img--chart a { display: block; width: 100%; height: 100%; }
.u-card-img--chart img { display: block; width: 100% !important; height: 100% !important; max-width: none; box-sizing: border-box; padding: 23px 71px 21px 74px; object-fit: contain; background: transparent; }
.u-chart-name { position: absolute !important; left: 0; right: 0; bottom: 0; z-index: 2; width: auto !important; max-width: none !important; height: 46px; padding: 0 11px; display: flex; align-items: center; background: rgba(255, 255, 255, 0.8); }
.u-chart-name > .elementor-widget-container { width: 100%; min-width: 0; }
.u-chart-name .elementor-heading-title { margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: "Geist", sans-serif !important; font-weight: 700 !important; font-size: 13px !important; line-height: 15.9px !important; letter-spacing: 0 !important; color: #000 !important; text-transform: none !important; }
.u-chart-name a { color: inherit !important; }
.u-card--chart:hover .u-chart-name a { text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 767px) { .u-card-img--chart img { padding: 20px 24px 52px; } }


/* Contact, partner and pitch forms (Jetpack forms) */
.wp-block-jetpack-contact-form { gap: 20px; max-width: 640px; }
.wp-block-jetpack-contact-form .grunion-field-label { font-family: "Geist", sans-serif; font-weight: 600; font-size: 14px; line-height: 1.4; color: #000; margin-bottom: 8px; }
.wp-block-jetpack-contact-form .grunion-label-required { font-weight: 400; color: #6b6b6b; margin-left: 4px; }
.wp-block-jetpack-contact-form input.grunion-field, .wp-block-jetpack-contact-form textarea.grunion-field { width: 100%; background: #fff; border: 1px solid #d0d0d0; border-radius: 4px; padding: 12px 14px; font-family: "Geist", sans-serif; font-size: 16px; line-height: 1.5; color: #000; box-shadow: none; }
.wp-block-jetpack-contact-form input.grunion-field:focus, .wp-block-jetpack-contact-form textarea.grunion-field:focus { border-color: #000; outline: none; }
.wp-block-jetpack-contact-form textarea.grunion-field { height: 160px; min-height: 160px; resize: vertical; }
.wp-block-jetpack-contact-form .wp-block-button__link { width: auto; background: #000; color: #fff; border: 1px solid #000; border-radius: 4px; padding: 12px 24px; font-family: "Geist Mono", monospace; font-weight: 400; font-size: 12px; line-height: 1.4; letter-spacing: 0.72px; text-transform: uppercase; }
.wp-block-jetpack-contact-form .wp-block-button__link:hover, .wp-block-jetpack-contact-form .wp-block-button__link:focus-visible { background: #fff; color: #000; }

/* Side menu search: typed text in black (#000000). */
.u-search .elementor-search-form__input, .u-search .elementor-search-form__input:focus { color: #000000 !important; -webkit-text-fill-color: #000000; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://unpacked.hectar.global/wp-content/uploads/2026/10/Geist-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Geist';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('https://unpacked.hectar.global/wp-content/uploads/2026/10/Geist-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://unpacked.hectar.global/wp-content/uploads/2026/10/Geist-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://unpacked.hectar.global/wp-content/uploads/2026/10/Geist-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://unpacked.hectar.global/wp-content/uploads/2026/10/Geist-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://unpacked.hectar.global/wp-content/uploads/2026/10/GeistMono-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Geist Mono';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://unpacked.hectar.global/wp-content/uploads/2026/10/GeistMono-SemiBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://unpacked.hectar.global/wp-content/uploads/2024/09/NeueMontreal-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://unpacked.hectar.global/wp-content/uploads/2024/09/NeueMontreal-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://unpacked.hectar.global/wp-content/uploads/2024/09/NeueMontreal-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */